344の(*>△<)

北海道の地方の学生が備忘録的にいろんなことを書いていきます

CyberAgentの長期インターンに参加してみた

お久しぶりです.

2~3月の1ヶ月間,CyberAgentにて就業型インターンシップ Engineer JOBに参加してきました. 以下のリンクから要項などはどうぞ.

www.cyberagent.co.jp

終了してからだいぶ経っていますが,忘れないように残しておきたいと思います.

どの部署に配属されたのか

こえのブログという今年の1月にリリースされたAmebaブログの新機能を開発している部署のWebフロントとしてお邪魔させていただきました. こえのブログについて簡単に説明すると,文字入力でブログを書くのではなく,自分の声をそのままブログにできるという機能になっています.

具体的な使用技術等については以下のリンクから見ることができるので気になった方はぜひご覧ください.

developers.cyberagent.co.jp

インターンの面接時にAngularとReactの話をしていたので,てっきりそのような技術を用いている部署でのインターンと思いきや,LitElementという技術を用いて開発を行うという初めての経験をしました.

事前準備

何冊かの推薦図書をもらい,実際にインターン中までにインプットしてみました.

事前に読んだ本

インクルーシブHTML+CSS & JavaScript 多様なユーザーニーズに応えるフロントエンドデザインパターン

インクルーシブHTML+CSS & JavaScript 多様なユーザーニーズに応えるフロントエンドデザインパターン

超速!  Webページ速度改善ガイド ── 使いやすさは「速さ」から始まる (WEB+DB PRESS plus)

超速! Webページ速度改善ガイド ── 使いやすさは「速さ」から始まる (WEB+DB PRESS plus)

終了後に読んだ本

Atomic Design ~堅牢で使いやすいUIを効率良く設計する

Atomic Design ~堅牢で使いやすいUIを効率良く設計する

何をしたの?

アクセシビリティに関する修正1つ,新規機能開発2つを行いました.

どこまで書いていいのかわからないため,実際にどこの部分を作成したかなどは言えませんが,新規機能に関してはこのスタッフブログに書かれている機能のどこかの部分を作成しました.

ameblo.jp

何を学んだか

技術力はもちろんですが,自分の中での意外な点としてアクセシビリティについて初めて考えさせられる機会になりました. 例えば

  • キーボードで操作できるように0 × 0の見えないボタンを配置したが,VoiceOverだとそのボタンにFocusが当たらなくなる
  • imgにalt属性をつけることの重要さ
  • iPhoneのVoiceOverは悪い意味でやばい

などなどを書ききれないほどの新しいことを学べました.

インターンの初日にメンターの方から「これを読んだらいいかも」とAmeba Accessibility Guidelinesを渡されたのはいい思い出ですw

また,ca11yというアクセシビリティに関しての勉強会についても参加させてもらいました. ca11y.connpass.com

イベントの風景

インターン以外のこと

CA BASE CAMP 2019に参加しました.

cabase.cyberagent.group

美味しいカレーたち

ムルギー

f:id:vivid344:20190415145115p:plain

あおい

f:id:vivid344:20190415145047p:plain

マサカレー

f:id:vivid344:20190415145105p:plain

カイラスだけ写真残ってない...

まとめ

初めて1ヶ月間の長期インターンに参加しましたが,自分に不足している,もっと勉強していこうという箇所が見つかり,これから頑張っていこうと思いました.

1ヶ月という間でしたが,自分の受け入れてくださった部署の方々本当にありがとうございました!