[{"data":1,"prerenderedAt":1657},["ShallowReactive",2],{"tag-threads-ja-auto-i18n":3,"latest-articles-ja":1077,"announcement-ja":1449,"author-context":1575},[4,58,263,337,401,441,770,801,853,954,979,1030],{"id":5,"title":6,"animated":7,"body":8,"client":41,"cover":41,"css_code":41,"description":38,"extension":42,"html_code":41,"images":43,"is_announcement":7,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":46,"navigation":44,"order":41,"path":47,"photos":48,"published_at":49,"reading_time":41,"related":41,"role":41,"seo":50,"slug":51,"source_hash":52,"status":41,"stem":53,"summary":54,"tags":55,"tech_stack":41,"translation_of":51,"type":56,"url":41,"video_url":41,"__hash__":57},"threads/threads/pages/about.ja.md","私について",false,{"type":9,"value":10,"toc":37},"minimark",[11,19,25,28,31,34],[12,13,14],"p",{},[15,16],"img",{"alt":17,"src":18},"Ivan Hsu","/avatar/me.jpeg",[20,21,22],"blockquote",{},[12,23,24],{},"少年よ、大志を抱け！",[12,26,27],{},"パネル業界からウェブエンジニアへ転職した者です。ほとんどの時間はマシンのための言語を書いていますが、ここでは人間のための文字を書いています。",[12,29,30],{},"限られた素材を使いながらも、偉大な遺産を残すことができるすべてのものに魅了されています。例えば、音楽と文字。そしてもちろん、コードです。",[12,32,33],{},"キーボードは 21 世紀の元素周期表のようなものです。エンジニアであれ、ライターであれ、私たちが持っているのは目の前の 26 個のアルファベットと、いくつかの記号だけです。しかし、世界中で使われている製品を創造する機会があります。人々の生活を変え、偉大な思想を残すことができるのです。",[12,35,36],{},"AI が溢れる時代だからこそ、ちょうどいい Tech Stack を使って、実用的なライフスタイル SaaS を開発したいのです。",{"title":38,"searchDepth":39,"depth":39,"links":40},"",2,[],null,"md",[],true,"ja",{},"/threads/pages/about.ja",[],"2026-06-21",{"title":6,"description":38},"about","49a4ee37fe6deaddb7e0f2c874603336fd5f9124410cd820497483b623338dd5","threads/pages/about.ja","ちょうどいい Tech Stack を使って、実用的なライフスタイル SaaS を開発しています。",[],"page","lN1hHioWXPvyv1J2WWw8T7bNg2bWDqc7-w6aGKum9G8",{"id":59,"title":60,"animated":7,"body":61,"client":41,"cover":240,"css_code":41,"description":38,"extension":42,"html_code":41,"images":241,"is_announcement":44,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":242,"navigation":44,"order":41,"path":247,"photos":248,"published_at":249,"reading_time":41,"related":41,"role":41,"seo":250,"slug":251,"source_hash":252,"status":253,"stem":254,"summary":255,"tags":256,"tech_stack":41,"translation_of":251,"type":260,"url":261,"video_url":41,"__hash__":262},"threads/threads/products/threadspage.ja.md","Threadspage あなたの創作を、本当にあなたのものにする知識の拠点に。",{"type":9,"value":62,"toc":238},[63,68,71,107,214,217,220,234],[20,64,65],{},[12,66,67],{},"一度作ったら、それがあなたのために働く。",[12,69,70],{},"Threadspage は、複数のプラットフォームに散らばったあなたのコンテンツを集約し、あなたを中心とした、自動成長する知識の拠点へと変えます。",[72,73,74,83,91,99],"ul",{},[75,76,77,78],"li",{},"YouTube 動画がワンクリックで記事に\n",[72,79,80],{},[75,81,82],{},"動画はもう撮り終わっているのに、また一から書き直す必要はありません。AI があなたの字幕を洗練された読みやすい記事に圧縮し、動画は自動埋め込み。コンテンツはあなた自身のドメインに永遠に存在します。",[75,84,85,86],{},"ワンクリックで多言語生成\n",[72,87,88],{},[75,89,90],{},"一度書いたら、自動的に英語版、日本語版が生成され、それぞれ独立した URL で共有・検索されます。英語圏、日本語圏の読者や学生にリーチできます。",[75,92,93,94],{},"質問に答える AI アシスタント\n",[72,95,96],{},[75,97,98],{},"訪問者があなたのサイトで直接質問すると、AI があなたのコンテンツを使ってリアルタイムに回答します。まるで 24 時間、あなたの言葉で返信する、もう一人のあなたのようです。",[75,100,101,102],{},"自分のドメイン、コンテンツは永遠にあなたのもの\n",[72,103,104],{},[75,105,106],{},"プラットフォームに依存せず、アルゴリズムの顔色をうかがう必要もありません。プログラム、コンテンツ、デプロイメント、すべてがあなたの手の中にあり、長期的な資産として蓄積されます。",[108,109,113],"pre",{"className":110,"code":111,"language":112,"meta":38,"style":38},"language-bash shiki shiki-themes github-dark","# 撮り終わった動画を貼り付ける\n$ threadspage add https://youtu.be/your-talk\n\n→ 字幕を取得し、記事に圧縮 ✓\n→ en / ja 版を生成（独立した URL）✓\n→ あなたの AI アシスタントを配置（訪問者の質問に回答）✓\n→ 構造化データ・llms.txt・サイトマップを生成 ✓\n\n# すべてが yourdomain.co に存在し、永遠にあなたのもの\n","bash",[114,115,116,125,141,147,159,179,193,203,208],"code",{"__ignoreMap":38},[117,118,121],"span",{"class":119,"line":120},"line",1,[117,122,124],{"class":123},"sAwPA","# 撮り終わった動画を貼り付ける\n",[117,126,127,131,135,138],{"class":119,"line":39},[117,128,130],{"class":129},"svObZ","$",[117,132,134],{"class":133},"sU2Wk"," threadspage",[117,136,137],{"class":133}," add",[117,139,140],{"class":133}," https://youtu.be/your-talk\n",[117,142,144],{"class":119,"line":143},3,[117,145,146],{"emptyLinePlaceholder":44},"\n",[117,148,150,153,156],{"class":119,"line":149},4,[117,151,152],{"class":129},"→",[117,154,155],{"class":133}," 字幕を取得し、記事に圧縮",[117,157,158],{"class":133}," ✓\n",[117,160,162,164,167,170,173,176],{"class":119,"line":161},5,[117,163,152],{"class":129},[117,165,166],{"class":133}," en",[117,168,169],{"class":133}," /",[117,171,172],{"class":133}," ja",[117,174,175],{"class":133}," 版を生成（独立した",[117,177,178],{"class":133}," URL）✓\n",[117,180,182,184,187,190],{"class":119,"line":181},6,[117,183,152],{"class":129},[117,185,186],{"class":133}," あなたの",[117,188,189],{"class":133}," AI",[117,191,192],{"class":133}," アシスタントを配置（訪問者の質問に回答）✓\n",[117,194,196,198,201],{"class":119,"line":195},7,[117,197,152],{"class":129},[117,199,200],{"class":133}," 構造化データ・llms.txt・サイトマップを生成",[117,202,158],{"class":133},[117,204,206],{"class":119,"line":205},8,[117,207,146],{"emptyLinePlaceholder":44},[117,209,211],{"class":119,"line":210},9,[117,212,213],{"class":123},"# すべてが yourdomain.co に存在し、永遠にあなたのもの\n",[12,215,216],{},"創作に専念してください。技術的なことは私たちに任せてください。",[12,218,219],{},"あなたはエンジニアではないし、自分のコンテンツを所有するために、サイト移行、翻訳、AI 連携といった技術的な作業と格闘する必要もありません。それこそが Threadspage があなたの代わりに引き受けたいことなのです。",[20,221,222],{},[12,223,224,225],{},"動画を撮るのに時間をかけたのに、Threadspage があれば、それをもう一度記事として書き直す時間をかけずに済みます。\n-- ",[226,227,233],"a",{"href":228,"target":229,"rel":230},"https://huanyinliu.com","_blank",[231,232],"noopener","noreferrer","HuanYin",[235,236,237],"style",{},"html pre.shiki code .sAwPA, html code.shiki .sAwPA{--shiki-default:#6A737D}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":38,"searchDepth":39,"depth":39,"links":239},[],"/images/threadspage-cover.png",[],{"techStack":243},[244,245,246],"Nuxt","PocketBase","AWS S3","/threads/products/threadspage.ja",[],"2026-06-13",{"title":60,"description":38},"threadspage","77df485ef4f1e9a11fc3ade052812374d34e6c6e29ac5487fca59cb7b8d1a4c7","active","threads/products/threadspage.ja","YouTube、Instagram、Threadsに費やした膨大な時間と心血が、他人のプラットフォームに閉じ込められていませんか？Threadspage なら、コンテンツをワンクリックで自分のドメインに移行でき、自動多言語生成、さらに訪問者の質問に答える AI アシスタント機能まで備えています。",[257,258,259],"SaaS","YouTube","auto-i18n","product","https://threadspage.com","2rAZLaIRO9k9_Lx3JKmRDn1aFy1SlLy3MfGGhkBfQMQ",{"id":264,"title":265,"animated":7,"body":266,"client":41,"cover":41,"css_code":41,"description":270,"extension":42,"html_code":41,"images":322,"is_announcement":7,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":323,"navigation":44,"order":41,"path":324,"photos":325,"published_at":326,"reading_time":41,"related":41,"role":41,"seo":327,"slug":328,"source_hash":329,"status":41,"stem":330,"summary":331,"tags":332,"tech_stack":41,"translation_of":328,"type":335,"url":41,"video_url":41,"__hash__":336},"threads/threads/articles/recap-2025.ja.md","2025年の断片",{"type":9,"value":267,"toc":320},[268,271,274,277,280,283,286,289,292,295,298,301,303,306,309,312,314,317],[12,269,270],{},"今年一年を通じて、週3日のジム通い、有酸素運動1時間という良い習慣を保ち続けた。規則正しい運動と健康的な食事は、本当に原始的な喜びを感じさせてくれる！",[12,272,273],{},"脳内物質の放出と体が軽くなる感覚は本当に最高！みんなが体型が最高の名刺だと言う理由がわかる。だって運動って本当に時間がかかるんだもん。🤣",[12,275,276],{},"10月に初めて海外でのドライブ旅行に出かけ、シリコンバレーの友人を訪ねた。アメリカの時間、アメリカの生活を体験した。特休も費用もかなり使ったけど、本当に価値があると思う。思い出は複利で増えていくから！",[12,278,279],{},"私はずっと思っていた。時間には思い出を美化する力がある。時間は苦い思い出にフィルターをかけ、楽しい思い出にシャッターを切る。",[12,281,282],{},"10年前に初めて東京にいた興奮を今でも鮮明に感じることができるし、ずっと先の将来、このアメリカ旅行の喜びを再び味わえることを確信している。",[12,284,285],{},"/",[12,287,288],{},"去年インディーハッキングという分野を発見してから、1年以上独立開発に取り組んでいる。今年8月に最初の製品をリリースした。マークダウンでコード譜を書くツール『Chord Island』だ。でもニッチすぎて、あまり使ってくれる人がいない。",[12,290,291],{},"製品を継続的に露出させるディストリビューションチャネルがなくて、リリース当週だけ波紋を起こして、翌週にはGA4のグラフが静かに戻ってしまった。",[12,293,294],{},"ただユーザーインタビューをしている時に、すごいギタリスト（Marcinの曲をカバーできるレベル）に出会えたのは素晴らしい収穫だった！",[12,296,297],{},"独立開発は何かを学ぶのと同じ。先人の経験を参考にすることはできるけど、実際には自分で一度通り抜けて、同じ落とし穴に落ちてこそ本当に学べることがある。これが知識と経験の関係なんだと思う。",[12,299,300],{},"開発以外のスキルを補うために、英語の本をいくつか読んだ：My Indie Book、Snow Leopard、Obviously Awesome、The SaaS Playbook、The Cold Start Problem。今後の製品に関連する気づきがあれば、また記事で共有しよう！実装が大事！",[12,302,285],{},[12,304,305],{},"今年は長い間憧れていたギター講師のレッスンも始めた。授業では普段自分が気づかないような細かい部分を発見することが多く、実はそこに多くの学問が隠れている。6本の弦と腕ほどの大きさのボディの中に、本当に宇宙が隠れている！",[12,307,308],{},"こういう時はいつも、対面教学の価値を深く感じる。今はYouTubeとAIで、学べないものはほぼないけど、経験と「自分が何を知らないかを発見する能力」は、やっぱり先生が必要だ。",[12,310,311],{},"こういう時は、つらい思いをして仕事をして稼いだお金にようやく意味が出てきたと感じる。学びたいことを学ぶために学費を払える。",[12,313,285],{},[12,315,316],{},"2026年の新年の抱負は、毎年と同じ。毎年同じ願いをしなくて済むことを願う。",[12,318,319],{},"そんな感じで～💪🏻",{"title":38,"searchDepth":39,"depth":39,"links":321},[],[],{},"/threads/articles/recap-2025.ja",[],"2025-12-31T00:00:00.000Z",{"title":265,"description":270},"recap-2025","a2fef0ef5ec122b46630a96372a1e33a82b3a542ca886cd7de21b0717cbc7345","threads/articles/recap-2025.ja","時間には思い出を美化する力がある。時間は苦い思い出にフィルターをかけ、楽しい思い出にシャッターを切る。",[333,334],"2025","recap","article","TrUw-WoVb-Ae9YEWfSrRV98s76dYVyUiGFfCDROpy3E",{"id":338,"title":339,"animated":7,"body":340,"client":41,"cover":384,"css_code":41,"description":38,"extension":42,"html_code":41,"images":385,"is_announcement":44,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":386,"navigation":44,"order":41,"path":389,"photos":390,"published_at":391,"reading_time":41,"related":41,"role":41,"seo":392,"slug":393,"source_hash":394,"status":395,"stem":396,"summary":397,"tags":398,"tech_stack":41,"translation_of":393,"type":260,"url":376,"video_url":41,"__hash__":400},"threads/threads/products/reelly.ja.md","Reelly があなたのIG美食Reelsを要約します！",{"type":9,"value":341,"toc":382},[342,347,350,353,356,359,362,365,368,371,379],[20,343,344],{},[12,345,346],{},"食べたいお店を1秒でリストに変える体験、知りたくない？",[12,348,349],{},"来月東京旅行に行く予定だけど、抹茶のReelsをたくさん保存してるのに、地図に整理するのが面倒くさい？",[12,351,352],{},"この面倒な作業を簡単にしちゃいました！ReellyはIG Reelsの内容を読み取って、「シェア」をタップするだけ。あとはAIが全部処理してくれます👏🏻",[12,354,355],{},"去年東京に行く前、IGで抹茶屋さんの動画がいっぱい流れてきました。",[12,357,358],{},"スクリーンショットで保存したり、ブックマークしたり、出発前に開いてみたら —— 最初に見たあのお店が全く見つからない 🫠",[12,360,361],{},"だから思い切って自分で作ってみたんです。それがReellyです。🍜",[12,363,364],{},"IGで行きたいお店を見つけたら、シェアをタップするだけ。Reellyが自動的にReelsの内容を読み取って、お店の名前、住所、おすすめメニューをまとめて、あなた専用のリストに保存します。",[12,366,367],{},"次に探すときは、検索するだけ。🔍",[12,369,370],{},"日本や韓国のお店にも対応しています。ReellyはWebアプリなのでアプリをインストールする必要がなく、ホーム画面に追加するだけでアプリのように使えます。",[12,372,373,374],{},"今なら完全無料です。興味があれば試してみてください 👉🏻 ",[226,375,376],{"href":376,"rel":377},"https://reelly.life",[378],"nofollow",[12,380,381],{},"（来月旅行に行く人は、今から保存するのがちょうどいいですよ！🙌🏻）",{"title":38,"searchDepth":39,"depth":39,"links":383},[],"/images/reelly-cover.png",[],{"techStack":387},[244,245,388],"Cloudflare R2","/threads/products/reelly.ja",[],"2025-11-20",{"title":339,"description":38},"reelly","52577c0a583cd7ce3cc8148b24ecfc9d316eb96dac8aeb7ad1a268f231dae998","building","threads/products/reelly.ja","🍜 美味しいReelsを見つけた？シェアしてくれたら、お店リストを要約します🧾",[257,399,244],"Food","pWFn6fsXN6YEpawrBAgQ2CzjHTrUc-L-To1Rj0XTxlM",{"id":402,"title":403,"animated":7,"body":404,"client":41,"cover":422,"css_code":41,"description":416,"extension":42,"html_code":41,"images":423,"is_announcement":7,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":424,"navigation":44,"order":41,"path":427,"photos":428,"published_at":429,"reading_time":41,"related":41,"role":41,"seo":430,"slug":431,"source_hash":432,"status":253,"stem":433,"summary":434,"tags":435,"tech_stack":41,"translation_of":431,"type":260,"url":439,"video_url":41,"__hash__":440},"threads/threads/products/cord-land.ja.md","10分鐘で自分のリアルタイム転調コード譜を作成！",{"type":9,"value":405,"toc":420},[406,417],[12,407,408,412],{},[15,409],{"alt":410,"src":411},"cord-land-mobile","/images/cord-land-mobile.png",[226,413,416],{"href":414,"target":229,"rel":415},"https://cord.land/cords/wmgkca0x82s802h",[231,232],"さくらんぼ - 大塚愛",[12,418,419],{},"自由自在にコード譜、コード図、カスタム注記を編集できます。完成品はプレーンテキスト形式で、画面サイズに応じて自動的にレイアウトが調整され、どこにでもコピー&ペーストできます。",{"title":38,"searchDepth":39,"depth":39,"links":421},[],"/images/cord-land-cover.png",[],{"techStack":425},[426,245,246],"SvelteKit","/threads/products/cord-land.ja",[],"2025-08-20",{"title":403,"description":416},"cord-land","3ddf1ffa8370af1bf4df15fceabf27cf78a1aca19167845410980bfe7bae9e39","threads/products/cord-land.ja","ChordPro拡張構文を使用して、プレーンテキストでギターコード譜を作成し、リアルタイム編集、ワンクリック共有、自動転調が可能です。",[257,436,437,438],"ChordPro","Chord","Corduroy","https://cord.land/landing","opOd7CemmB2JdUTgytaEbIUsCMy5ONYeZi93ye3pqEw",{"id":442,"title":443,"animated":7,"body":444,"client":41,"cover":754,"css_code":41,"description":755,"extension":42,"html_code":41,"images":756,"is_announcement":7,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":757,"navigation":44,"order":41,"path":758,"photos":759,"published_at":760,"reading_time":41,"related":41,"role":41,"seo":761,"slug":762,"source_hash":763,"status":41,"stem":764,"summary":765,"tags":766,"tech_stack":41,"translation_of":762,"type":335,"url":41,"video_url":41,"__hash__":769},"threads/threads/articles/effective-engineer-talks-at-google.ja.md","《The Effective Engineer》著者エドモンド・ラウによる解説、インパクトを最大化する！！シリコンバレーのエンジニアが実践していること",{"type":9,"value":445,"toc":745},[446,454,457,466,475,484,487,498,501,508,511,522,527,530,541,550,553,560,563,567,574,579,586,589,592,595,598,605,612,615,622,625,628,631,638,641,644,647,658,665,668,675,678,685,688,693,696,699,702,705,711,714,718,725,728,732,735,742],[12,447,448,449,453],{},"夕方の食事時間、VSCode上の抽象化されたコード、ターミナルの厄介なエラーメッセージを眺めていると、Slackから緊急のバグチケット通知が飛び込んでくる。画面右上の時計は、いつの間にかまた1時間経過していた。退勤時間はとっくに過ぎているのに、今日の進捗はようやく始まったばかり。思わずため息が出る。",[450,451,452],"strong",{},"仕事は山登りと同じで、帰り道の方が登り道より大変だ","。",[12,455,456],{},"こんな時期を経験したことはないだろうか。仕事中は常にやることが尽きず、今日の進捗は次々と後ろにずれていき、毎週金曜日はほぼ夜中の12時まで残業している。心の中で自分を疑い始める。技術力が足りないのか、効率が悪いのか、それとも本当に仕事が多すぎるのか。",[12,458,459,460,465],{},"最近、複数の技術ブログが",[226,461,464],{"href":462,"rel":463},"https://www.effectiveengineer.com/book",[378],"《The Effective Engineer》","という本を推薦しているのを見かけた。非常に役に立つと言われているので、思い切ってじっくり読んでみることにした。将来、自分もeffective engineerになれることを願って。",[12,467,468,469,474],{},"まず著者の",[226,470,473],{"href":471,"rel":472},"https://www.youtube.com/watch?v=BnIz7H5ruy0",[378],"Talks at Googleでの講演","を見た。この講演は《The Effective Engineer》の主要な内容をカバーしている。本記事では講演内容の重要なポイントをまとめる。本を読み終わったら、別の記事で詳しく発表する予定だ。",[12,476,477,478,483],{},"著者の",[226,479,482],{"href":480,"rel":481},"http://www.effectiveengineer.com/about",[378],"エドモンド・ラウ","は、Google などの有名なシリコンバレーの大企業やQuoraなどのスタートアップで働いてきた。彼は連続2年間、毎週80時間以上働き、その後さらに2年間、フルタイムでeffective engineerになるための方法を研究した。",[12,485,486],{},"シリコンバレーの科学技術大手企業およびスタートアップ（Facebook、Instagram、Dropbox、Etsyなど）の20社以上のCTOと技術の第一人者にインタビューし、以下の3つの質問をした：",[72,488,489,492,495],{},[75,490,491],{},"What separates the most effective engineers you have worked with from everyone else?（効率的なエンジニアを普通のエンジニアと区別する要因は何か？）",[75,493,494],{},"What is the most valuable lesson you have learned in the past year?（過去1年間で学んだ最も貴重な教訓は何か？）",[75,496,497],{},"What investment you have made for your team has paid off the highest returns?（チームへの投資の中で、最も高いリターンをもたらしたものは何か？）",[12,499,500],{},"すべてのソフトウェアエンジニアが学べる効率的な仕事のやり方をまとめた。著者はこれを「leverage framework」と呼んでいる。",[12,502,503,504,507],{},"この本には1行のコードも出てこない。本で述べられているのは、ソフトウェアエンジニアとして、",[450,505,506],{},"high-leverage activitiesを実行することで自分のインパクトを最大化し、自分の価値と影響力をレバレッジする","方法である。",[12,509,510],{},"著者は私たちに厳しい現実を理解させる：",[108,512,516],{"className":513,"code":514,"language":515,"meta":38,"style":38},"language-javascript shiki shiki-themes github-dark","effort === impact // False\n","javascript",[114,517,518],{"__ignoreMap":38},[117,519,520],{"class":119,"line":120},[117,521,514],{},[20,523,524],{},[12,525,526],{},"努力は影響力と貢献に等しくない",[12,528,529],{},"スタッフエンジニアの生産性は、ジュニアエンジニアの10倍かもしれないが、前者の労働時間が10倍になることはあり得ない。",[12,531,532,533,536,537,540],{},"著者はここで本書の核心概念「",[450,534,535],{},"leverage","」を提示する。これは増幅器であり、あなたの努力を巨大な産出と影響力に変換でき、同時に",[450,538,539],{},"日常の開発業務を突破するための支点","である。以下はleverageの計算式である：",[108,542,544],{"className":513,"code":543,"language":515,"meta":38,"style":38},"leverage = impactProduced / timeInvested\n",[114,545,546],{"__ignoreMap":38},[117,547,548],{"class":119,"line":120},[117,549,543],{},[12,551,552],{},"エンジニアの日常開発も80/20の法則に従う。20%のタスクが80%の価値と影響を生み出し、80%のタスクはわずか20%の成果しかもたらさない。",[12,554,555,556,559],{},"著者は、最小限の時間で最大の価値と影響を生み出すことができるものを識別し、優先的に実行することを勧める。これらの影響が重大な事柄を",[450,557,558],{},"high-leverage activities","と呼ぶ。",[12,561,562],{},"講演では、著者は以下の5つのhigh-leverage activityを挙げた。それぞれを見ていこう！",[564,565,566],"h3",{"id":566},"学習を最適化する",[12,568,569,570,573],{},"最初のhigh-leverage activityは、自分の学習能力を最大化することである。なぜなら、",[450,571,572],{},"学習は複利効果を持つから","だ！だから早く進歩を始めるほど、進歩の幅が大きく、学習能力が高いほど、進歩が速い。",[20,575,576],{},[12,577,578],{},"Learning compounds!",[12,580,581,582,585],{},"学習が複利効果を持つため、能力の成長曲線は",[450,583,584],{},"指数関数的に増加","する。最初はゆっくり上昇し、ほぼ平らだが、ある臨界点を過ぎると、ほぼ垂直に上昇する。",[12,587,588],{},"これは実際の事実とも一致している。難しい問題に取り組むときは、異なる側面の知識を蓄積する必要があり、知識が線でつながると、問題を解く解法が見えてくる。",[12,590,591],{},"著者は古典的な例を挙げた。毎日1%進歩すれば、1年後には37倍進歩する！",[12,593,594],{},"努力して学ぶことは誰もが知っているが、難しいのは、日常の開発業務やバグの爆撃に埋もれてしまうことだ。毎日やることが終わらないのに、どうやって学習の時間を作るのか？",[12,596,597],{},"本の中で、著者はGoogleの例を挙げた。従業員の生産性と創造性を向上させるため、Googleは20% Timeを導入した。毎週1日を本職以外のことに充てて、新しい技術を研究したり、興味のあるプロジェクトをしたりする。例えば、Gmailは20% Timeから生まれた。",[12,599,600,601,604],{},"しかし、一般的な企業の従業員は毎週1日を空けることはできない。そこで著者は、",[450,602,603],{},"毎日1時間の勤務時間を確保して、自分たちの20% Timeを実行する","ことを提案している。",[12,606,607,608,611],{},"学習に関する最後の点として、著者は、自分が興味を持つことや、仕事で直面している問題から研究を始めることを勧めている。なぜなら、",[450,609,610],{},"動機","は常に行動を続けるための最も重要な要素だからだ。",[564,613,614],{"id":614},"イテレーション速度への投資",[12,616,617,618,621],{},"2番目のhigh-leverage activityは、繰り返し作業の処理速度を加速させることである。これは、コードの一部を関数として書くべきかどうかを判断する方法と同じだ。何かを2回目に繰り返すときは、",[450,619,620],{},"3回目の作業が自動化できるように","工夫すべきだ。",[12,623,624],{},"著者が各CTOに、効率的なエンジニアを普通のエンジニアと区別する要因は何かと聞いたとき、彼らは答えた：「自動化ツールを書くために時間を投資するエンジニアは、往々にして最も効率が高い」と。",[12,626,627],{},"ここで言うツールは、シェルスクリプトのような小さなものから、CI/CDの自動化インフラ全体まで、すべてを含む。",[12,629,630],{},"著者は例を挙げた。彼がQuoraで働いていたとき、平均して毎日40～50回のデプロイを行っていた。CI/CDの自動化プロセスがなければ、どれほど膨大な時間がかかるか想像できるだろう。",[12,632,633,634,637],{},"多くのシリコンバレーの大企業は、内部開発ツールを構築するための専門チームを持っている。例えば、Facebookはreact.jsを開発した。著者は言う：「",[450,635,636],{},"私たちは皆、新しいトレンディなフレームワークの作者になりたいと思っているが、実は日常の開発から始めることができるんだ","！」",[564,639,640],{"id":640},"積極的かつ反復的にアイデアを検証する",[12,642,643],{},"3番目のhigh-leverage activityは、実装段階に入る前に、機能の実現可能性を検証し、不要な時間と人力の浪費を避けることである。",[12,645,646],{},"例えば、Etsyは製品検索結果ページを無限スクロール可能に変更した。上線前に、A/Bテストを実施したところ、クリック率と変換率がそれぞれ10%と25%低下したことが判明した。その結果、この機能は最終的に上線できず、数ヶ月の時間と人力が無駄になった。",[12,648,649,650,653,654,657],{},"この経験を踏まえて、Etsyは製品コンテンツページを修正するときに、",[450,651,652],{},"段階的な","アプローチを採用した。やりたいことを",[450,655,656],{},"検証可能な前提仮説","に分解し、製品に役立つことを確認してから、本当に開発を始める。",[12,659,660,661,664],{},"著者は、プロジェクトでは、",[450,662,663],{},"不確実で危険なことほど、最初に実行すべき","だと言う。その後、無駄な作業を避けるために。",[564,666,667],{"id":667},"運用負担を最小化する",[12,669,670,671,674],{},"4番目のhigh-leverage activityは、日常的なメンテナンスコストを削減することである。著者は講演で",[450,672,673],{},"複雑性 complexity","の議論に重点を置いている。",[12,676,677],{},"InstagramがFacebookに買収されたとき、4000万人のユーザーにサービスを提供していたが、従業員はわずか13人で、そのうちエンジニアは5人だけだった。どの角度から見ても、彼らは間違いなく超効率的なチームだ。",[12,679,680,681,684],{},"著者は彼らのCTOにインタビューし、これを実現した要因は何かと聞いた。CTOの答えは：「私たちは",[450,682,683],{},"問題を解決するための最もシンプルな方法だけを採用する","。エンジニアたちは互いに詰問し、その後のメンテナンスコストを増やさないことを確認してから、開発を進める」だった。",[12,686,687],{},"著者は、複雑性の影響は小さいものから大きいものまで存在する可能性があると言う。",[20,689,690],{},[12,691,692],{},"code complexity -> system complexity -> product complexity -> organization complexity。",[12,694,695],{},"複雑なコードはエンジニアの理解とコミュニケーションコストを増加させ、システムの複雑性はメンテナンスコストを増加させ、製品機能の複雑性が高いほど、将来の機能開発の難度が増し、組織の複雑性さえも開発チームの効率に影響を与える。",[12,697,698],{},"著者はかつてハワイで休暇を取っていたが、ちょうど彼だけが理解しているシステムに問題が発生し、火山の上にはバグを処理するためのネットワークがなかったため、彼は直接single point of failureになってしまった⋯⋯",[12,700,701],{},"そこで著者はメンタリングを重視し始め、詳細なオンボーディング文書とプロセスを作成した。元々は入社3ヶ月のエンジニアがコードベースを理解していたが、今は入社したばかりのエンジニアが第1週目からプロダクションに貢献できるようになった。これは本当に巨大な効率改善だ！",[564,703,704],{"id":704},"優れたエンジニアリング文化を構築する",[12,706,707,708,453],{},"5番目のhigh-leverage activityは、優れた開発チーム文化を構築することである。エンジニアたちは良い環境で働きたいと思っている。",[450,709,710],{},"leverage activitiesに焦点を当てることは、正のループになり、効率の向上がますます順調に進む",[12,712,713],{},"最後にいくつかのQ&A：",[564,715,717],{"id":716},"q-テストを書くことは必要だが時間がかかるより効率的なテスト方法はないか","Q: テストを書くことは必要だが、時間がかかる。より効率的なテスト方法はないか？",[12,719,720,721,724],{},"A: ",[450,722,723],{},"重要な部分がすべてテストでカバーされていることを確認","し、頻繁な変更の下でエラーが発生しないことを目標にできる。",[12,726,727],{},"システム全体が100%のテストカバレッジを持つ必要はない。あまり使われない場所にテストを書くことは、時には無駄かもしれない。",[564,729,731],{"id":730},"q-あなたが挙げた例はすべてスタートアップまたは小規模な企業だ複雑性を低減することについて大企業にも適用できる方法はあるか","Q: あなたが挙げた例はすべてスタートアップまたは小規模な企業だ。複雑性を低減することについて、大企業にも適用できる方法はあるか？",[12,733,734],{},"A: スタートアップの利点は、みんなが直接コミュニケーションを取りやすいことだが、大企業にも利点がある。例えば、歴史的データにアクセスしやすい。",[12,736,737,738,741],{},"Googleの例を挙げると、それは非常にデータ駆動型の企業なので、",[450,739,740],{},"データに語らせ、意思決定者に影響を与えて"," leverage activitiesを実行させることができる。",[235,743,744],{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":38,"searchDepth":39,"depth":39,"links":746},[747,748,749,750,751,752,753],{"id":566,"depth":143,"text":566},{"id":614,"depth":143,"text":614},{"id":640,"depth":143,"text":640},{"id":667,"depth":143,"text":667},{"id":704,"depth":143,"text":704},{"id":716,"depth":143,"text":717},{"id":730,"depth":143,"text":731},"/images/effective-engineer.jpg","夕方の食事時間、VSCode上の抽象化されたコード、ターミナルの厄介なエラーメッセージを眺めていると、Slackから緊急のバグチケット通知が飛び込んでくる。画面右上の時計は、いつの間にかまた1時間経過していた。退勤時間はとっくに過ぎているのに、今日の進捗はようやく始まったばかり。思わずため息が出る。仕事は山登りと同じで、帰り道の方が登り道より大変だ。",[],{"readingTime":205},"/threads/articles/effective-engineer-talks-at-google.ja",[],"2023-05-11",{"title":443,"description":755},"effective-engineer-talks-at-google","a2b46b97e0bddf9485e4d8eb9e026812b05c371f96e78cc443ada860da0ad53d","threads/articles/effective-engineer-talks-at-google.ja","毎日1時間の勤務時間を確保して、自分たちの20%タイムを実行する。",[767,768],"effective engineer","high leverage","gRiD-H3jnDQ5ky0XSRsDulxof7MClwDk2o3FU2neq9Y",{"id":771,"title":772,"animated":7,"body":773,"client":41,"cover":783,"css_code":41,"description":777,"extension":42,"html_code":41,"images":784,"is_announcement":7,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":785,"navigation":44,"order":41,"path":786,"photos":787,"published_at":789,"reading_time":41,"related":41,"role":41,"seo":790,"slug":791,"source_hash":792,"status":41,"stem":793,"summary":794,"tags":795,"tech_stack":41,"translation_of":791,"type":799,"url":41,"video_url":41,"__hash__":800},"threads/threads/gallery/tokyo-wide-sanpo.ja.md","東京廣域散步",{"type":9,"value":774,"toc":781},[775,778],[12,776,777],{},"四月の東京、上野公園の染井吉野が満開を迎えている。",[12,779,780],{},"人群と花びらが一緒に風に舞い、毎年この季節、この街は一時的に効率性を手放す。",{"title":38,"searchDepth":39,"depth":39,"links":782},[],"/images/gallery/uzawaechigo.jpeg",[],{},"/threads/gallery/tokyo-wide-sanpo.ja",[783,788],"/images/gallery/urikamome.jpg","2023-04-21",{"title":772,"description":777},"tokyo-wide-sanpo","85063ae1e14ed7d92cae71220bbdf7ff51230d97adc9fcb3134afd198b1e255a","threads/gallery/tokyo-wide-sanpo.ja","2023年春季剪影",[796,797,798],"旅遊","東京","春天","gallery","QdtfVO0CddJjSAZQwhDwTZRmhJlQhl7Ex378z8fYLbE",{"id":802,"title":803,"animated":7,"body":804,"client":41,"cover":838,"css_code":41,"description":808,"extension":42,"html_code":41,"images":839,"is_announcement":7,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":840,"navigation":44,"order":41,"path":841,"photos":842,"published_at":843,"reading_time":41,"related":41,"role":41,"seo":844,"slug":845,"source_hash":846,"status":41,"stem":847,"summary":848,"tags":849,"tech_stack":41,"translation_of":845,"type":335,"url":41,"video_url":41,"__hash__":852},"threads/threads/articles/sankahakuu.ja.md","東京散歩｜両国編",{"type":9,"value":805,"toc":836},[806,809,812,815,822,825,828,831],[12,807,808],{},"ずっと一番好きな北斎の浮世絵作品は『神奈川沖浪裏』だった。",[12,810,811],{},"あの無数の白い花を咲かせた波の先端が、まるで多くの小さな手が薄っぺらい小舟を奪い去ろうとしているかのように生き生きとしているから。",[12,813,814],{},"これは、北斎が一生をかけて描き続け、年老いてようやくプルシアンブルーに出会い、キャンバスの上で江戸の海と空の喜びを自由に表現できるようになった狂喜が見えるような気がさせてくれた。",[12,816,817,818,821],{},"しかし今日、北斎美術館で『山下白雨』という作品を見た。一気に私の",[450,819,820],{},"最も好きな北斎作品","へと躍り出た。",[12,823,824],{},"『山下白雨』では、山の麓は暗雲が立ち込め、雷が鳴り響いているのに、富士山の頂上は雲と雨を突き抜けて、晴れた空に聳え立っている。",[12,826,827],{},"限られたキャンバスの上で、富士山の雄大さを表現するために、北斎は天気を対比として使い、立体的な高さを引き立てている。",[12,829,830],{},"良い作品には、このような工夫がいたるところに存在しているようだ。文学、写真、絵画、音楽、それぞれが独自の方法を持っている。",[20,832,833],{},[12,834,835],{},"心の中の想像を、手元の道具で実現できる人。どの時代に置いても、最も優れた人なのだと思う。",{"title":38,"searchDepth":39,"depth":39,"links":837},[],"/images/sankahakuu.png",[],{"readingTime":205},"/threads/articles/sankahakuu.ja",[],"2023-03-17",{"title":803,"description":808},"sankahakuu","dfd535c07195c28dd88f9ddd3b5fd46c4c76c8d5bce83c02ff59d0a2819c75c9","threads/articles/sankahakuu.ja","北斎が一生をかけて描き続け、年老いてようやくプルシアンブルーに出会い、キャンバスの上で江戸の海と空の喜びを自由に表現できるようになった瞬間が見えるような気がする。",[850,851],"葛飾北齋","富嶽三十六景","L0F-GhTgAK60kE9x2jvYj4B21k8Vk9_HgAldVg3TIXU",{"id":854,"title":855,"animated":7,"body":856,"client":41,"cover":941,"css_code":41,"description":38,"extension":42,"html_code":41,"images":942,"is_announcement":7,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":943,"navigation":44,"order":41,"path":944,"photos":945,"published_at":946,"reading_time":41,"related":41,"role":41,"seo":947,"slug":948,"source_hash":949,"status":41,"stem":950,"summary":951,"tags":952,"tech_stack":41,"translation_of":948,"type":335,"url":41,"video_url":41,"__hash__":953},"threads/threads/articles/liuyi-english-school.ja.md","子どもたちの南陽街と大人たちの予備校",{"type":9,"value":857,"toc":939},[858,863,866,869,872,875,878,885,888,891,894,897,900,903,908,919,926],[20,859,860],{},[12,861,862],{},"「これからの大学4年間は、君たちの人生で最も充実した日々になるだろう。」",[12,864,865],{},"Wayne先生の確かな口調は、私たちへの予告というより、むしろ思い出を語っているようだった。「高校時代に素晴らしいと思っていた大規模な学園祭や深い恋愛が、実はこんなに幼稚だったんだと気づくよ。大学では、いつだって君たちをもっと興奮させることがある。この時間を本当に大切にしてほしい。人生で最も充実していて、最も心配事のない時期は、もしかしたら本当にこの大学の4年間だけかもしれないからね。」",[12,867,868],{},"これは高校3年生の時に、劉毅英文の授業で最も心に残った言葉だ。私たちより10歳年上のWayne先生は、高校生にとって年上の大人というより、同じ立場の存在だった。授業の合間に時々語られる彼の思い出は、本に囲まれた私たちが仰ぎ見る未来だった。大学に進学すれば、もう大人だ。自由がすぐそこにあるような気がするけれど、それはどんな感覚なのだろう？",[12,870,871],{},"『子どもたちの南陽街と大人たちの予備校』は、高校生たちの青春の日々を記録し、同時に大人たちの予備校事業を報告する回想録だ。最初、私は聴講生として座っていた。本が出版された後、私は未来について考え始めるべき（だが先延ばしにしていた）3年生になった。再び読み返す時には、すでに2年間働いており、理想の職場へ転職したサラリーマンになっていた。本書を読むたびに異なる体験ができる。少年が雨音を聞く時のような感覚だ。",[12,873,874],{},"最大の違いは、初めて読んだ時は、学生の部分に完全に焦点を当てていたことだ。この学生は変わっているな、この学生の悩みは自分も持っているなど、そう思っていた。再び読み返す時には、自然とWayne先生が予備校で経験したことに目が向き、管理職の間で揺れ動く彼の苦労に気づいた。",[12,876,877],{},"同時に気づいたのは、当時毎週水曜日の夜を心待ちにしていた、大人の自由な世界を垣間見ることができると感じていた模試解説の時間が、実は着実な努力、苦い経験、さらには自己懷疑を経て、初めて私たちの前に現れていたということだ。社会に出て働くようになってから、華やかさの背後にある苦労に気づくようになった。",[12,879,880,881,884],{},"本書の著者 蔡世偉 ",[114,882,883],{},"@waynetsai1984"," は予備校講師であり、有名な英語翻訳者だ。翻訳した書籍には『アトミック・ハビット』『ゲーリー・ヴェイナーチャック自伝』『マイケル・ジョーダン自伝』『マンバ・メンタリティ』『毎日の目覚め』などがある。",[12,886,887],{},"本書は全3部構成で、「あの学生たちが教えてくれたこと」「予備校のあれこれ」、そして隠し要素の「授業間の雑談」からなっている。",[12,889,890],{},"「あの学生たちが教えてくれたこと」は、Wayne先生が予備校で教えた個性的な学生たちについてだ。親に厳しく管理されている森哥、山本五十六を愛する軍事オタク、試験とお菓子作りの両方で最高峰に達した北一女のお菓子職人。言及されている各高校生は、大学入試共通テストや二次試験という品質管理基準に合わせるべく、標準化された高等教育の製造過程の中で、特に目立っている。目立つ理由は、特に好きな趣味、特に得意なスキル、あるいは特に従順で反抗しないことかもしれない。この部分を読み終わった後、ピンク・フロイドのバンドの『アナザー・ブリック・イン・ザ・ウォール』を思い出さずにはいられない。教育は本当に私たちをより良くするのか、それとも一種の選別機制なのか？",[12,892,893],{},"「予備校のあれこれ」は、Wayne先生が劉毅英文で経験したことを記録している。業界入りから予備校の看板講師になるまで。華やかな講台から授業後の準備時間、そして予備校の管理職との間での調整まで。その中で最も印象に残っているのは、予備校の経営者・劉毅がWayne先生に言った「君のことが嫌いだ！」という言葉だ。それでもなお、Wayne先生は本書で劉毅先生を非常に尊敬していると述べている。その最大の理由は、劉毅が英語を教えることへの情熱に感動したからだ。劉毅は講台で「万が一、俺が急に死んでも構わない。講義資料はすべて編集済みだし、他の講師が代わりに教えていくだろう」と言ったことがある。",[12,895,896],{},"自分が高校時代に予備校に通っていた時、毎学期、劉毅出版社が新しく編集した単語帳、文法書、構文書をもらっていた。実際にはそれほど多くの人が読んでいなかったかもしれないが、自分が大切にしていることに対して、他の誰でもなく自分がやるという態度を示すその精神は、私を深く感動させた。",[12,898,899],{},"「授業間の雑談」は、Wayne先生が読書の中で深く啓発された十数の文章を抜粋し、彼の人生経験を加えて証明したもので、本書の中で私が最も好きな部分だ。日本の出版社・幻冬舎の経営者・見城徹は「重要なのは本に何が書かれているかではなく、自分がどう感じるかだ」と言ったことがある。授業間の雑談を読んでいる時、その言葉が突然頭に浮かんだ。",[12,901,902],{},"Wayne先生は読書を愛し、自分の人生経験を通じて著者たちと対話している。『子どもたちの南陽街と大人たちの予備校』を読むことで、人生で私たちより先を歩んでいる人たちが、何度も考え、答えを出した問題を見ることができる。同時に、これらの悩みを持っているのは自分だけではないことも知ることができる。自分の人生を自分で生きていかなければならないが、私たちは孤独ではない。😉",[20,904,905],{},[12,906,907],{},"The reading of all good books is like conversation with the finest men of past centuries. - René Descartes\n良い本を読むことは、過去の世代の傑出した人物たちと対話することのようなものだ。 - ルネ・デカルト",[12,909,910,911,914,915,918],{},"デジタル化の波が押し寄せている中、誰もがその影響を避けることはできない。Readmooと一緒に、文字の海の中で風に乗って進もう！以下のリンクをクリックして",[450,912,913],{},"Readmoo会員に登録","し、30日以内の初回購入で",[450,916,917],{},"21%割引","、60日以内の単一注文で満額購入時に**$100購書金**をもらおう！",[12,920,921,922],{},"今すぐ登録 👉 ",[226,923,924],{"href":924,"rel":925},"http://moo.im/i/DbsBO",[378],[12,927,928,929,934,935],{},"今すぐ購入",[226,930,933],{"href":931,"rel":932},"https://readmoo.com/book/210208251000101",[378],"『子どもたちの南陽街と大人たちの予備校』","で、大人の世界に憧れた夏の思い出を呼び起こそう 👉 ",[226,936,937],{"href":937,"rel":938},"https://moo.im/a/3fglvC",[378],{"title":38,"searchDepth":39,"depth":39,"links":940},[],"/images/wayne-english-teacher.png",[],{},"/threads/articles/liuyi-english-school.ja",[],"2021-09-05T00:00:00.000Z",{"title":855,"description":38},"liuyi-english-school","ec0208e550a48a8b6bcbb5b4701d9994019a93adc2a312c41a363531c4ead9ad","threads/articles/liuyi-english-school.ja","大学に進学すれば、もう大人だ。自由がすぐそこにあるような気がするけれど、それはどんな感覚なのだろう？",[],"H1E2yNBj6U_ZrSHYeCMUPMnfp0Nrq3up5mzTKQvZcts",{"id":955,"title":956,"animated":44,"body":957,"client":41,"cover":41,"css_code":961,"description":38,"extension":42,"html_code":962,"images":963,"is_announcement":7,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":964,"navigation":44,"order":41,"path":965,"photos":966,"published_at":967,"reading_time":41,"related":41,"role":41,"seo":968,"slug":969,"source_hash":970,"status":41,"stem":971,"summary":972,"tags":973,"tech_stack":41,"translation_of":969,"type":977,"url":41,"video_url":41,"__hash__":978},"threads/threads/cssart/face-mask.ja.md","マスク図鑑",{"type":9,"value":958,"toc":959},[],{"title":38,"searchDepth":39,"depth":39,"links":960},[],".mask-art * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  text-decoration: none;\n  list-style-type: none;\n  letter-spacing: 4px;\n  font-size: 20px;\n}\n\n.mask-art {\n  background-color: #a98e7c;\n  color: #ddd;\n  padding: 20px 0;\n}\n\n.mask-art .container {\n  margin: 0 auto;\n  width: 700px;\n  max-width: 100%;\n}\n\n.mask-art .prod-wrapper {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.mask-art .prod-name {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  padding: 30px 0;\n  margin: 20px 30px;\n  width: 30%;\n}\n\n.mask-art .mask-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  padding: 30px 0;\n  margin: 20px 0;\n  width: 40%;\n}\n\n.mask-art .desc {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: left;\n  margin: 20px 0 20px 70px;\n  width: 30%;\n  font-size: 16px;\n}\n\n/* 醫療口罩 */\n.mask-art .mask {\n  position: relative;\n  width: 200px;\n  height: 90px;\n  background-color: #87f0df;\n  border: 3px dotted #eee;\n  border-top: 4px solid #eee;\n  border-radius: 2px;\n  transition: all 0.7s;\n}\n\n.mask-art .mask:hover {\n  transform: translate(0, -5px);\n  box-shadow: 0px 20px 10px rgba(0, 0, 0, 0.4);\n}\n\n.mask-art .mask .iron-line {\n  margin: 6px auto;\n  width: 190px;\n  border: 2px solid #eee;\n}\n\n.mask-art .mask .line {\n  margin: 20px auto;\n  width: 190px;\n  border: 1px solid #eee;\n}\n\n.mask-art .mask::before {\n  content: \"\";\n  display: block;\n  width: 50px;\n  height: 80px;\n  position: absolute;\n  border: 2px solid #eee;\n  border-right: 2px dotted #eee;\n  left: -50px;\n  border-radius: 40px 0px 0px 40px;\n}\n\n.mask-art .mask::after {\n  content: \"\";\n  display: block;\n  width: 50px;\n  height: 80px;\n  position: absolute;\n  border: 2px solid #eee;\n  border-left: 2px dotted #eee;\n  top: 0;\n  right: -50px;\n  border-radius: 0px 40px 40px 0px;\n}\n\n/* 活性碳口罩 */\n.mask-art .carbon-mask {\n  position: relative;\n  width: 200px;\n  height: 90px;\n  background-image: radial-gradient(#778683 70%, #aab3b2 30%);\n  background-size: 2px 2px;\n  border: 3px dotted #ddd;\n  border-top: 4px solid #ddd;\n  border-radius: 2px;\n  transition: all 0.7s;\n}\n\n.mask-art .carbon-mask:hover {\n  transform: translate(0, -5px);\n  box-shadow: 0px 20px 10px rgba(0, 0, 0, 0.4);\n}\n\n.mask-art .carbon-mask .iron-line {\n  margin: 6px auto;\n  width: 190px;\n  border: 2px solid #ddd;\n}\n\n.mask-art .carbon-mask .line {\n  margin: 20px auto;\n  width: 190px;\n  border: 1px solid #aab3b2;\n}\n\n.mask-art .carbon-mask::before {\n  content: \"\";\n  display: block;\n  width: 50px;\n  height: 80px;\n  position: absolute;\n  border: 2px solid #eee;\n  border-right: 2px dotted #eee;\n  left: -50px;\n  border-radius: 40px 0px 0px 40px;\n}\n\n.mask-art .carbon-mask::after {\n  content: \"\";\n  display: block;\n  width: 50px;\n  height: 80px;\n  position: absolute;\n  border: 2px solid #eee;\n  border-left: 2px dotted #eee;\n  top: 0;\n  right: -50px;\n  border-radius: 0px 40px 40px 0px;\n}\n\n/* N95 口罩 */\n.mask-art .n95-mask {\n  position: relative;\n  width: 150px;\n  height: 150px;\n  background-image: radial-gradient(#eee, rgb(177, 177, 177));\n  background-size: cover;\n  border: 3px solid #ccc;\n  border-radius: 75px 40px 75px 75px;\n  transform: rotate(-45deg);\n  transition: 0.7s;\n}\n\n.mask-art .n95-mask:hover {\n  transform: translate(0, -10px) rotate(-45deg);\n  box-shadow: 0px 20px 10px rgba(0, 0, 0, 0.4);\n}\n\n.mask-art .n95-mask .iron-line-left {\n  position: absolute;\n  top: 8%;\n  left: 22%;\n  margin: 6px auto;\n  width: 90px;\n  border: 2px solid #ddd;\n  transform: rotate(5deg);\n}\n\n.mask-art .n95-mask .iron-line-right {\n  position: absolute;\n  top: 42%;\n  left: 54%;\n  margin: 6px auto;\n  width: 90px;\n  border: 2px solid #ddd;\n  transform: rotate(85deg);\n}\n\n.mask-art .n95-mask .filter {\n  position: absolute;\n  top: 6px;\n  left: 16px;\n  margin: 20px auto;\n  width: 30px;\n  height: 30px;\n  background-image: radial-gradient(#ddd 60%, rgb(177, 177, 177) 40%);\n  background-size: contain;\n  border: 2px dotted #ddd;\n  border-radius: 50%;\n}\n\n.mask-art .n95-mask .mark {\n  position: absolute;\n  top: 88px;\n  left: 2%;\n  width: 90px;\n  height: 20px;\n  background-color: #ddd;\n  border: 1px dotted #aab3b2;\n  transform: rotate(45deg);\n  font-size: 10px;\n  color: #666;\n  letter-spacing: 0;\n  font-weight: 600;\n}\n\n.mask-art .n95-mask::before {\n  content: \"\";\n  display: block;\n  width: 50px;\n  height: 80px;\n  position: absolute;\n  border: 2px solid #eee;\n  border-right: 2px dotted #eee;\n  top: -32px;\n  left: -16px;\n  border-radius: 40px 0px 0px 40px;\n  transform: rotate(45deg);\n}\n\n.mask-art .n95-mask::after {\n  content: \"\";\n  display: block;\n  width: 50px;\n  height: 80px;\n  position: absolute;\n  border: 2px solid #eee;\n  border-left: 2px dotted #eee;\n  top: 87px;\n  right: -17px;\n  border-radius: 0px 40px 40px 0px;\n  transform: rotate(45deg);\n}\n\n/* 國王的口罩（買不到） */\n.mask-art .no-mask {\n  position: relative;\n  width: 200px;\n  height: 90px;\n  background-color: transparent;\n  border: 1px dotted #eee;\n  border-radius: 2px;\n  transition: all 0.7s;\n}\n\n.mask-art .no-mask:hover {\n  transform: translate(0, -5px);\n}\n\n.mask-art .no-mask .line {\n  margin: 30px auto;\n  width: 190px;\n  color: #444;\n  text-decoration: line-through;\n}\n\n.mask-art .no-mask::before {\n  content: \"\";\n  display: block;\n  width: 50px;\n  height: 80px;\n  position: absolute;\n  border: 1px dotted #eee;\n  top: 2px;\n  left: -50px;\n  border-radius: 40px 0px 0px 40px;\n}\n\n.mask-art .no-mask::after {\n  content: \"\";\n  display: block;\n  width: 50px;\n  height: 80px;\n  position: absolute;\n  border: 1px dotted #eee;\n  top: 2px;\n  right: -50px;\n  border-radius: 0px 40px 40px 0px;\n}\n\n@media (max-width: 768px) {\n  .mask-art .container {\n    width: 90%;\n  }\n\n  .mask-art .prod-wrapper {\n    flex-direction: column;\n    margin: 0 auto;\n  }\n\n  .mask-art .prod-name {\n    width: 100%;\n    margin: 20px auto 0;\n    padding: 0;\n  }\n\n  .mask-art .mask-wrapper {\n    width: 100%;\n    margin-bottom: 30px;\n    padding: 0;\n  }\n\n  .mask-art .desc {\n    width: 60%;\n    margin: 0 auto 30px;\n  }\n}\n","\u003Cdiv class=\"mask-art\">\n  \u003Cdiv class=\"container\">\n    \u003Cdiv class=\"prod-wrapper\">\n      \u003Cdiv class=\"prod-name\">醫療口罩\u003C/div>\n      \u003Cdiv class=\"mask-wrapper\">\n        \u003Cdiv class=\"mask\">\n          \u003Cdiv class=\"iron-line\">\u003C/div>\n          \u003Cdiv class=\"line\">\u003C/div>\n          \u003Cdiv class=\"line\">\u003C/div>\n          \u003Cdiv class=\"line\">\u003C/div>\n        \u003C/div>\n      \u003C/div>\n      \u003Cdiv class=\"desc\">可有效阻擋大部分飛沫，適合一般民眾配戴。\u003C/div>\n    \u003C/div>\n    \u003Cdiv class=\"prod-wrapper\">\n      \u003Cdiv class=\"prod-name\">活性碳口罩\u003C/div>\n      \u003Cdiv class=\"mask-wrapper\">\n        \u003Cdiv class=\"carbon-mask\">\n          \u003Cdiv class=\"iron-line\">\u003C/div>\n          \u003Cdiv class=\"line\">\u003C/div>\n          \u003Cdiv class=\"line\">\u003C/div>\n          \u003Cdiv class=\"line\">\u003C/div>\n        \u003C/div>\n      \u003C/div>\n      \u003Cdiv class=\"desc\">可吸附異味，大多數無法隔絕飛沫，沒有防疫效果。\u003C/div>\n    \u003C/div>\n    \u003Cdiv class=\"prod-wrapper\">\n      \u003Cdiv class=\"prod-name\">N95 口罩\u003C/div>\n      \u003Cdiv class=\"mask-wrapper\">\n        \u003Cdiv class=\"n95-mask\">\n          \u003Cdiv class=\"iron-line-left\">\u003C/div>\n          \u003Cdiv class=\"iron-line-right\">\u003C/div>\n          \u003Cdiv class=\"filter\">\u003C/div>\n          \u003Ci class=\"mark\"> Warning 3M\u003C/i>\n        \u003C/div>\n      \u003C/div>\n      \u003Cdiv class=\"desc\">可有效阻絕 95％ 以上的病毒，適合長時間接觸患者的第一線醫療人員配戴。\u003C/div>\n    \u003C/div>\n    \u003Cdiv class=\"prod-wrapper\">\n      \u003Cdiv class=\"prod-name\">國王的口罩\u003C/div>\n      \u003Cdiv class=\"mask-wrapper\">\n        \u003Cdiv class=\"no-mask\">\n          \u003Cdiv class=\"iron-line\">\u003C/div>\n          \u003Cdiv class=\"line\">買不到\u003C/div>\n        \u003C/div>\n      \u003C/div>\n      \u003Cdiv class=\"desc\">身體健康、從事戶外運動，現階段可以不用戴口罩。\u003C/div>\n    \u003C/div>\n  \u003C/div>\n\u003C/div>\n",[],{},"/threads/cssart/face-mask.ja",[],"2020-02-06T00:00:00.000Z",{"title":956,"description":38},"face-mask","09fc4b54a8ddfeac422716eab19b996ac4c3f972a5c29d123b7a60692906c85c","threads/cssart/face-mask.ja","2020年のマスク実名制導入に伴い、純粋なCSSで国民がマスクを奪い合った時代を描きました：医療用マスク、活性炭マスク、N95、そして「買えない」キングマスク。",[974,975,976],"CSS Art","Pure CSS","2020","cssart","Cp4gPYYGyI6okWpaa8ps7hy-FVTkQGyg5aZbaelbc10",{"id":980,"title":981,"animated":44,"body":982,"client":41,"cover":41,"css_code":1014,"description":986,"extension":42,"html_code":1015,"images":1016,"is_announcement":7,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":1017,"navigation":44,"order":41,"path":1018,"photos":1019,"published_at":1020,"reading_time":41,"related":41,"role":41,"seo":1021,"slug":1022,"source_hash":1023,"status":41,"stem":1024,"summary":1025,"tags":1026,"tech_stack":41,"translation_of":1022,"type":977,"url":41,"video_url":41,"__hash__":1029},"threads/threads/cssart/bubble-tea.ja.md","タピオカミルクティーシェイカーカップ",{"type":9,"value":983,"toc":1012},[984,987,990,1001,1004,1007],[12,985,986],{},"Vue.js サクラタピオカシェイカーカップ、さあ自分だけのタピオカドリンクを作ってみましょう！",[12,988,989],{},"できること：",[72,991,992,995,998],{},[75,993,994],{},"カップタイプを選択（保温カップ、シェイカーカップ、コーヒーカップ、マグカップ）",[75,996,997],{},"各成分の比率を調整（ミルクフォーム、牛乳、緑茶、紅茶）",[75,999,1000],{},"タピオカの数を増減",[12,1002,1003],{},"このオーダーシステムは 4 種類のドリンク、4 種類のカップを提供し、お客様が自由に組み合わせて選べます。",[12,1005,1006],{},"エコカップの使用をお勧めします。理由は",[20,1008,1009],{},[12,1010,1011],{},"地球はもう満杯です。これ以上プラスチックを入れる余地はありません！",{"title":38,"searchDepth":39,"depth":39,"links":1013},[],".bubble-tea-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 200px;\n  background-color: #698474;\n  padding: 24px;\n}\n.label { color: #e5e4cc; margin-top: 12px; font-size: 14px; }\n.beverage { position: relative; margin-top: 30px; }\n.cup {\n  width: 60px; height: 100px; margin: 0 auto;\n  border: 4px solid #fff; border-top: none;\n  padding-top: 5px; position: relative;\n}\n.ingradients {\n  width: 100%; position: absolute; bottom: 0;\n  background-color: #9dab86; overflow: hidden; font-size: 0;\n}\n.thermos-height { max-height: 80px; }\n.bubbles {\n  width: 10px; height: 10px; background-color: #fbc1bc;\n  border-radius: 5px; display: inline-block;\n}\n.green-tea { width: 100%; height: 25px; background-color: #9dab86; }\n.milk { width: 100%; height: 25px; background-color: #f7d8bb; }\n.foam { width: 100%; height: 10px; background-color: #eee; }\n.black-tea { width: 100%; height: 0; background-color: #801a08; }\n.box { width: 100%; height: 10px; position: absolute; top: 0; overflow: hidden; z-index: 1; }\n.wave {\n  position: absolute; bottom: 47%; left: -147%;\n  background: #698474; width: 222px; height: 222px;\n  transform-origin: 50% 48%; border-radius: 43%;\n  animation: drift 5000ms infinite linear;\n}\n.wave.-three { animation: drift 7000ms infinite linear; }\n.wave.-two { animation: drift 9000ms infinite linear; opacity: .1; background: #f8b195; }\n@keyframes drift { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n.thermos { border-top: 4px solid #fff; border-radius: 2px; }\n.handle.top {\n  border: 4px solid #fff; width: 60px; height: 20px;\n  position: relative; left: 50%; transform: translateX(-50%); border-radius: 2px;\n}\n.handle.top::after {\n  content: \"\"; display: block; width: 10px; height: 20px;\n  border: 2px solid #fff; position: absolute; left: 60%; top: 40%; border-radius: 4px;\n}\n","\u003Cdiv class=\"bubble-tea-container\">\n  \u003Cdiv class=\"beverage\">\n    \u003Cdiv class=\"handle top\">\u003C/div>\n    \u003Cdiv class=\"cup thermos\">\n      \u003Cdiv class=\"ingradients thermos-height\">\n        \u003Cdiv class=\"box\">\n          \u003Cdiv class=\"wave -one\">\u003C/div>\n          \u003Cdiv class=\"wave -two\">\u003C/div>\n          \u003Cdiv class=\"wave -three\">\u003C/div>\n        \u003C/div>\n        \u003Cdiv class=\"foam\" style=\"height: 10px;\">\u003C/div>\n        \u003Cdiv class=\"milk\" style=\"height: 25px;\">\u003C/div>\n        \u003Cdiv class=\"green-tea\" style=\"height: 25px;\">\u003C/div>\n        \u003Cdiv class=\"black-tea\" style=\"height: 0px;\">\u003C/div>\n        \u003Cdiv class=\"bubbles\">\u003C/div>\n        \u003Cdiv class=\"bubbles\">\u003C/div>\n        \u003Cdiv class=\"bubbles\">\u003C/div>\n        \u003Cdiv class=\"bubbles\">\u003C/div>\n        \u003Cdiv class=\"bubbles\">\u003C/div>\n      \u003C/div>\n    \u003C/div>\n  \u003C/div>\n  \u003Cp class=\"label\">四季奶青加珍珠\u003C/p>\n\u003C/div>\n",[],{},"/threads/cssart/bubble-tea.ja",[],"2019-12-31T00:00:00.000Z",{"title":981,"description":986},"bubble-tea","2d5c621a0c2d1d771b265fb1d4518ce771918da77871fe559957eb5da270a730","threads/cssart/bubble-tea.ja","Vue 3 インタラクティブなタピオカミルクティーシミュレーター — ミルクフォーム、牛乳、緑茶、紅茶、タピオカの比率を調整して、自分好みのカップを選び、オリジナルのタピオカドリンクを作ろう。",[974,1027,1028],"Vue 3","Interactive","BL1iu3CW_W87QiwCrYwYmstW3tVxfKlhiUmvNQ_dkH0",{"id":1031,"title":1032,"animated":7,"body":1033,"client":41,"cover":41,"css_code":41,"description":38,"extension":42,"html_code":41,"images":1061,"is_announcement":7,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":1062,"navigation":44,"order":41,"path":1063,"photos":1064,"published_at":1065,"reading_time":41,"related":41,"role":41,"seo":1066,"slug":1067,"source_hash":1068,"status":41,"stem":1069,"summary":1070,"tags":1071,"tech_stack":41,"translation_of":1067,"type":335,"url":41,"video_url":1075,"__hash__":1076},"threads/threads/articles/encounter.ja.md","出会い",{"type":9,"value":1034,"toc":1059},[1035,1040,1043,1046,1049,1051,1053,1056],[20,1036,1037],{},[12,1038,1039],{},"演奏曲に歌詞はないが、君は聞こえるだろう。",[12,1041,1042],{},"冬の去来を聞く\n僕はある年のある月に目覚めた\n待ちたい 待ちたい 期待したい\nでも未来はそれで決まるわけじゃない",[12,1044,1045],{},"曇りの日 夕暮れ 車窓の外\n未来のどこかで誰かが待っている\n左へ 右へ 前を見て\n愛はいくつの角を曲がってくるのか?",[12,1047,1048],{},"誰に出会うのか どんな言葉を交わすのか?\n待ってる人は どのくらい遠い未来にいるのか?\n風が聞こえる 地下鉄と人波から\n僕は列に並んで 愛の整理券を握ってる",[12,1050,1045],{},[12,1052,1048],{},[12,1054,1055],{},"僕は前へ飛ぶ 時間の海を越えて\n僕たちも愛の中で傷ついたことがある\n道を見つめる 夢の入口は少し狭い\n君に出会ったことが最も美しい偶然",[12,1057,1058],{},"いつかきっと 僕の謎は解き明かされるだろう",{"title":38,"searchDepth":39,"depth":39,"links":1060},[],[],{},"/threads/articles/encounter.ja",[],"2019-09-17T00:00:00.000Z",{"title":1032,"description":38},"encounter","8483664d03ad880c099c4472a0d302f1d724ef857ebd4dcedd3aea55bc98db99","threads/articles/encounter.ja","ウクレレバージョン",[1072,1073,1074],"ukulele","fingerstyle","cover","https://www.youtube.com/watch?v=U5YBtGQbHu4","-Y1U4tku0uzuGIyH58ktwfUa7q06cNoznm4VVBIHAO8",[1078,1124,1328,1358,1421],{"id":264,"title":265,"animated":7,"body":1079,"client":41,"cover":41,"css_code":41,"description":270,"extension":42,"html_code":41,"images":1119,"is_announcement":7,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":1120,"navigation":44,"order":41,"path":324,"photos":1121,"published_at":326,"reading_time":41,"related":41,"role":41,"seo":1122,"slug":328,"source_hash":329,"status":41,"stem":330,"summary":331,"tags":1123,"tech_stack":41,"translation_of":328,"type":335,"url":41,"video_url":41,"__hash__":336},{"type":9,"value":1080,"toc":1117},[1081,1083,1085,1087,1089,1091,1093,1095,1097,1099,1101,1103,1105,1107,1109,1111,1113,1115],[12,1082,270],{},[12,1084,273],{},[12,1086,276],{},[12,1088,279],{},[12,1090,282],{},[12,1092,285],{},[12,1094,288],{},[12,1096,291],{},[12,1098,294],{},[12,1100,297],{},[12,1102,300],{},[12,1104,285],{},[12,1106,305],{},[12,1108,308],{},[12,1110,311],{},[12,1112,285],{},[12,1114,316],{},[12,1116,319],{},{"title":38,"searchDepth":39,"depth":39,"links":1118},[],[],{},[],{"title":265,"description":270},[333,334],{"id":442,"title":443,"animated":7,"body":1125,"client":41,"cover":754,"css_code":41,"description":755,"extension":42,"html_code":41,"images":1323,"is_announcement":7,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":1324,"navigation":44,"order":41,"path":758,"photos":1325,"published_at":760,"reading_time":41,"related":41,"role":41,"seo":1326,"slug":762,"source_hash":763,"status":41,"stem":764,"summary":765,"tags":1327,"tech_stack":41,"translation_of":762,"type":335,"url":41,"video_url":41,"__hash__":769},{"type":9,"value":1126,"toc":1314},[1127,1131,1133,1138,1143,1148,1150,1158,1160,1164,1166,1174,1178,1180,1186,1194,1196,1200,1202,1204,1208,1212,1216,1218,1220,1222,1224,1228,1232,1234,1238,1240,1242,1244,1248,1250,1252,1254,1260,1264,1266,1270,1272,1276,1278,1282,1284,1286,1288,1290,1294,1296,1298,1302,1304,1306,1308,1312],[12,1128,448,1129,453],{},[450,1130,452],{},[12,1132,456],{},[12,1134,459,1135,465],{},[226,1136,464],{"href":462,"rel":1137},[378],[12,1139,468,1140,474],{},[226,1141,473],{"href":471,"rel":1142},[378],[12,1144,477,1145,483],{},[226,1146,482],{"href":480,"rel":1147},[378],[12,1149,486],{},[72,1151,1152,1154,1156],{},[75,1153,491],{},[75,1155,494],{},[75,1157,497],{},[12,1159,500],{},[12,1161,503,1162,507],{},[450,1163,506],{},[12,1165,510],{},[108,1167,1168],{"className":513,"code":514,"language":515,"meta":38,"style":38},[114,1169,1170],{"__ignoreMap":38},[117,1171,1172],{"class":119,"line":120},[117,1173,514],{},[20,1175,1176],{},[12,1177,526],{},[12,1179,529],{},[12,1181,532,1182,536,1184,540],{},[450,1183,535],{},[450,1185,539],{},[108,1187,1188],{"className":513,"code":543,"language":515,"meta":38,"style":38},[114,1189,1190],{"__ignoreMap":38},[117,1191,1192],{"class":119,"line":120},[117,1193,543],{},[12,1195,552],{},[12,1197,555,1198,559],{},[450,1199,558],{},[12,1201,562],{},[564,1203,566],{"id":566},[12,1205,569,1206,573],{},[450,1207,572],{},[20,1209,1210],{},[12,1211,578],{},[12,1213,581,1214,585],{},[450,1215,584],{},[12,1217,588],{},[12,1219,591],{},[12,1221,594],{},[12,1223,597],{},[12,1225,600,1226,604],{},[450,1227,603],{},[12,1229,607,1230,611],{},[450,1231,610],{},[564,1233,614],{"id":614},[12,1235,617,1236,621],{},[450,1237,620],{},[12,1239,624],{},[12,1241,627],{},[12,1243,630],{},[12,1245,633,1246,637],{},[450,1247,636],{},[564,1249,640],{"id":640},[12,1251,643],{},[12,1253,646],{},[12,1255,649,1256,653,1258,657],{},[450,1257,652],{},[450,1259,656],{},[12,1261,660,1262,664],{},[450,1263,663],{},[564,1265,667],{"id":667},[12,1267,670,1268,674],{},[450,1269,673],{},[12,1271,677],{},[12,1273,680,1274,684],{},[450,1275,683],{},[12,1277,687],{},[20,1279,1280],{},[12,1281,692],{},[12,1283,695],{},[12,1285,698],{},[12,1287,701],{},[564,1289,704],{"id":704},[12,1291,707,1292,453],{},[450,1293,710],{},[12,1295,713],{},[564,1297,717],{"id":716},[12,1299,720,1300,724],{},[450,1301,723],{},[12,1303,727],{},[564,1305,731],{"id":730},[12,1307,734],{},[12,1309,737,1310,741],{},[450,1311,740],{},[235,1313,744],{},{"title":38,"searchDepth":39,"depth":39,"links":1315},[1316,1317,1318,1319,1320,1321,1322],{"id":566,"depth":143,"text":566},{"id":614,"depth":143,"text":614},{"id":640,"depth":143,"text":640},{"id":667,"depth":143,"text":667},{"id":704,"depth":143,"text":704},{"id":716,"depth":143,"text":717},{"id":730,"depth":143,"text":731},[],{"readingTime":205},[],{"title":443,"description":755},[767,768],{"id":802,"title":803,"animated":7,"body":1329,"client":41,"cover":838,"css_code":41,"description":808,"extension":42,"html_code":41,"images":1353,"is_announcement":7,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":1354,"navigation":44,"order":41,"path":841,"photos":1355,"published_at":843,"reading_time":41,"related":41,"role":41,"seo":1356,"slug":845,"source_hash":846,"status":41,"stem":847,"summary":848,"tags":1357,"tech_stack":41,"translation_of":845,"type":335,"url":41,"video_url":41,"__hash__":852},{"type":9,"value":1330,"toc":1351},[1331,1333,1335,1337,1341,1343,1345,1347],[12,1332,808],{},[12,1334,811],{},[12,1336,814],{},[12,1338,817,1339,821],{},[450,1340,820],{},[12,1342,824],{},[12,1344,827],{},[12,1346,830],{},[20,1348,1349],{},[12,1350,835],{},{"title":38,"searchDepth":39,"depth":39,"links":1352},[],[],{"readingTime":205},[],{"title":803,"description":808},[850,851],{"id":854,"title":855,"animated":7,"body":1359,"client":41,"cover":941,"css_code":41,"description":38,"extension":42,"html_code":41,"images":1416,"is_announcement":7,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":1417,"navigation":44,"order":41,"path":944,"photos":1418,"published_at":946,"reading_time":41,"related":41,"role":41,"seo":1419,"slug":948,"source_hash":949,"status":41,"stem":950,"summary":951,"tags":1420,"tech_stack":41,"translation_of":948,"type":335,"url":41,"video_url":41,"__hash__":953},{"type":9,"value":1360,"toc":1414},[1361,1365,1367,1369,1371,1373,1375,1379,1381,1383,1385,1387,1389,1391,1395,1401,1406],[20,1362,1363],{},[12,1364,862],{},[12,1366,865],{},[12,1368,868],{},[12,1370,871],{},[12,1372,874],{},[12,1374,877],{},[12,1376,880,1377,884],{},[114,1378,883],{},[12,1380,887],{},[12,1382,890],{},[12,1384,893],{},[12,1386,896],{},[12,1388,899],{},[12,1390,902],{},[20,1392,1393],{},[12,1394,907],{},[12,1396,910,1397,914,1399,918],{},[450,1398,913],{},[450,1400,917],{},[12,1402,921,1403],{},[226,1404,924],{"href":924,"rel":1405},[378],[12,1407,928,1408,934,1411],{},[226,1409,933],{"href":931,"rel":1410},[378],[226,1412,937],{"href":937,"rel":1413},[378],{"title":38,"searchDepth":39,"depth":39,"links":1415},[],[],{},[],{"title":855,"description":38},[],{"id":1031,"title":1032,"animated":7,"body":1422,"client":41,"cover":41,"css_code":41,"description":38,"extension":42,"html_code":41,"images":1444,"is_announcement":7,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":1445,"navigation":44,"order":41,"path":1063,"photos":1446,"published_at":1065,"reading_time":41,"related":41,"role":41,"seo":1447,"slug":1067,"source_hash":1068,"status":41,"stem":1069,"summary":1070,"tags":1448,"tech_stack":41,"translation_of":1067,"type":335,"url":41,"video_url":1075,"__hash__":1076},{"type":9,"value":1423,"toc":1442},[1424,1428,1430,1432,1434,1436,1438,1440],[20,1425,1426],{},[12,1427,1039],{},[12,1429,1042],{},[12,1431,1045],{},[12,1433,1048],{},[12,1435,1045],{},[12,1437,1048],{},[12,1439,1055],{},[12,1441,1058],{},{"title":38,"searchDepth":39,"depth":39,"links":1443},[],[],{},[],{"title":1032,"description":38},[1072,1073,1074],{"id":59,"title":60,"animated":7,"body":1450,"client":41,"cover":240,"css_code":41,"description":38,"extension":42,"html_code":41,"images":1569,"is_announcement":44,"is_pinned":7,"is_published":44,"key_points":41,"lang":45,"meta":1570,"navigation":44,"order":41,"path":247,"photos":1572,"published_at":249,"reading_time":41,"related":41,"role":41,"seo":1573,"slug":251,"source_hash":252,"status":253,"stem":254,"summary":255,"tags":1574,"tech_stack":41,"translation_of":251,"type":260,"url":261,"video_url":41,"__hash__":262},{"type":9,"value":1451,"toc":1567},[1452,1456,1458,1484,1554,1556,1558,1565],[20,1453,1454],{},[12,1455,67],{},[12,1457,70],{},[72,1459,1460,1466,1472,1478],{},[75,1461,77,1462],{},[72,1463,1464],{},[75,1465,82],{},[75,1467,85,1468],{},[72,1469,1470],{},[75,1471,90],{},[75,1473,93,1474],{},[72,1475,1476],{},[75,1477,98],{},[75,1479,101,1480],{},[72,1481,1482],{},[75,1483,106],{},[108,1485,1486],{"className":110,"code":111,"language":112,"meta":38,"style":38},[114,1487,1488,1492,1502,1506,1514,1528,1538,1546,1550],{"__ignoreMap":38},[117,1489,1490],{"class":119,"line":120},[117,1491,124],{"class":123},[117,1493,1494,1496,1498,1500],{"class":119,"line":39},[117,1495,130],{"class":129},[117,1497,134],{"class":133},[117,1499,137],{"class":133},[117,1501,140],{"class":133},[117,1503,1504],{"class":119,"line":143},[117,1505,146],{"emptyLinePlaceholder":44},[117,1507,1508,1510,1512],{"class":119,"line":149},[117,1509,152],{"class":129},[117,1511,155],{"class":133},[117,1513,158],{"class":133},[117,1515,1516,1518,1520,1522,1524,1526],{"class":119,"line":161},[117,1517,152],{"class":129},[117,1519,166],{"class":133},[117,1521,169],{"class":133},[117,1523,172],{"class":133},[117,1525,175],{"class":133},[117,1527,178],{"class":133},[117,1529,1530,1532,1534,1536],{"class":119,"line":181},[117,1531,152],{"class":129},[117,1533,186],{"class":133},[117,1535,189],{"class":133},[117,1537,192],{"class":133},[117,1539,1540,1542,1544],{"class":119,"line":195},[117,1541,152],{"class":129},[117,1543,200],{"class":133},[117,1545,158],{"class":133},[117,1547,1548],{"class":119,"line":205},[117,1549,146],{"emptyLinePlaceholder":44},[117,1551,1552],{"class":119,"line":210},[117,1553,213],{"class":123},[12,1555,216],{},[12,1557,219],{},[20,1559,1560],{},[12,1561,224,1562],{},[226,1563,233],{"href":228,"target":229,"rel":1564},[231,232],[235,1566,237],{},{"title":38,"searchDepth":39,"depth":39,"links":1568},[],[],{"techStack":1571},[244,245,246],[],{"title":60,"description":38},[257,258,259],{"generatedAt":1576,"author":1577,"articles":1606,"products":1632,"projects":1647,"pages":1648,"cssarts":1652},"2026-07-11T15:24:04.380Z",{"name":1578,"handle":1579,"location":1580,"status":395,"statusText":1581,"quote":1582,"bio":1583,"featuredLink":1587,"links":1588,"site":1603},"徐可可","ivanhsu","Taipei, Taiwan","踊る暇があったら発明して","寫 Code 算是文字工作者嗎？🤔",[1584,1585,1586],"用剛剛好的 Tech Stack 開發實用的生活小物 SaaS。👨🏻‍💻","```npm i inspiration && npm run dev```","看到好吃的 Reels？分享給我，幫你摘要店家清單 👇🏻","https://reelly.life/u/ivanhsu.co/tenjin-shinya-shokudou",[1589,1592,1594,1597,1600],{"type":1590,"url":1591},"email","ivanhsu.ship@gmail.com",{"type":1593,"url":376},"website",{"type":1595,"url":1596},"github","https://github.com/ivan19940106",{"type":1598,"url":1599},"twitter","https://twitter.com/ivanhsuu",{"type":1601,"url":1602},"instagram","https://www.instagram.com/ivanhsu.co",{"name":1578,"url":1604,"description":1605},"https://ivanhsu.co","千里の道も一歩から。",[1607,1612,1617,1622,1627],{"title":1608,"slug":845,"publishedAt":843,"tags":1609,"excerpt":1610,"keyPoints":1611,"cover":838},"東京散步 ｜ 両国篇",[850,851],"我彷彿看見，北齋畫了一輩子，終於在年老時遇見了普魯士藍，得以在畫布上自由揮灑江戶的海與天空的狂喜。",[],{"title":1613,"slug":328,"publishedAt":326,"tags":1614,"excerpt":1615,"keyPoints":1616},"2025 年的碎片",[333,334],"時間有美化回憶的能力，時間為苦澀的回憶加上濾鏡，為開心的回憶按下快門。",[],{"title":1618,"slug":948,"publishedAt":946,"tags":1619,"excerpt":1620,"keyPoints":1621,"cover":941},"孩子們的南陽街與大人們的補習班",[],"升上大學以後，就是個大人了。自由彷彿唾手可得，那會是什麼樣的感覺呢?",[],{"title":1623,"slug":1067,"publishedAt":1065,"tags":1624,"excerpt":1625,"keyPoints":1626,"videoUrl":1075},"遇見",[1072,1073,1074],"ukulele version",[],{"title":1628,"slug":762,"publishedAt":760,"tags":1629,"excerpt":1630,"keyPoints":1631,"cover":754},"《 The Effective Engineer》作者 Edmond Lau 導讀，增加 impact！！ 矽谷工程師都在做的事。",[767,768],"每天預留 1 小時的工時，來實行自己的 20% Time。",[],[1633,1637,1642],{"title":1634,"slug":431,"excerpt":1635,"tags":1636,"url":439,"status":253},"10分鐘內編寫自己的 即時轉調 和弦譜！","使用 ChordPro 擴展語法，以純文字編寫吉他和弦譜，即時修改、一鍵分享、自動轉調。",[257,436,437,438],{"title":1638,"slug":393,"excerpt":1639,"tags":1640,"url":376,"status":253},"Reelly 幫你摘要 IG 美食 Reels！","🍜 看到好吃的 Reels？分享給我，幫你摘要店家清單🧾",[257,399,1641],"Reels",{"title":1643,"slug":251,"excerpt":1644,"tags":1645,"url":261,"status":253},"Threadspage 把你的創作，變成 真正屬於你的知識主場。","你已經在 YouTube、IG、Threads 花了大把時間創作，心血卻鎖在別人的平台上。Threadspage 幫你把內容一鍵搬到自己的網域、自動生成多語言，還變成一個會回答訪客問題的 AI 分身。",[257,1646,259],"YouTube-to-markdown",[],[1649],{"title":1650,"slug":51,"excerpt":1651},"關於我","用剛剛好的 Tech Stack 開發實用的生活小物 SaaS。",[1653,1655],{"title":1654,"slug":1022},"珍珠奶茶手搖杯",{"title":1656,"slug":969},"口罩圖鑑",1783783495360]