はてなブックマーク

Claudeの3.5-sonnet最新版(20241022)は間違いなく現時点では最高性能のLLMの一つである。Claude Professional PlanならそれをウェブUI・アプリ上から無制限と言ってもいいほど使える。 もともと、ある要件を実現するためにどうするのがいいか？選択肢を知りたくて、Claude sonnetやChatGPT Plus(gpt-4o, o1-preview)などに聞いてみたら、Claude sonnetが一番好みのアイデアを返してくれたので、さらに深掘りしてアプリを作らせたみた。 OpenAI o1-previewは思いもよらないスマートな解決方法を提示してくれることがある。アイデアを知りたいときに一考の余地はある OpenAI gpt-4oは割とベタというか、微妙？ SearchGPTは現時点ではコンテキストを無視しがち（単体の検索はいいけど、それ以上を

LLMプロダクト開発者がMac Studioを買ってローカルLLMを触るべき理由という記事を書きました。 mutaguchiさんのツイートを見て、LLMプロダクトの開発とはどういうものなのかを知らない人も多いのかなと気づいたので、そこらへんを記事として書いてみます。 https://t.co/4WvjuuoGnC 「LLMプロダクト開発者がMac Studioを買ってローカルLLMを触るべき理由」の記事のはてブコメント見てたんだけど、ほとんど理解されてなかったのが興味深い。 ・プロプライエタリなLLMでは、ランニングコストが嵩み、これを利用したサービスは成立しづらい… — mutaguchi (@mutaguchi) April 24, 2024 商用LLM APIとローカルLLMって使い方が全然違う気がしてる。 商用LLM APIって、機微情報を送らないこと、規約違反テキストを送らないこ

もしあなたがLLMを使ったプロダクトを何かしら開発している、もしくは興味があるのなら、メモリを大量に積んだMac Studioの購入を検討すべきです。 対象読者NVIDIAが絶対にいいという人はこの記事の対象読者ではありません。また、用途によって、ローカルマシンによるローカルLLMが向いてる・向いてないは明確にあるので、向いてない用途にしか使わない人も対象読者ではありません。あしからず。 また、この記事は別にNVIDIAをdisる意図はありません。みんな違っていい。NVIDIAもいい選択肢ですが、Mac Studioも悪くないですよ、と言いたい。 結論LLMプロダクト開発において、今年はもはやローカルLLMを無視できない、してはいけない状況です。 LLMプロダクト開発をする会社の視点でいえば、是非とも80GB以上の十分なGPUメモリを積んだマシンを用意できるようなアジリティを持つのが望まし

皆さんはGitHub Copilotを使っていますか？VSCodeやIDEに拡張を入れると、生成AIとペアプロのようなことができるという、アレです。 最近はこれがないと仕事ができない。なかった時代を思い出せないという人が増えています。プログラミングの生産性に明確に差が生まれます。僕もその口です。 ただ、GitHub Copilotを使いこなせていないという話も度々聞きます。Copilotが提案してくれるコードが微妙で役に立たないというような感じです。 その差はどこにあるのか？を知りたくて6/24に試しにCopilotを使った動画を撮ってみました。実践的なCopilot実演動画というのはすごく珍しいらしく、GitHub dockyardというコミュニティの竣工イベントに登壇してみないか？というお声がけをいただいたので、8/5にGitHub Copilotを使いこなせるとどうなるのかというライ

5/25にDMMグループの株式会社Algomaticにジョインしました。 LLMとは、Large Language Model（大規模言語モデル）の略であり、文字列を入力したら、統計的予測と乱数に基づいて、その続きの文字列を返してくれる、いわゆる生成AIの一つで、みなさんご存知の ChatGPT もLLMを応用したアプリです。 Algomaticは、LLMをはじめとした生成AIを活用するサービスを開発・提供するためのスタートアップで、4月に設立したばかりの会社です。

もはやChatGPTの話題がない日はありません。これまでの3回のAIブームとは異なり、AIの冬は来ないとされています。つまり、今のAIの流れを巻き戻すことができる人はいません。 そんな with GPT 時代において、フロントエンドエンジニアは、イマイマにおいては即死することはないけど、うまく振る舞わないと、数年後生き残れないかもしれないという状況は認識すべきです。 この記事ではフロントエンドエンジニアという観点に限定して with GPT 時代にどう生き残るかに焦点を合わせていきます。 ちなみにヘッダ画像は、Stable Diffusionさんに「サバイバル」というプロンプトだけ与えて生成した画像です。サバイバルできてなさそうですが、ちょっと可愛くてシュールです。 僕は「即座にAIが仕事を奪うことは、日本では二年以内にはない」けど、「AIによってアシストされたライバルによって、案件の数と

