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