はてなブックマーク

まずはこちらをご覧ください。 これはソースコードと話している様子です。 驚くほど正確に、ソースコードの内容を把握できていることがわかります。これをコードと話すので、Talk2Codeと命名しました。 本記事では、LangChainを使って、Talk2Codeを実装する方法をご紹介します。 また、Talk2Codeをはじめとした未来の開発者体験を実現するサービス、「Supernova」のLPを本日公開しました。よろしければこちらもご覧ください。 対象読者 未来の開発者体験を知りたい方 前提知識 LangChainとは? LangChainとはLLMを用いたサービス開発のフレームワークです。 名前にも入っているChainは、LLM+定型プロンプトのようにLLMと何かを組み合わせた処理単位を指します。 より詳しくはこちらの記事がおすすめです。 Embeddingとは? Embedding(エンベ

2023年3月2日ChatGPT APIが発表されました。 このニュースを見て、 「このAPIを使って何か面白いサービスを作れるのでは…？」 と思った方も多いのではないでしょうか？ 筆者もそんなふうに思った個人開発者の一人です。 そこで試しに作ってみました。 AIがおすすめの本を選んでくれる 「AI本屋さん」 です。 (ぜひご来店ください) 本記事では、ChatGPTを使って何か作ってみたいなと考えている方に向けて、 サービス開発の流れ Tips AI 個人開発のススメ についてご紹介します。 サービス開発の流れ 「AI本屋さん」を例にサービス開発の流れを紹介します。 1. 設計 まずはざっくり設計を行いました。 流れは以下のようになります。シンプルですね。 【フロント】質問を投げる 【バックエンド】質問からプロンプトを生成し、ChatGPT APIにリクエスト 【ChatGPT API】

現代ではESLintを使って、チーム内でのコーディングルールの定義や自動修正をするのは当たり前になってきています。 しかし、ESLintのルールにないチーム独自のコーディングルールの場合はどうしていますか？ 人力でやっていると 毎回PRで個別に指摘していて、非効率 人がチェックするので、漏れてしまうことがある などの問題が起きてきます。 そんな時にESLintのルールを自分達で作ることができると一気にこれらの問題を解決することができます。 そこで本記事ではESLintルールの作り方をハンズオン形式で紹介します。 テンプレートも用意しているので、実際に手を動かしながら読んでみてください。 【実装編】の今回はルールの作成までを行います。 次の【導入編】でパッケージ化し、プロジェクトに導入するところをやっていく予定です。 ではいってみましょう！ 今回作成するルール あなたは架空の会社キャットテク

JavaScriptを書いていて保存を押しても一瞬修正されてすぐに戻ってしまう....こんな経験ありませんか？ PrettierとESLintのフォーマッターがコンフリクトしている状態です🥺 今まで自分は起きるたびに色々いじってたらなんか直ってしまい、しばらくしてまた遭遇するということを繰り返し、毎回イライラしていました。 そこで、本記事では 【概念編】でなぜコンフリクトが起きるのかを理解する 【実践編】で実際に手を動かしてコンフリクトを再現し、解決する。 の流れでコンフリクトを完全理解していきます。 これを読めば今後PrettierとLinterのコンフリクトでイライラすることはなくなるでしょう！ ではいってみましょう！ 【概念編】なぜコンフリクトが起きるのか コーディングルールにおける2つのカテゴリ PrettierやESLintの話にいく前にコーディングルールの2つのカテゴリについ

突然ですが世の中には2種類のエンジニアがいます。 開発環境をずっと立ち上げっぱなしにするエンジニアと毎回落とすエンジニアです。 自分を含む毎回落とすエンジニアにとって、開発環境を立ち上げる度に複数のターミナルを開き、それぞれでコマンドをたくさん打たないといけないのは苦痛です🥺 そこでこの記事ではVSCodeでプロジェクトを開いたときに開発環境を自動で立ち上げる方法をご紹介します！ おまけで紹介するAlfredまで設定するとコマンド一発で開発環境が立ち上がるようになり、こんな感じになります！ ではいってみましょう！ 対象読者 開発環境を毎回落とすエンジニア VSCodeを使っている 開発環境を立ち上げるためのコマンドがたくさんあって毎回打つのがめんどくさい 環境 VSCode: 1.66.0 macOS Monterey Hello Custom Task! VSCodeでプロジェクトを開

type SnakeToCamelCase<T extends string> = T extends `${infer R}_${infer U}` ? `${R}${Capitalize<SnakeToCamelCase<U>>}` : T type SnakeToCamel<T extends object> = { [K in keyof T as `${SnakeToCamelCase<string & K>}`]: T[K] extends object ? SnakeToCamel<T[K]> : T[K] } type SnakeUser = { user_name: string, is_married: boolean, } type CamelUser = SnakeToCamel<SnakeUser> // type CamelUser = { // userNam

この記事では個人開発者として起業し、1年間サービス開発、運営をしてみたかずうぉんばっとが実際に経験した落とし穴を9つ、こうすれば穴を回避できたんじゃないかなというアイデアと共にご紹介します。 これから個人開発者、エンジニアからの起業を考えている方の参考になれば幸いです。 日程調整のニッテについて 先に簡単に自分が開発しているサービスについて、ご紹介させてください。 日程調整のニッテという使いやす〜い日程調整ツールです。ぜひ一度お試しください！ 新規事業開発には落とし穴がいっぱい では本題です。まずは以下の図ををご覧ください。 新規事業開発の流れはざっくり3つのフェーズ+メンタルケアに分かれます。 課題発見: 解くべき課題を見つける 課題解決: 課題を解決するようなサービスを作る 集客: ユーザーを集めて収益化する メンタルケア: 全てのフェーズで精神状態を保つためのケア 一見シンプルな流れ

viteとは一言で言うとめちゃくちゃ早いビルドツールです。 ビルドを超高速化することで開発時の生産性を大幅に向上させてくれます。 vite自体についての詳しい説明は本家を見ていただくとして、この記事ではvue-cliで開発しているプロジェクトをviteに移行する方法についてご紹介します。 実際どのくらい早くなるのかが気になるかと思うので、自分のプロジェクトで体感どのくらい早くなったかをご紹介します。 ちょっとわかりにくいですが、3秒くらい待ってたのが0.5秒くらいになっています。 導入前 導入後 スムーズにいけば1時間程度で導入でき、開発者全員が1日数百回ビルドすることを考えるとやって損はないと思います。(何よりビルドが早いと開発が楽しくなりますしね😆) では行ってみましょう！ バージョン情報 Vue 3.2.20(※Vue2でも基本的に同じ方法で移行できますが検証は行っていません🙏)