社会問題にもなっている就職氷河期直撃世代のえるきちです。クッソどうでもいい専門学校を出てから10年引きこもりニートしてました。 どん底（と言っても本当にどん底ではないかもしれない）からでも、普通に人生なんとかなるみたいな話です。あと、怪しげなサロンやスクールに通うくらいならN予備校に通う方がいいと思いますという話です。 ワナビー界隈だと年収公開したりするようなキラキラパリピが人気集めるんですって？わざわざ金の話をこれ見よがしに語る人、まっとうなエンジニアではないので気をつけた方がいいですよ。 年収は特に書きませんが、スタートアップに勤めて、同人誌書いたりしつつ、面白おかしく生きるのに問題無い金額は稼いでおります。 前提: 他の世代の人への補足アラフィフ4x歳だったら、経験も豊富で金も一杯もらってんだろ当然だろみたいに考える人もいるかもしれませんが、それは必ずしもそうとはいえません。 たとえ

Zenn には本を発刊する機能があるので、表題の通りの本を考えています。読みたいと思う人は、Twtter でこの記事を広めてください。この記事にスキをつけてください。 追記: 結構反響あるので、頑張って書いてみます！続報があれば、この記事への追記と、新しく書いた旨発表します。 需要があるかどうか？を判断するためです。 構成案この本は、プログラミングで伸び悩んでいる貴方がブレークスルーするためのものです。 想定読者・ プログラミング初心者ではないこと ・ 自身で使っているプログラミング言語については大体分かる。そこでつまずくレベルではない ・ 自走できる ・ いわれたタスクはこなせる ・ なんなら何かしらの提案もできる ・ 自動テストが無いところに自力で、自動テストを生やしまくれない ・ 呼吸をするレベルでリファクタリングできるわけではない ・ 飲み会で「SOLID原則を完璧なレベルで教えて

ソフトウェア世界の一部の人たちには「車輪の再発明をするな」という信仰があります。 もちろん、プロダクトコードで、車輪の再発明をする場合、注意深くなるべきです。せっかく既存の素晴らしいもの（大抵の場合はOSS）があるのに、わざわざ車輪の再発明をすると、メンテナンスリソースの分散が生じるからです。 とはいえど、既存の素晴らしいものには、既存の面倒なしがらみがあることもしばしばです。OSSの良さは、気に入らなければ自由にforkできることです。これはOSSの寿命を事実上無限にすることもできるものです。 ただ、今回の記事で主張したい理由は別のものです。 今の時代何かのゲームに自信がある人でも、Twitterで「オレは最強の○○ゲープレイヤーだ」とツイートするなんてことはできません。世界大会で優勝するようなチャンピオンでもなければそのようなツイートをしても、失笑を買う、反感を買う、クソリプが付く、ス

プログラミング上達したいんだったら、四の五の言わずに、 ・クリーンアーキテクチャ ・レガシーコード改善ガイド ・アジャイル・サムライ ・リファクタリング 系のどれか を、全部最低5回読み返して欲しい。それでプログラマとしては圧倒的に成長できるんだから、マジで読んで — Next.js + Hasura 最速プロトタイピング本 @技術書典9 出す予定 (@erukiti) July 27, 2020 先日、こういうツイートをしたらバズってしまいまして。これらの本を理解できるまで読みこめばプログラマとして成長できますよーというもので、 ・ クリーンアーキテクチャ ・ レガシーコード改善ガイド ・ アジャイルサムライ ・ リファクタリング 系のどれか（例えばリファクタリング第二版） の4冊を挙げました。いろいろな人の感想を読んで、補足が必要そうだなと思ったので記事として書きなおしています。 この

プログラミング上達したいんだったら、四の五の言わずに、 ・クリーンアーキテクチャ ・レガシーコード改善ガイド ・アジャイル・サムライ ・リファクタリング 系のどれか を、全部最低5回読み返して欲しい。それでプログラマとしては圧倒的に成長できるんだから、マジで読んで — Next.js + Hasura 最速プロトタイピング本 @技術書典9 出す予定 (@erukiti) July 27, 2020 先日、こういうツイートをしたらバズってしまいまして。これらの本を理解できるまで読みこめばプログラマとして成長できますよーというもので、 ・ クリーンアーキテクチャ ・ レガシーコード改善ガイド ・ アジャイルサムライ ・ リファクタリング 系のどれか（例えばリファクタリング第二版） の4冊を挙げました。いろいろな人の感想を読んで、補足が必要そうだなと思ったので記事として書きなおしています。 追記

