はてなブックマーク

はじめに 昨今の激アツChatGPTブームを見ると、これをアプリとして開発してみたいと思う方も多いのではないでしょうか。気になって調べてみるとLangChainやLlamaIndexというライブラリに行き着く方も多いはずです。 そしてすぐ壁に直面すると思います。 結局これらのライブラリが 何で どういう時に どう使えば良いのか わからない！ そうです。私です。 特にLangChainは初めてLLMアプリ開発される方には少し難解です。LangChainは非常に積極的な開発がされているライブラリで、課題や良い方法が発見されればそれをすぐ実装！というスピード感で動いています。 その分、ドキュメントこそ整備されているものの膨大な情報量に迷子になりやすい状況です。 そこで、今回はLangChainのメンタルモデルを簡単に説明してみることにしました。 全体感が抑えられていればコアな情報、追加で必要とな

数年前にAIを離れ現在はフロントエンドをやっているのですが、半年くらい前に思い切り引き戻されました。画像生成AIにおけるmidjourneyとstable diffusionの登場です。noteのCTO深津さんが記事を出したと思ったのも束の間、急速に進化を果たしました。 絵柄の固定・ポーズの指定・マシンスペックなど、日々さまざまな問題を解決しながら新たな技を身につけています。 しかし、同等かそれ以上に話題になっているのは大規模言語モデル(Large Language Model)かもしれません。ChatGPTが話題になった思ったら、BingやPerplexity,You.comなど大規模言語モデルを交えたサービスが次々と登場しました。 活用方法もたくさん見つけられており、私は特に以下の二つの記事が好きです。 「感情回路」の記事に入力(プロンプト)でここまで変わるのかと感動したことを覚えてい

JSフレームワークでWeb制作をする際に問題となるのがプレビュー環境です。 他のCMSなどと異なり一から自前で実装することになります。 この複雑さ解消を目的に、本記事ではNext.jsとmicroCMSを組み合わせたプレビュー環境の実装例を紹介します。 対象 Next.jsで簡単な開発・デプロイ経験がある方 microCMSに少しでも触ったことがある方 全体像と流れ 前提として、「JSフレームワークを用いたWebサイト制作におけるプレビューページ」はCSRなアプリケーションを作成する感覚と似ていると捉えましょう。 該当ページにアクセスする fetchが飛ぶ 情報が埋め込まれる 表示される といった流れです。（そもそもCSRなどレンダリング手法が曖昧な方はコチラやコチラを参照ください） SSGであれば別途CSRのページを用意して、SSRであればそのままSSRかCSRのページを用意することとな

🍃はじめに 「これからのWebコーディングのスキルは、はじめからJamstack志向でも良いのではないか？」 と考えたことが本記事執筆の理由です。 先日エビスコムさまから作って学ぶNext.js/React Webサイト構築が発刊され、これであれば普段Webコーディングを専門にされている方がJamstackに入門できると考えました。 一方でJamstackに関連する資料は中上級者向けのものが多く、初学者向けの体系だった資料がありません。 この課題を解決すべく作って学ぶNext.js/React Webサイト構築を目標に掲げ、それまでの道を整備したいと思い本記事を書くに至りました。 🙋対象 これからフロントエンド(Jamstack)を勉強される方 コーディングの基礎を整理したい初中級者 Macユーザー(Windowsでも可能ですが適宜読替えが発生する可能性があります) 🏁ゴール 作って

フロントエンド開発が好きです(突然の告白) 関わる人たちが前向きで、より良いwebを作ろうとしている姿勢に自分も貢献したいと元気付けられます。 一方で、その勢いからフロントエンド開発に必要な知識が日に日に増えてることも事実です。 などなど… コンポーネント設計を正しく行わないと再利用性が消え、同じようなコードを何度も書くことになったり。カタログ化が行われていないと「このコンポーネントありますか？」とSlackの通知が止まりません。 このような状況を避けるべく、開発の効率化やコストを削減するために私たちはできる限りルールを決めてプロジェクトが破綻しないよう努力します。 しかし効率化や開発コスト低下のために敷くルールは、かえってそのプロジェクトへの参加コストを高めます。これはフロントエンド開発で特に顕著で、知識の移り変わりの早さと相まってキャッチアップが難しい状況が生まれている、とわたしは考え

はじめに なにやら最近人気らしく、自分も早速入れて使ってみました。 これが思ったより快適で既存の便利系ツールを置き換える形になりました。 ただ、調べたところ日本語による基本的な使い方の文献があまりない状況です。 せっかく良いツールなので皆さんにも使ってもらいたいなーと思い、使い方を書くことにしました。 概要 Raycastとは： 無料のランチャーツール Raycastの良さ： UI/UXが快適 機能がコンパクトにまとまっている 各機能にショートカットが割り当てられる extensionsで機能の追加ができる 設定がImport/Exportできる Raycastとは ランチャーツールです。類似サービスはMac標準のSpotlightや有名どころだとAlfredがあります。 ショートカットキーを押下してファイル検索など様々なコマンドが実行できるツールですね。 Raycastの良さ とにかく体