整理整頓

思考を整理するためにアウトプットするブログ。

React

読書 Atomic Design ~堅牢で使いやすいUIを効率良く設計する 後半まとめ

作業概要と実施理由 ATOMIC DESIGNの実践部分をひとまずやってみよう!と思ったけど、まずは作れるようになってから読むテストについてが大半だったのでサンプルプロジェクトを動かしながら概要を抑えるだけにした。テストの自動化は興味があったのでちょう…

読書 Atomic Design ~堅牢で使いやすいUIを効率良く設計する 前半まとめ

作業概要 Atomic Design ~堅牢で使いやすいUIを効率良く設計するを読んで、背景や基礎知識など3章までの内容をまとめた。記事のボリュームが大きくなってきたので、4~6章の実践編は時間に分けよう。 作業時間/見積:4h / 4h 学び デザインとエンジニアリン…

社員紹介アプリ 調査&ワイヤーフレーム作成

作業概要 会社のチームメンバーで開発力を高める取り組みとして、新入社員向けの社員紹介アプリを作ることになった。まずは仕様を決めるために既存サービスの調査とワイヤーフレーム案をFigmaで作った。慣れない作業だと見積もり狂うなぁ。 作業時間/見積:9…

React デプロイ/ビルド環境整備 & デバッグ方法調査

作業概要 GitHub pagesでReactのアプリをデプロイ/ビルドできるようになった。React DevToolsを使えるようになった。 作業時間/見積:2.5h / 3h 学び create-react-appはリポジトリ作成もやってた やはり、よしなにやってくれすぎて裏で何起きてるか分からな…

React 環境構築&Tutorial

作業概要 環境構築をして、 チュートリアルを終わらせた。やっぱりゲーム作るの楽しいな。勝利の判定ロジックがシンプルに書かれてて面白い。でも、初心者だとブラックボックス的に見えちゃうんだろうなぁ。もったいないなぁ。 Udemyがセールしてたので3本購…

React 学習計画のための調査

作業概要 まずは全体感を掴むためにDocsのGetting Startedをざっとまとめながら読んだ。リンクにも一通り目を通してざっくりとした学習計画を立てた。あと、Qiitaが炎上しているので退会を視野に入れて、別でブログを書く環境を整えた。 作業時間: 2.5h 学…