RSS FEED / 116 NOTES
足跡のフィード
React、Vue、Flutter、AWS、アクセシビリティ。日々の開発で拾った気づきを残す技術ノートです。
このページは RSS フィードをブラウザで読みやすく表示したものです。フィードリーダーで購読するときは、下の XML をそのまま登録してください。
-
116
教材アプリをパッケージに分けるまで
カレンダーを題材に、Flutter のパッケージ設計をどう考えたかを残します。
-
115
配信の底上げとして HTTP/3 を選ぶ
CloudFront で HTTP/3 を有効にするときに、どこを見て判断したかを整理します。
-
114
ブラウザと OS の半年を並べて読む
Google I/O と WWDC の発表を、Web 開発者の視点で並べ直します。
-
113
アクセシビリティの話題を、日常の実装に戻す
GAAD をきっかけに集まった話題を、日々の開発に引き寄せて考えます。
-
112
Nuxt 3 への移行で見えた輪郭
RC を使ってみて、Nuxt 3 の考え方と移行の勘所をまとめます。
-
111
検査のルールを、現場の事情に合わせる
markuplint を導入するときに、ルールをどう育てるかを整理します。
-
110
LIFF を Next.js で包むときの注意点
LIFF の画面を Next.js で作る際に、構成と初期化で気をつけた点です。
-
109
Markup の検証を CI に置く
markuplint をチームの開発フローに組み込むまでの手順です。
-
108
描画のまとめ方が変わる前に
React 18 への移行で押さえておきたい、描画と更新の考え方です。
-
107
自動テストの先にあるアクセシビリティ
Axe Con の話題を通して、自動検査と手動確認の役割を考えます。
-
106
LIFF と React を組み合わせるための下ごしらえ
LIFF のハンズオンを前に、React 側の準備を整理しました。
-
105
値の届く範囲を、Provider からたどる
Context の値がどこから届き、どこで再描画を起こすのかを整理します。
-
104
ねこの日に、少し休む
一年に一度のねこの日に、立ち止まって書く短いメモです。
-
103
WAI ARIA を読む会で残った問い
WAI ARIA の仕様を読むときに、実装へどうつなげるかを考えます。
-
102
描画の後ろで動く処理を追う
useEffect がいつ動き、どの値を見ているのかを順番に追います。
-
101
eslint の a11y ルールを育てる
eslint のアクセシビリティ検査を、無理なく運用に乗せる方法です。
-
100
小さな状態を、どこに置くか
useState の値が更新され、画面に反映される流れを追います。
-
099
見出しとラベルから始める点検
Web アクセシビリティを、どこから確認すればよいかの覚え書きです。
-
098
2022年、学びの予定をゆるく決める
年の初めに、無理のない学びの計画を立てるためのメモです。
-
097
一年の終わりに、道具の棚卸し
一年で使った技術を振り返り、残すものと手放すものを分けます。
-
096
画面の外に残した一年の記録
オンラインと会場を行き来した一年を、コミュニティの視点で整理します。
-
095
更新の波を、初学者の順番で読む
React 18 の変更点を、初学者にも追いやすい順番で並べます。
-
094
ページの一覧から静的なサイトを作る
Vite を静的サイトの生成に使うとき、どこを自前で決めるかを整理します。
-
093
Gatsby 3 で変わるビルドの勘所
Gatsby 3 への更新で見えた、ビルドとプラグインの変化をまとめます。
-
092
カンファレンスサイトを、参加者の入口として作る
イベントサイトを作るときに、情報設計とアクセシビリティをどう扱うか。
-
091
イベントサイトを静的に配るまで
イベントサイトを Next.js で作り、静的配信に載せる流れを整理します。
-
090
毎日のメモを、あとから読める形にする
毎日の技術メモを GitHub issues に集め、配信に回す仕組みを考えます。
-
089
配信先が変わっても壊れないリンク
Next.js の静的配信をサブパスに置いたときの、パス設定の注意点です。
-
088
空の値をどう扱うかを決める
Flutter の null safety 対応で、モデルと画面をどう直したかを残します。
-
087
静的なサイトで言語を切り替える
Next.js の静的生成で、ロケールごとのページを扱うときの整理です。
-
086
取得と再検証の距離を縮める
SWR の更新を機に、取得と再検証の考え方をまとめます。
-
085
静的ファイルを置く前に決めること
静的配信でつまずきやすい、パスと 404 の扱いを整理します。
-
084
エディタの拡張機能を、仕事の流れから選ぶ
VS Code と IntelliJ の拡張機能を、何のために入れているかで整理します。
-
083
書く場所と配る場所を分ける
VuePress を 2 系に上げるときの、構成と執筆環境の変化です。
-
082
身近な題材で、取得と表示を一続きに学ぶ
身近な題材で、取得と表示の基本を学ぶための教材設計です。
-
081
ローカル開発の HTTPS を整える
自己署名の証明書を作り、開発環境で信用させるまでの手順です。
-
080
Internet Explorer の終わりに、互換性を考える
長く使われたブラウザの終了を機に、対応範囲の決め方を見直します。
-
079
部品としての画面をオフラインに置く
Web Components を使って、オフラインでも開ける小さなアプリを作ります。
-
078
音声イベントの選択肢を並べる
Clubhouse と Twitter Spaces、Discord の Stage Channels を比べます。
-
077
名前の引っ越しで、先に決めること
ドメインの移管で必要になる、DNS と証明書と転送の整理です。
-
076
文書を一覧として読み替える
Notion API を使って、ページの一覧を取得するときの考え方です。
-
075
Go と LitElement を触った連休の記録
まとまった休みに、普段と違う道具を触ってみた記録です。
-
074
初参加でも迷わない手順を用意する
初参加でも完走できるハンズオンを、どう組み立てるかを整理します。
-
073
配信先を選び直すときに見たこと
静的サイトの配信先として、Cloudflare Pages を試したときの整理です。
-
072
状態の持ち方を、画面の外に置く
状態管理の道具を、何のために使うのかから考え直します。
-
071
静的な配信で、ページ遷移を壊さない
静的に生成した Nuxt サイトで、ページ遷移がどう動くかを整理します。
-
070
Contentful の内容を Git で管理する
API で取得したコンテンツを、履歴が残る形で保存する方法です。
-
069
コミュニティを支えるスポンサーの形
イベントを支える側に回ったとき、何を期待し何を残すかを考えます。
-
068
Rust から WebAssembly を配る
Rust で書いた処理を WebAssembly として読み込むまでの流れです。
-
067
2021年、続けるための予定を立てる
大きな目標ではなく、続けられる小さな予定を作るためのメモです。
-
066
2020年に残った道具を並べる
環境が大きく変わった一年を、道具と働き方の両面から整理します。
-
065
集まれない一年に、学びをどう続けたか
集まれない一年に、コミュニティがどう学びを続けたかを整理します。
-
064
一覧と個別を同じデータから作る
静的な読み物サイトを、データと画面に分けて作る考え方です。
-
063
複数のサイトを一つの配信にまとめる
複数のサイトを一つの配信にまとめるときの、パスの分け方です。
-
062
コンテナを動かす前に、部品を分けて考える
コンテナを配信するまでの流れを、古い道具からたどり直します。
-
061
年内最後の集まりで、次に触るものを決める
年内最後の集まりで、何が話題になったかを短くまとめます。
-
060
値を持つ場所を、画面の外に決める
ChangeNotifier を出発点に、状態管理の考え方を整理します。
-
059
フレームワークの外側にある言語の話
Flutter の外側にある Dart の話題を、言語の視点で整理します。
-
058
空間で集まる体験を観察する
いつもの勉強会とは違う、空間で集まる体験についての記録です。
-
057
Slack と GitHub をつなぐ小さな道具
日々の情報を流さず残すために、API をつないで作った仕組みです。
-
056
配信で集まる難しさを、終わってから整理する
配信で集まる難しさと、記録に残す大切さを整理します。
-
055
更新をどう届けるかを聞く
オンラインで参加した勉強会の、話題と気づきを短くまとめます。
-
054
特別な機能ではなく、日常の改善として
特別なものではなく、日常の改善として PWA を考えるための整理です。
-
053
画面の向こうの参加者を想像する
自宅から参加した勉強会で、印象に残った話をまとめます。
-
052
会場の空気を言葉に置き換える
会場から配信に切り替えたときに、変えたことと残したことを整理します。
-
051
始まる前の確認に時間をかける
ミートアップの前に、手を動かす場を用意したときの記録です。
-
050
理解が変わった点を持ち帰る
Vue を中心にした勉強会で、印象に残った話をまとめます。
-
049
動きの長さを、意味から決める
画面の切り替えを、使いやすさの観点から設計するためのメモです。
-
048
テンプレートと型のあいだで選ぶ
テンプレートと TSX の違いを、チームの事情から考えます。
-
047
境界から型を付けていく
既存のコードに型を足すとき、どこから始めるかを整理します。
-
046
遠隔から話すときに、間をどう取るか
遠隔から登壇したときの準備と、会場との温度差の埋め方を整理します。
-
045
状態と処理を機能ごとに並べる
Vue 3 の書き方に移る前に、押さえておきたい考え方を整理します。
-
044
一年の最後に、続けられた理由を考える
一年続けた勉強会の最後に、運営と参加の両面から振り返ります。
-
043
一年の終わりに、変化を数える
一年の学びを、出来事ではなく変化で振り返るためのメモです。
-
042
日付を規則的に並べる画面
日付を並べる画面を、CSS Grid で組み立てる考え方です。
-
041
二つの会場で聞いた、同じ悩み
二つの会議で聞いた話を、共通するテーマで整理します。
-
040
企業の勉強会で見えた運営の工夫
企業主催の勉強会に関わったときに、見えた運営の工夫です。
-
039
更新の順番を決める
Vue CLI の更新で、設定と依存関係をどう見直したかを残します。
-
038
場所を共に作る勉強会
場所を共に作る勉強会で、運営の分担と空気づくりを考えます。
-
037
回を重ねて、変わったこと
回を重ねた勉強会で、変わったことと変わらないことを整理します。
-
036
既存の画面に Vue を足す
サーバー側のテンプレートに、後から Vue を組み込むときの整理です。
-
035
型の運用を、みんなで話す
TypeScript をテーマにした集まりで、出た話題をまとめます。
-
034
チームの中だけで開く会議
プロジェクト内の勉強会を、続けられる形で始めるためのメモです。
-
033
違う習慣を持つ人たちと場を作る
別のコミュニティと共催するときに、揃えておきたいことを整理します。
-
032
遠征して分かった、地元の関心
遠くの会場まで足を運んだときに、持ち帰った話をまとめます。
-
031
Jest で Vue のテストを書き始める
コンポーネントのテストを、どこから書き始めるかの整理です。
-
030
新しい会場で、最初の質問を用意する
新しい会場で開いた勉強会の、準備と当日の様子をまとめます。
-
029
続きを読み進める画面の設計
一覧を読み進める画面で、読み込みと位置の扱いを整理します。
-
028
状態をどこに置くかを話す
React をテーマにした集まりで、関心が集まった点をまとめます。
-
027
ページごとの HTML に、部分だけを足す
ページごとに HTML を返す構成で、Vue を部分導入する方法です。
-
026
本文を邪魔しないリンクの見せ方
リンクの先にある情報を、本文を邪魔せず伝える方法です。
-
025
遠隔の登壇を、会場とつなぐ
遠隔の登壇を取り入れた回の、準備と反応をまとめます。
-
024
新しい集まりの、最初のテーマを決める
TypeScript のコミュニティを新しく始めたときの記録です。
-
023
サービスに任せる範囲を決める
サービスを組み合わせて作る話から、構成の考え方を学びます。
-
022
公開先を変える前に、参照を数える
ブログの公開先を変えるときに、確認したことをまとめます。
-
021
モバイルの視点を、Web の場に持ち込む
モバイル開発のコミュニティと一緒に開いた回の記録です。
-
020
ユーティリティの長さと付き合う
ユーティリティ中心の CSS と、フレームワークの更新を整理します。
-
019
サーバー側の視点を、クライアントに持ち帰る
Node.js の集まりで、サーバー側の話題を聞いてきた記録です。
-
018
区切りの時期に、集まった人たち
時代の区切りに開いた勉強会の、空気と記録をまとめます。
-
017
発表が具体的になっていく過程
回を重ねてきた勉強会の、発表と運営の変化をまとめます。
-
016
記事データの形を先に決める
既存のブログに型を足していくときの、順番と範囲の決め方です。
-
015
地元に戻って、案内を丁寧にする
地元に戻って開いた勉強会の、準備と発表をまとめます。
-
014
設定と運用の話を、東京で聞く
Nuxt の集まりで聞いた、構成と運用の話を整理します。
-
013
伝えたいことを一つに絞る
初めて人前で話したときに、準備と発表で意識したことです。
-
012
小さなチームが技術を選ぶ理由
導入事例から、小さなチームが技術を選ぶ理由を考えます。
-
011
最初に出す情報を決める
利用者の多い画面を作るときに、重視したポイントを整理します。
-
010
ページ状態を URL に持たせる
ページ送りと入力検証を、サーバー側でどうまとめるかを整理します。
-
009
身近な人から声をかける
ゼロから勉強会を立ち上げたときに、最初に決めたことです。
-
008
スライドを部品として組み立てる
スライドをコンポーネントで組み立てる面白さと注意点です。
-
007
小さな部品から影響範囲を考える
画面を小さな単位に分け、道具の選定と結びつける考え方です。
-
006
データの置き場所を変えるときに決めること
データの置き場所を変えたとき、何が簡単になり何に注意したかを整理します。
-
005
ブログの検索とページ送りを直す
読み物サイトの使い勝手を、小さな改善から見直した記録です。
-
004
コンテナで配信するまでの順番
コンテナでブログを配信する構成を、順番に組み立てます。
-
003
記事と画面を分けて管理する
記事を書く場所と、画面を作る場所を分ける第一歩です。
-
002
ドキュメントの道具を、読み物に使う
ドキュメント向けの道具を、読み物のサイトに使うときの工夫です。
-
001
小さなサイトから、人前で話す準備へ
小さなサイトを作る経験が、人前で話す準備につながった話です。