ノートを取る習慣を続けていたので、その記録の一部を書籍にまとめてみました

2025年5月17日に開催された、JR中央線 Developers もくもく＆LT会 #21での登壇資料になります。

日々の手書きノートを整理・体系化して技術同人誌へ発展させてきたプロセスを紹介する登壇資料です。スライドでは SwiftUI／Jetpack Compose によるグラフ表現やスクロール連動 UI、iOS・Android 両プラットフォームでの実装差分、MV State Pattern などをまとめた具体的なノート事例を列挙しています。

Transcript

1. ノートを取る習慣を続けていたので その記録の一部を書籍にまとめてみました Fumiya Sakai JR中央線 Developers もくもく&LT会 #21 2025/05/17
2. 自己紹介 ・Fumiya Sakai ・Mobile Application Engineer アカウント: ・Twitter: https://twitter.com/fumiyasac ・Facebook: https://www.facebook.com/fumiya.sakai.37 ・Github: https://github.com/fumiyasac ・Qiita: https://qiita.com/fumiyasac@github 発表者: ・Born on September 21, 1984 これまでの歩み: Web Designer 2008 ~ 2010 Web Engineer 2012 ~ 2016 App Engineer 2017 ~ Now iOS / Android / sometimes Flutter
3. iOSのUI実装本を執筆しています！ 書籍に掲載したサンプルのバージョンアップや続編等に現在着手中です。 少しの工夫で実現できるTIPS集やライブラリ表現の活用集をはじめとした、iOSア プリ開発の中でも特にUI実装やUIKitを利用した画面の中で特徴を与える様な表現 という題材に焦点を当てた書籍となっております。 現在は電子書籍版のみとなります。 こちらは全て¥1,000となっております。 https://just1factory.booth.pm/ 概要: https://book-tech.com/ 価格: 📖 Booth 📖 Book Tech
4. UI実装であると嬉しいレシピブックの最新情報 UI実装であると嬉しいレシピブックVol.3として2022年10月に商業化しました！ Still WIP これまでの同人誌として頒布したものに加えて、Vol.1及びVol.2に頒布したものの 中で書籍に載せきれなかったものや表現や動きが特徴的でユーザーにもほんの少し 遊び心を与える様なUI実装を紹介したものをVol.3としています。 概要: これからの構想: こちらで購入可能です: Amazon / Google Play / Apple Books / KINOKUNIYA / Rakuten BOOKS etc.. 🏊 iOS: SwiftUIを利用したUI実装や動画関連の実装 🏊 Android: Jetpack Composeの基本やその他気になるUI表現の考察
5. 技術書同人誌博覧会スタッフ＆デザイン協力もしてます （御礼）第11回技術書同人誌博覧会参加ありがとうございました！ 🍀 #9 一般参加募集チラシ 🍀 #10 次回案内チラシ 🍀 #11 次回案内チラシ 🍀 技書博 mini OSC案内 （ちょっと宣伝）上記案内のデザインは私が作成しました。
6. 思考の過程をノートや資料にまとめる習慣があった インプットを整理して次へ繋げる→アウトプットに応用できる様に
7. 複雑なUI実装に関するポイントをまとめた例(1) SwiftUIとSwiftChartsを利用したグラフに関するUI実装事例をまとめたもの
8. 複雑なUI実装に関するポイントをまとめた例(2) SwiftUIのGeometryReaderやScrollViewの性質を応用した表現をまとめたもの
9. iOS/Android間で似て非なるUI実装内容をまとめた例(1) コンテンツをScrollするとHeader要素がNavigation上部に引っ付く様な表現
10. iOS/Android間で似て非なるUI実装内容をまとめた例(2) キーボード入力した値に合わせて入力フィールドが伸縮する様な表現
11. 初めて触れたアーキテクチャの理解を深めるための例 MV State Patternに関するポイントを整理し例や注意点をまとめた事例
12. コミュニティ主催勉強会での発表内容をまとめた例 オンライン開催されている「Swift Zoomin’」での話題まとめた事例
13. プライベートブログで利用している技術 手書きのノートをChatGPTのサマリーと一緒にブログの様な形でまとめて管理 https://techblog-just1factory.vercel.app/ - ID: fumiyasac - PW: iwasbornin19840921 自分の手書きノー トをChatGPTに食 わせて内容のサマ リーを出力する 自分で後で復習でき る形としてストック
14. まとめ この様な取り組みを通じて改善したこと 私ならではの個人的な探求の一つの形ではありますが、日々の成長を支える確かな手法になっていると思います。 1. 単なる暗記にとどまらない学び： サンプルコードや技術資料から重要なポイントを丁寧に抽出し、それを整理するこのアプローチは、表面的な学習を超えた深い 理解を目指すものです。 2. 日頃から情報を整理する習慣が身につく： ドキュメント作成や会議での議事録作成といった場面でも、そのスキルを活かせるようになりました。会議中の発言や会話の流 れをメモに残すことは、内容を深く理解し、効果的に要点を把握する助けとなっています。 3. 単なる情報の記録を超えた意義： 得られた知識を紙に書き留めることで、理解を深め、柔軟に応用できる「引き出し」として蓄積することができます。このよう なノートは、類似した技術的課題に取り組む際に大きな助けとなり、問題解決のスピードを高めるうえでも役立っています。
15. Thank you for listening !