オンラインコラボツールである Mural 使ってますか？リモートワーク時代のいま、Mural のようなツールは、チーム作業にとても役立ちますが、個人で使っても優秀であることを紹介します。 結論からいうと、僕はいま、情報整理・管理で、 Mural とテキストベースのナレッジツールを併用しています。 Mural is 何 簡単にいうとオンラインで同時に編集可能なホワイトボードです。主に付箋をやりとりするという使い方がされます。線を描画したり、付箋を貼り付けたり文字を書く、絵文字や画像を貼り付けるくらいしか機能が無いシンプルさですが、ぶっちゃけ線とふせんがあればすべてのことはだいたいこなせます。 デフォルトでいくつもフレームワークが用意されていて、これは線や文字を組み合わせてプリセットにしたものです。 たとえばこのようなフレームワークが用意されていたりします。 LAOUTS, DESIGN, A

皆さん異世界転生ラノベをご存知ですか？チートし放題な主人公たち好き勝手しやがってとか思っています？最近は「初級魔法で無双する」「生活魔法で無双する」みたいな話流行ってますよね。 でも、別に異世界なんていかなくても、転生しなくても、プログラミングのチートスキルなんて簡単に身につけられるんですよ。 ※ここでいうチートスキルは本来の意味のチートではないのでご注意ください。そっちのスキル身につけるのは楽しいかもしれませんが、本筋ではありません。 ※ここでいう「初級魔法」はラノベ読まない人の想像する初級魔法ではないことがほとんどなのでご注意を 特定のプログラミングスキルを身につけると、派生スキルが勝手にポコポコ生えてきたり、派生スキルの習得コストが圧倒的に安くなります。 たとえば、なにか一つのプログラミング言語をマスターした人なら、他のプログラミング言語を覚えるときのコストが低くなるというのは直感的

この記事ではモブプログラミング（以下モブプロ）を効果的にやるための方法を解説します。 モブプロのコンセプトは、チームでコミュニケーションをして問題を解決するです。 大変さは人数分の一。楽しさは人数倍モブプロをやる理由については、モブプロのススメという別の記事に分けて書いています。 モブプロは、決まった一つのやり方だけではありません。色々なやり方もありますが、全部を解説しようとすると読む側も大変だと思うので、ここではモブとタイピストパターンという一つだけを紹介します。 わかりづらいところなどがあればカジュアルに質問してみてください！ この記事は、僕が書いて社員の協力でブラッシュアップした、株式会社マツリカの社内ドキュメントをベースにしています。リモートワークで実際にモブプロをやって得た知見も込められています。 スペシャルサンクス: FORTEさん、かえるさん モブプロは誰のためのもの？モブプ

65本 2018/10/08 (月・祝) 池袋サンシャインシティ2F 展示ホールDにて開催の「技術書典5」に関連するnoteを集めます。新しい順。 共同編集したい方/追加してほしいnoteがある方は湊川あい @llminatoll までTwitterリプライください！追加します！

先日、ウェブフロントエンドについて理解するためのただ一つの方法を記事にしました。それは「古い知識に頼るな。公式を読め」でした。たった一つの方法です。これをできない人は必ず行き詰まります。公式をひたすら読み込むことができる人は、たぶん大丈夫でしょう。 今回の記事は、その先にあるものです。 モダンフロントエンドの重要性ここでは少し前回の記事のおさらいをしておきます。 2020年のソフトウェアエンジニアリングの世界ではウェブ技術の重要度は増すばかりです。もちろんウェブ技術というのは広い分野です。ウェブ（HTTP/HTML/JS/CSSその他）によるサーバー・クライアント型のソフトウェアは、莫大な市場を背景にどんどか技術が投入されています。 ウェブ技術の中でも、ここ数年はフロントエンド技術の比重がとても大きくなりました。前回の記事にも書いた通り、少なくとも50%以上の影響力を持っています。 ソフト

