こんにちは、フロントエンドエンジニアの 谷（@high_g_engineer）です。
最近、自分が所属するチームと興味がある人達を集めて、業務時間内でもくもくと学習する会、もくもく会を開催し始めました。
もくもく会のルールは以下の様に設定しています。
毎朝、好きな技術の学習や調査に取り組み、金曜日に一週間で取り組んでいた内容をLT会の様な形式で報告しあう形です。
もくもく会を開いた経緯としては、ここ最近、チームビルディングやエンジニア採用について悩むことが多くなり、これらを改善する為のキーワードとして、「エンジニア力の組織的な強化、エンジニア組織のプレゼンス向上、エンジニア個人の市場価値向上」などが浮かび、さらに、これらを一気にまとめてやるにはどうしたら良いか？を考えた結果、我々エンジニアの本質は個々人の技術力の高さにあるというシンプルな結論にたどり着き、個々人の技術力を高めるところからはじめようというものでした。
エンジニアの技術力や市場価値を高める為には、学習やアウトプットが大事だということは、色々なところで叫ばれていますが、実際問題、それを個人任せにしてしまっている現場が多く、弊社でもその様な状態になっています。
頑張って学習してね！と言葉だけで伝えても個々のモチベーションの差で、コンスタントに取り組める人の方が少数派になるのではないかと個人的に感じています。
なので、ルールを設け、業務時間を使い、チームとして取り組むことが、結果として各々の技術力を健全に高めながらチームの開発力を上げ、エンジニア組織全体を強化する近道だと、ここ最近、社内勉強会を開いたり、生産性の学習をする等して思った為、行動した次第です。
今の所、2週間継続できており、日々の技術学習文化が醸成されつつあります。
併せて今後は週報の様な形で、取り組んだ内容を掲載していこうと思います。
取り組んだ内容のメモは、取り組んだ本人が記載している訳ではなく、インプットとアウトプットを効率化する為に発表を聞いている人がまとめる形をとっているので、若干言葉足らずな部分があったり、情報が間違っている箇所があるかもしれないことをご了承下さい。
以下は今週の取り組んだ内容になります。
今週のもくもく会
- Webアプリケーションアクセシビリティ読書
- https://zenn.dev/highgrenade/scraps/756a0161a7d11b
- アクセシビリティはみんなのため（健常者も障がいを持ってる方みんなも含めて）
- WCAG2.1というアクセシビリティの基準が存在している
- まずは機械が読めるかどうか次に人間
- セマンティクスを意識しないとSEO下がったりする
- 例）チェックボックスをspanタグで作るのはやめて、inputタグを使おう
- WAI-ARIA使うとより機械が読みやすくなる。
- ただWAI-ARIAをちゃんと使ってる企業はそこまで多くない
- Andoroid学習mixiの研修資料
- https://zenn.dev/koji9412/scraps/aefd7836d788c4
- https://speakerdeck.com/mixi_engineers/
- Android以外の研修も充実してるよ
- ディレクトリ構成
- リソースディレクトリ
- UIレイアウト
- sp dp
- ViewGroup
- FrameLayout
- LinearLayout
- Android界隈ではConstraintLayoutをよく使う
- 親子構造を作れる
- かなりコンポーネント指向っぽい
- ContraintLayout Chain
- 依存し合った制約
- ボタン1とボタン2が参照しあってる状態
- 余白とかの調整できるよ
- 最近はGUIで調整することが多くなってる
- chartello触ってみた
- https://laravel-news.com/chartello
- ライトなredashのようなもの（laravel9以降）
- Mockeryのバグ調査
- https://github.com/mockery/mockery/issues/1220配列の受け渡しのバグがある
- おそらくmakePartial
- TypeScriptのオライリー本の読書
- TypeScriptでConfigファイル作り
- 基本的な型
- 初めて知ったのはsymbol型
- 関数について
- ジェネリクスについて学んだ
- 型の安全性
- Filterという型を定義
- 数値型か文字列型でも使えるように
- 4つ書き方がある
- ジェネリックの型推論
- 型教えなくてもできるけど、明示したほうが良いとは思ってる
- 型の制約
- Pre環境でのAmplify CLI実行
- amplify cliの仕組みがちょっとわかった
- SSRの事例がほとんどAmplify Console(Hosting)とGitHub連携のものが多い
- CircleCI からデプロイ形式のはSSGのみのがおおい
- https://zenn.dev/nus3/articles/89168a3485a544c792d5
- SSGの場合 next/image の使用ができなく next build & next export でindex.htmlを生成する事ができる
- Amplify Console(Hosting)とGitHub連携悪くはないけどなんかGitHub管理者が管理できなさそう感を感じているので極力Circle CIで解決が良い気はしてる
- terraform 実践入門をやった
- 8.2までおわった
- マルチAZ構成でvpcを立ててインターネットゲートウェイ経由でcurlでアクセスできるようになった
- terraform destroyで秒で環境を消せるので経済的な勉強方法だ
今週の報告は以上です！
週毎に取り組みを掲載していきますので、ご期待下さいませ！
