PlayBackTech2018

created at:

Image

CSS Grid Layout

Image

アクセシビリティ活動

Image

Sublime TextからVisual Code Studioの乗り換え

Image

  • Sublime Textのアップデートにより使えないパッケージがでてきたので物は試しで乗り換えてみた
    • するといろいろ便利機能があることが判明して無事乗り換え成功した
  • Visual_Studio_Codeに移行してよかったこと
    • 統合ターミナル
    • ESLint / prettierの自動整形
    • TypeScript関連の強さ
    • Git clone機能(拡張)
    • 最近まで会社のエディタにeditorconfig入ってなくて戦慄した(修正済み)

ホスティングサービスがアツい

Renovate

Image

  • サイボウズフロントエンドMeetUpのTeppeisさんのスライドで知った
  • npmパッケージのアップデート自動化をより用意にしてくれた
    • Pull_Requestで通知
    • Greenkeeperの上位互換?
  • パッケージ管理が多い場合はマージを自動化するなどがよさそう
    • メジャーバージョン以外をマージするのでOK?
    • 特定のパッケージは管理しないなどもできる

脱jQueryの機運を高める

  • 個人的な目標としてjQueryの使用をやめようとしてみた
  • 今年GitHubも実施していた
  • 何故やめようとしたか
  • しかし頼るべきところがあればそこは頼る
    • offset().top 周りの挙動
    • プラグインを使用したデザイン・仕様
  • 結果として
    • ES6でモリモリ書けるようになった
    • 頼っていたことは大したレベルのことではなかったとわかった
    • 社内の新規開発案件では今後目にすることは無いと思う
    • リニューアル案件やビジュアル重視とか納期重視だとまだ残るとは思う
      • なんだかんだで楽なので
    • レガシーなものを書き換えていきたい欲が出た

Scrapboxの社内活用

Image

パフォーマンス・チューニング

stylelint

Nuxt.jsで爆速開発体験

PWA

Image

  • Progressive Web App
    • Progressive = 漸進的
    • Webをアプリのものに徐々に近づけていく思想
  • 以下の条件で構成されている
    • レスポンシブ
    • ネットワーク接続に依存しない
      • [Service Worker]Service_Worker)
    • 常に最新
    • https通信必須
    • [Web Push通知]Web_Push%E9%80%9A%E7%9F%A5)
    • manifest.json
    • ホーム画面へのインストール可能
  • HTML5 Conference 2018でもamp同様話題にあがってた
  • つくったやつ

勉強会・MeetUp・ワークショップ・カンファレンスへの参加、登壇

気がついたら結構参加していた

  • 参加した勉強会、MeetUp、カンファレンス、ハンズオン
    • UIT#5わたしたちにとってのVue.js
    • UX Cafe: チームで取り組む! サイボウズのアクセシビリティ
    • HTML5 Conference 2018
    • We Are JavaScripters! @26th
    • Vue Fes Japan 2018 Reject Conference]
    • Meguro.css#4
    • CI/CD Test Night#1
    • Vue Fes Japan 2018
    • DIST.23「マークアップを止めるな!」
    • NuxtMeetup#5
    • すくすく! 子育てエンジニアMeetup#3
    • STUDIO Workshop#3 @ OHAKO
    • Netlify Meetup Tokyo#2
    • Roppongi.js#6
    • Vue.js Tokyo v-meetup#8
    • Roppongi.js#5
    • Meguro.css#2
    • We Are JavaScripters! @22nd
    • DXEL.1エンジニアとデザイナーが「いい関係」を築くために
    • HTML5 APP CONFERENCE 2018
    • さくらの勉強会フロントエンドナイト
    • Cybozu Meetupフロントエンド#2
    • 第69回HTML5とか勉強会「UIフレームワーク最前線」
    • Scrapbox Drinkup#4 Tokyo Edition
    • Nuxt Meetup#2
    • Roppongi.js#2
    • 技術書典#4
    • すくすく! 子育てエンジニアMeetUp#2
    • すくすく! 子育てエンジニアMeetUp#1
  • 地味に登壇もしていました
  • 来年も引き続き色々参加していきたい

技術書典#5参加

Image

  • サークル詳細 | こんのいぬ | 技術書典
  • これからはじめるWebアクセシビリティ - こんのいぬ - BOOTH
  • [技術書典#4]%E6%8A%80%E8%A1%93%E6%9B%B8%E5%85%B8%234)に参加してみて「本を作って発信する」ことに久々に熱を感じた
    • 昔同人活動をやっていたのも影響あったかも(もう絵も描かなくなりましたが)
  • なんとなく応募してみたら受かってしまったので何かやってみるかとなった
  • アクセシビリティの入門書みたいなものを書いたらどうかと思った
    • 自分の知識を深めるきっかけになる
    • 啓蒙もできる
    • アクセシビリティに何かしら貢献できそう
  • 色々と反省箇所・準備不足な部分があったが、やってみてよかったと思うことが多かった
    • ただ個人参加すると、欲しいものが入手できないというつらさがあった
  • この活動を通して、ようやくアクセシビリティ活動の輪に入れたのかなと感じた

2018年もいろいろありましたね(順不同)

  • Vtuberラッシュ
  • 漫画村閉鎖
  • WCAG 2.1の勧告
  • Hagexさん
  • Osushi
  • メルカリ エンジニア大量雇用
  • はてなブログ、SSL化
  • Yahoo!ジオシティーズ終了のお知らせ
  • はてなダイアリー、はてなハイクサービス終了のお知らせ
  • 五反田バレー、シブヤ・ビットバレー
  • mineo通信の最適化実施
  • Twitter User Streams API廃止
  • Pixel3日本上陸
  • Internet Explorer の今後について – Japan IE Support Team Blog
  • 国際信州学院大学
  • Node.js 10系リリース
  • GDPR
  • サイトブロッキング騒動
  • GitHub、Microsoft買収
  • ニコニコ動画、SSL対応
  • Mac OS Mojave
  • Chromeアドレス欄からサブドメイン削除
  • React Hookの衝撃
  • 東京オリンピックボランティア申し込みフォーム
  • ZOZOタウン社長、月へ行く宣言
  • リニューアル国税庁URLリダイレクト無効
  • DX: Developer Experience(開発体験)
  • 侍エンジニア塾
  • azuさん転職活動開始
  • WordPress 5.0リリース(まもなく)
アーカイブ一覧へ戻る

アーカイブ記事のため、内容に関する更新依頼は受け付けておりませんが、誤字や脱字などありましたらご連絡ください。

この記事に関する修正依頼
トップページに戻る