この記事は、ウェブ技術の開発者（Java, PHP, Ruby, Go... 全て含む）のうち、少しでもJavaScriptを触ったことがあるけど、現代ウェブフロントエンドというか、特にウェブアプリケーション —— React, Vue, Angular など—— が分からない人に向けて、たったひとつの理解方法を提示するものです。 追記: ちなみに果てしなくどうでもいいですが、今回の記事が記念すべき100記事目らしいです。（Noteさん！その手のヤツはいっそ自動で記事にバッヂを表示するとかしてくれるとうれしいです！） 対象読者は、Java, PH(以下略）などのコードと一緒に、ほんの少しでもJSのコードを触った、見たことがあるというレベル感の人なので、既にReact, Vue, Angular などでガリガリコードを書いている人は対象ではありません。 あとホームページ屋さんとかウェブコーダ

さすがにgitを使ってない職場はそうそうないとは思うし、あったとしても僕がその職場（いまさらgitを使わない職場）は、僕とは相性ゲロ悪いのが分かっているので、そういう職場に行くことはないんですが、意外にgitの便利機能を知らない人が多いのでは？と思ったので、gitがSubversion（svn）と比較して優れている点を上げつつ、gitの便利機能を紹介します。 この記事を書いたきっかけは、僕自身が人生で「gitなんて使わなくてもsvnで十分だろ？」って言った人が数人、つまり両手の指で足りる人数くらいはいて、そういった人たちの思考がほぼ理解不能だったというのがあります。 たとえば、svnは知ってるけどgitを覚えるのが辛いって人は、ソフトウェアエンジニアリングとは極めて相性が悪い人なので、svn関係なく、別の職業に就くことを強く推奨します。 そのケースを除いたうえで、svnで十分だろ？って言っ

最近は悲しい理由が原因ではあるものの、リモートワーク（一部の人たちはテレワークという昭和臭溢れる総務省ワードを好むみたいです）が推進されています。 その流れで注目されているのがオンライン勉強会です。筆者は元からフルリモートの会社に努めていて、多少はノウハウを持っていることから、今回改めて記事を書いてみました。オンライン勉強会に興味のある人に是非読んでいただきたいです。 オンライン勉強会の利点は、どこに住んでてても参加できること、小さいお子さんがいても気軽に参加できること、天候不順や病気の流行に関係なく参加できること、運営者の（食べ物やアルコール）の好みを押し付けられないなどがあります。そもそも開催も手軽にできます。 疑問を持とうリモートワークの利点の1つは「それほんとに必要なの？」を排除することにあります。というより、無駄を排除しないと成立しないという側面もあります。 さて、飲み会や勉強会

どうもごきげんよう、えるきちと申します。株式会社マツリカという、フルリモートワーク（フルテレワーク）・フルフレックス（コアタイムが無い）制度の会社でフロントエンドエンジニアをしております。そういやちょうど入社から3ヶ月が経過したような気がします。いわゆる試用期間終了が終わったところかな。 この記事は、2月はじめに公開した記事ですが、感染症の大流行もあり、2/19時点で、加筆・修正をしております。 結論から書くと、フルリモートワーク・フルフレックスは自由なスタイルで働きたい人のための制度です。働きたくない人にとっては向いていません。誰でもできることを嫌々ダラダラやり続けるような会社には向いていません。そのため文化がとても重要です。 なんか  #はたらくを自由に というハッシュタグでコンテストやってるらしいので、せっかくなので、応募してみようと思います。 投稿コンテストの趣旨からいうと、現代に

ハンバーガー屋さんで隣の女子高生がReact Hooksについて語っていました。 ・ 第一話 React ・ 第二話 隣の女子高生が語るデータの持ち方 ・ 予定 React Hooks チューニング ・ 予定 React 自動テスト このシリーズを加筆・修正して、働きアップグレードガイド2020 〜楽しく働くために取り組めること〜という合同誌に収録することが決まりました。この合同誌、フルリモート・フルフレックスの会社でどうやって楽しく働くのか？2020年代の働き方についててんこ盛りの本なので、興味ある人はぜひチェックリストに追加してみてください。 データの流れが明確化したことで訪れた変化J美「さっき、Reactはもっとシンプルになってるって言ってたけど、どんな風にシンプルになったん？」 R子「元々Reactが生まれたときって、Reactコンポーネントは自前の状態（ステート）を持ちつつ、ツリ

ハンバーガー屋さんで隣の女子高生がReactにおけるデータの持ち方について語っていました。 ・ 第一話 隣の女子高生が語るReact ・ 第三話 React Hooks ・ 予定 React Hooks チューニング ・ 予定 React 自動テスト このシリーズを加筆・修正して、働きアップグレードガイド2020 〜楽しく働くために取り組めること〜という合同誌に収録することが決まりました。この合同誌、フルリモート・フルフレックスの会社でどうやって楽しく働くのか？2020年代の働き方についててんこ盛りの本なので、興味ある人はぜひチェックリストに追加してみてください。 データの持ち方J美「R子がReactやってるっていうから触ってみたんだけど、Flux?Redux?って何なの？」 R子「FluxはReactに適したデータフローのアーキテクチャやねー。ReduxはFluxの考え方の大半を実装した

ハンバーガー屋さんで隣の女子高生がReactを語っていました。 ・ 第二話 隣の女子高生が語るデータの持ち方 ・ 第三話 React Hooks ・ 予定 React Hooks チューニング ・ 予定 React 自動テスト このシリーズを加筆・修正して、働きアップグレードガイド2020 〜楽しく働くために取り組めること〜という合同誌に収録することが決まりました。この合同誌、フルリモート・フルフレックスの会社でどうやって楽しく働くのか？2020年代の働き方についててんこ盛りの本なので、興味ある人はぜひチェックリストに追加してみてください。 ReactとはR子「最近さー、うちReact書いてんねん」 Reactは、Facebook社が開発しているウェブブラウザ向けのユーザーインターフェースライブラリ。同種のモノにVueやAngularなどがあるが、現時点で世界シェアトップはReactである