Amazonで役員の時間をお願いする場合の雛形が良くできている話→「事前に流れがわかる」「ウチのミーティングで導入してほしい」無駄な会議が減りそうな予感
Issei Suzuki @issei613 Amazonで役員の時間をお願いする時はいつも秘書さんにこの形式で依頼しないと予定入れてもらえないのだけど、なかなか良くできた雛形だなと思う。ドラフトを送る前に上司に一度目を通してもらうと、認識のズレも予め修正した上で会議の準備に臨める。 pic.twitter.com/R2Mjro0SeS Issei Suzuki @issei613 最後の「意思決定は後でやり直しがきくか」はOne-way Door（一方通行のドア = やり直し不可）vs Two-way Door（双方向のドア = やり直し可）と呼んでいて、これは自分で見極めて、後者ならなる早で実験してみることを推奨されている。
犀の角｜佐藤秀峰
先日、投稿した「死ぬほど嫌でした」という記事が大きな反響を呼びました。 日本テレビ系で放送された連続ドラマ『セクシー田中さん』原作者の芦原妃名子さんの訃報に触れて、『海猿』をめぐる僕自身の経験を語る内容でした。 その中で映画主演俳優との初対面の印象について、「嫌なヤツだと思いました」と書きました。 それに対し、俳優の伊藤英明さんが自身のインスタグラムを更新し、記事について言及しました。 「記事を読みました。 『海猿』は僕にとって一生の財産です。 （中略） 約20年前、現場に出向いて下さり佐藤先生に頂いた原画を今も大切にしています。撮影に携わった全員で過ごした時間も作品も自分の宝物です。」 thehideakiitoインスタグラムより引用 伊藤さんの大人な対応に、自分の未熟さを恥じ入るばかりです。 ところで、イラストに書かれた日付を見ると2005年となっています。 僕が撮影現場を訪れたのは2
連休中の19時半、家に不動産営業の人が来た
なんかインターホンで「税金の調査で～～」みたいなことを言っていて、今住んでいる地方でそういう怪しい感じの来訪者があまり居なかったので興味本位で出てしまった。 最初は「住民税・所得税の負担、無くしたくないですか」からはじまり年収とか投資への意識みたいなのを一通り聞かれ、10分くらい謎のアイスブレイク(?)があったあと、満を持して不動産投資の話が出てきた。 これは噂に聞く「ワンルームマンション投資」かァ～？と思ったものの、投資方法を言い出す手前でやたらと別日の喫茶店に30分でいいからと誘導してくる。 正直、これは自分の足りない知識を試せる良い機会だと思ったけど、こんなあからさまに怪しい投資話を喫茶店でやってるとこ、知り合いに見られたらと思うと絶対に嫌だったので、別日は嫌だけど興味はあるので今ここで話してくださいと数分頼んだら若干の渋りの後に話してくれた。 「都内駅近の中古マンションの一室を所有
週末に自分がよく使っている技術をまとめたら反応が良かったので、テンプレートを作りました。 なにかWebサービスを作るときに、自分はこれらのライブラリを基本的には入れます。 ベースはcreate-next-appとなりますが、そこで生成された状態だと認証もDBも何もありません。 しかし、サービスを作るにあたって必要なケースがほとんどです。 このテンプレートには特定のライブラリを入れると毎回書かないといけない項目等を事前に作っておき、 開発に集中できる仕組みを作るのがゴールとなります。また、例を示しつつ削除するコード量を最小限に抑えます。 主にNext.js固有のハマるポイントや環境構築などめんどくさいけど毎回書いている点をカバーします。 linterと関連があるVSCode, pre-commit等の設定NextAuthに指定されたDB Schemaの作成やAPI routeの設置開発、テス
ドキュメンテーションを文化にする〜コミュニケーションの「ハブ」作りに取り組んだ4年間～ - MonotaRO Tech Blog
はじめに こんにちは。プラットフォームエンジニアリング部門の池田（@progrhyme）です。 この記事では、モノタロウのテック系の部門で筆者が取り組んできた「ドキュメンテーションプロジェクト」について、下の目次の流れに沿って紹介していきます。 【目次】 はじめに 「ドキュメンテーションプロジェクト」とは プロジェクト発足の背景 ねらい（まとめ） 何をやったか ドキュメンテーションの促進 Confluence → Googleドキュメントへの移行 その結果どうだったか 上手く行ったこと 上手く行かなかったこと まとめ 「ドキュメンテーションプロジェクト」とは 初めに、プロジェクトの概要について簡単に説明します。 このプロジェクトのミッション（＝目標）は主に以下の2つです。 ドキュメンテーションを通してプロジェクト内外のコミュニケーションを効率化し、業務プロセスの効率を上げる 社内のドキュメ
はじめに 有用な知識の特性 Google SRE リソース Site Reliability Engineering: How Google Runs Production Systems The Site Reliability Workbook: Practical Ways to Implement SRE Building Secure and Reliable Systems: Best Practices for Designing, Implementing, and Maintaining Systems SLO Adoption and Usage in SRE Creating a Production Launch Plan Training Site Reliability Engineers: What Your Organization Needs to Cre
今更聞けないDockerのしくみ(「Dockerとは？」から「docker-composeファイルを1人で作れるようになる」まで) - Qiita
今更聞けないDockerのしくみ(「Dockerとは？」から「docker-composeファイルを1人で作れるようになる」まで)RubyRailsDockerdockerfiledocker-compose はじめに なんとな〜くdockerを使い始めてはや４年ほど。 既存のプロジェクトにアサインされた場合はdockerファイルに何が記載されているかなんて意識せずコマンドを実行するだけで、何か自分で一から作る時は、誰かが作ったものをどこからか持ってきて済ませていた。 こんな感じなのでdockerをなんとなく扱えてはいるが細かいところを全く理解できてない。 今回は人に説明できるくらい理解できるようになろうとした男の記事です。 ハンズオン形式でやっていきますので一緒に手を動かしながらやってみていただけると嬉しいです。 対象とする読者 これからdockerをは0から理解したい人 なんとなくdo
この記事では、Playwright の VSCode 拡張を使って GUI 操作のみでテストの記録や実行する方法について紹介します。 Playwright の VSCode 拡張とは？ Playwright の VSCode 拡張は、Playwright の作成元である Microsoft が公式に提供している拡張機能で、VSCode 内で直接ブラウザテストの記録や実行を支援するための便利なツールです。 GUI 操作を中心に、テストの記録や実行を手軽に行うことが可能となります。 VSCode 拡張のインストールは、以下のリンクから行うことができます。 VSCode 拡張を活用してテストを書く 本記事では、シンプルな ToDo アプリを例にテストの作成方法を説明します。Playwright のインストール方法は、公式ドキュメントをご参照ください。その後、VSCode に Playwright
最近のCloudflare Workersについて、知らない方向けにざっくばらんに書いてみます。 連絡事項 自己紹介しておくと、僕はCloudflareのDeveloper RelationsチームにいてDeveloper Advocateをやってます。 一方で、HonoというCloudflareのみならずDenoやBun、Fastly等で動くWebフレームワークを開発してます。 Cloudflare Workersとは？ 本題に入る前に、そもそも「Cloudflare Workersとは？」を簡単に紹介しておきます。 Cloudflare WorkersとはCloudflareのエッジで動くサーバーレス環境です。 基本的にJavaScript/TypeScriptでアプリケーションを書きます。 V8というJavaScriptエンジンの上でアプリを動かすのですが、これはWebブラウザのGo
『Starfield』レビュー。「唯一無二の個性」と「強烈な既視感」が同居した、時代の転換を象徴するRPG - AUTOMATON
「永遠にロールプレイができるゲームがあれば良いのに」。ベセスダ・ソフトワークスとそのファンの両名が長年抱えてきた願いであり、思想である。長き時を経てようやく地球に降り立った『Starfield』は正にその思想の体現と言える素晴らしい作品に仕上がっている。しかしながら、宇宙の星々の間には大きな時差が横たわっているように、思想の中からようやく生まれた彼の姿と、現代におけるゲームプレイの間にも、明確なズレが存在してしまっている。 ※本稿はベセスダ・ソフトワークスからコードの提供を受け、Xbox Series S版でのプレイに基づき執筆している。また、メインストーリーの具体的な内容には触れていないものの、クリア後の仕様について触れているため、閲覧には注意してほしい。 実質的なエンディングが存在しないゲーム 体験の変化が尊ばれるゲームの世界において、あえて「変わらない」ことを選んだ者たちがいる。たと
撫子凛📖書籍発売中 @nadeshicorin 画家、イラストレーター。日本美術、着物、仏像、歌舞伎、江戸時代が好き。📖『小袖雛形ファッションブック』『イラストでわかるお江戸ファッション図鑑』(マール社刊) など。同人誌 通販→ nadeshicorin.booth.pm お仕事のご依頼→nadeshicorin@gmail.com nadeshicorin.com リンク 大河ドラマ「光る君へ」 - NHK 大河ドラマ「光る君へ」 【NHK公式】大河ドラマ「光る君へ」(2024年)。主人公は紫式部（吉高由里子）。 平安時代に、千年の時を超えるベストセラー『源氏物語』を書き上げた女性。彼女は藤原道長（柄本佑）への思い、そして秘めた情熱とたぐいまれな想像力で、光源氏＝光る君のストーリーを紡いでゆく。変わりゆく世を、変わらぬ愛を胸に懸命に生きた女性の物語。キャスト相関図・見逃し配信・あらす
寺田 学（@terapyon）です。2024年4月の「Python Monthly Topics」は、Python Web UIフレームワークの1つであるStreamlitを使ってWindowsやmacOSのデスクトップアプリを作る方法を解説します。 目的・モチベーション Pythonで自動化のスクリプトを作ったり、JupyterLabやColaboratoryでデータの可視化を行うことがあります。これらを作成者以外の多くの方に利用してもらう方法として、Webシステムやデスクトップアプリとして提供する方法が考えられます。 Webシステムの構築やデスクトップアプリの作成となると、技術的なハードルがあります。他には、時間的なコストに見合わないという状況もあり得ます。 Python Web UIフレームワークを使うことで、比較的少ないコードでWeb UIからスクリプトの実行や可視化をするアプリ
はじめに フロントエンドもバックエンドもTypescriptで書きたい！ということで、T3 Stack（T3スタック）について調べてみました。 T3 Stackを利用したプロジェクトを作成するためのCLIツールcreate-t3-appが用意されており、簡単に雛形プロジェクトが作れるため、実際に使ってみました。 この記事は以下の内容をメインに紹介します。 create-t3-appの環境構築手順 雛形プロジェクトの解説（特にtRPCを用いたAPIの呼び出し方法について） T3 Stackとは T3 Stackとはsimplicity（簡潔さ）、modularity（モジュール性）、full-stack type safety（フルスタックの型安全）を追求した思想に焦点を当てています。 そしてそれらを実現するために以下6つの技術スタックが採用されています。 ✅ Next.js ✅ tRPC
【TypeScript と友達に】Type Challenges を全問解いたのでエッセンスと推し問題を紹介してみる - 前編
【TypeScript と友達に】Type Challenges を全問解いたのでエッセンスと推し問題を紹介してみる - 前編 はじめに 自己紹介 初めまして、@kakekakemiya と申します。 現在は東京大学大学院学際情報学府の修士 1 年で、フロントエンドエンジニアとして活動しています（25 卒の就活生です）。TypeScript × React × Next.js が主戦場ですが、Flutter でモバイルアプリを開発するときもあります。 今回は自分の TypeScript 力の向上のために、合計 170 問あるType Challenges を全問解いたので、Type Challenges における推し問題を紹介しながら、型パズルを解く上でのエッセンスを述べていく記事を書いてみようと思います。 Zenn での初投稿なので、何かと至らない点があるかもしれませんが、よろしくお願い
フルスクラッチして理解するOpenID Connect (1) 認可エンドポイント編 - エムスリーテックブログ
こんにちは。デジカルチームの末永(asmsuechan)です。 この記事では、OpenID Connect の ID Provider を標準ライブラリ縛りでフルスクラッチすることで OpenID Connect の仕様を理解することを目指します。実装言語は TypeScript です。 記事のボリュームを減らすため、OpenID Connect の全ての仕様を網羅した実装はせず、よく使われる一部の仕様のみをピックアップして実装します。この記事は全4回中の第1回となります。 なお、ここで実装する ID Provider は弊社内で使われているものではなく、筆者が趣味として作ったものです。ですので本番環境で使用されることを想定したものではありません。なんなら私は ID Provider を運用する仕事もしておりません。 1 OAuth 2.0 と OpenID Connect 1.1 用語の
Introcusion つい先日、「Rust版のRails」ともいわれている、 Locoというフレームワークを教えてもらいました。 Railsは昔ちょっとさわった程度なのですが、 Rustで手軽にRailsライクなアプリ開発はおもしろそうなので、 試してみました。 Loco? Locoについて簡単に説明します。 このblog記事で、Locoって何？ なんでRustなの？とか誰のためのフレームワーク？みたいなことが書いてあります。 軽く説明すると、↓です。 Locoって何？ Loco は、Rails からインスピレーションを得た Rust用のWebフレームワーク ほぼすべての Rails 機能が含まれている Controllerとaxum経由のルーティング ActiveRecordライクにSeaORMでモデル操作 rrgenでコード生成 その他いろいろ。詳しくは元記事で RubyでいいならR
Remix on CloudflarePages + Prisma + Supabase で銀の弾丸を目指す 20240828
自分が思う最強の(かつ貧者の)構成を目指したログ。流行りの技術選定ってやつしたかった。 結論だけ言うと、まだ綺麗ではないが現実的に動く。動かし方を理解してないと事故る、かも。 この記事は自分がたどり着いた結論を順を追って記述するが、自分にとって自明な場所の差分を記録してないので、コードをなぞるより変更意図を追って各々自分で組み立てる、ということを推奨する。 動いてるリポジトリはここ。ただこの記事の説明を読まないと、その意図が伝わらない。 追記 20240829: DATABASE_URL で Connection Pool を有効にするのに ?pgbouncer=true を追加 https://supabase.com/partners/integrations/prisma このスタックの意図 Remix on cloudflare-pages コストとパフォーマンスを両立できる、20
「大吉原展」（東京藝術大学大学美術館）開幕レポート。吉原で育まれてきた文化を通じて、遊女たちの生き方や置かれた環境に目を向ける
「大吉原展」（東京藝術大学大学美術館）開幕レポート。吉原で育まれてきた文化を通じて、遊女たちの生き方や置かれた環境に目を向ける東京藝術大学大学美術館で、江戸幕府公認の遊廓であった吉原や、そこで育まれてきた文化にフォーカスする「大吉原展」が開幕した。会期は5月19日まで。 文・撮影＝三澤麦（ウェブ版「美術手帖」編集部） 展示風景より、辻村寿三郎・三浦宏・服部一郎《江戸風俗人形》（1981） 東京・上野の東京藝術大学大学美術館で、江戸幕府公認の遊廓であった吉原や、そこで育まれてきた文化にフォーカスする「大吉原展」が開幕した。会期は5月19日まで。本展学術顧問は田中優子（法政大学名誉教授）、担当学芸員は古田亮（東京藝術大学大学美術館教授）。 吉原とは、江戸時代につくられた遊廓街（＊）。そこでは、絵画や浮世絵、文学、工芸、年中行事など様々な文化が生まれ育まれてきたいっぽうで、その経済基盤は、家族の
生成AI時代のフロントエンド開発術
2022年11月にChatGPTがリリースされて、1年と約半年が経過しました。私はChatGPTが話題になった頃から、継続して利用しています。ChatGPTを使い続けていると、Webアプリケーションのフロントエンド開発に役立つことがありました。 そこで、本記事ではフロントエンド開発でChatGPTを活用して効率よく進める3つのパターンにまとめました。これらのパターンを紹介し、読者の皆さんの開発に役立ててもらえればと思います。 以下は、本記事で紹介するFigma、ソースコード、デプロイ先URLです。 Wireframing photo - Figma silverbirder/figma-photo-sample-app-for-ai - GitHub https://figma-photo-sample-app-for-ai.vercel.app ChatGPTを使う前に ChatGPTに
はじめに 新規事業部 山本です。 ChatGPT（OpenAI API）をはじめとしたAIの言語モデル（Large Language Model：以下、LLM）を使用して、チャットボットを構築するケースが増えています。通常、LLMが学習したときのデータに含まれている内容以外に関する質問には回答ができません。そのため、例えば社内システムに関するチャットボットを作成しようとしても、素のLLMでは質問に対してわからないという回答や異なる知識に基づいた回答が（当然ながら）得られてしまいます。 この問題を解決する方法として、Retrieval Augmented Generation（以下、RAG）という手法がよく使用されます。RAGでは、ユーザからの質問に回答するために必要そうな内容が書かれた文章を検索し、その文章をLLMへの入力（プロンプト）に付け加えて渡すことで、ユーザが欲しい情報に関して回答
深津式プロンプトを超える、ロング コンテキスト時代のテクニック指南｜Gemini - Google の AI
本 note は、Google が深津貴之さんにインタビューした内容を編集して掲載しています。深津さんには、Gemini の改善や活用のための知見をいただくため、アドバイザーに就任いただいています。また、Gemini を含む生成 AI の利用に関する説明は例示を目的としています。実際の回答結果については、ご自身で正確性をご確認いただくようお願いいたします。 こんにちは。Google の AI「Gemini（ジェミニ）」の公式 note 編集部です。 今回は、Gemini のアドバイザーのおひとり、深津貴之さんのインタビューをお届けします。 2023 年初頭、日本で生成 AI ブームが広まり始めた頃、クリエイティブファーム・THE GUILD 代表であり note の CXO である深津貴之さんは「深津式プロンプト」を公開しました。命令や制約条件、入出力などの要素を構造化したプロンプトを入力
「Developers Meetup 急成長ベンチャーが向き合う『開発生産性』」は、開発組織や事業フェーズの異なる株式会社Another works・株式会社SmartHR・株式会社スタメンの3社が、開発生産性について語り尽くすイベントです。ここで株式会社スタメンのかみお氏が登壇。フロントエンドのリプレイス前にあった課題と、「生産性が向上した」と感じさせてくれた5つのことについて紹介します。 かみお氏の自己紹介 かみお氏：「レガシーフロントエンドをリプレイスしたら開発生産性が向上しました」というタイトルでお話をします。よろしくお願いします。 まず自己紹介を簡単にさせてください。2021年1月にスタメンに入社して、主にフロントエンドを担当している「かみお」です。現在は、今回お話しするNext.jsへのリプレイスのプロジェクトに参加中です。今回初登壇なのでお手柔らかにお願いします。 今日は、リ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webサービスを作るときのテンプレートを作った - hiroppy's site
このSRE本がすごい！2024年版 - じゃあ、おうちで学べる
PlaywrightのVSCode拡張を使って効率的にテストを書く
最近のCloudflare Workers - ゆーすけべー日記
『光る君へ』で出すのは絶対無理だろうけど平安時代の女性貴族の夏服が「垣間見」じゃすまないくらい奥ゆかしかった
Python Web UIフレームワークで作るデスクトップアプリ | gihyo.jp
【T3 Stack】フロントエンド・バックエンドTypescript開発入門
RailsライクなRustのWebフレームワーク 「Loco」 | DevelopersIO
RAGを使った社内情報を回答できる生成AIボットで業務効率化してみた | DevelopersIO
レガシーフロントエンドをNext.jsにリプレイス 「開発生産性の向上」を感じさせてくれた5つのこと