はじめに ソースコードをLLMに読んでもらうとき、単一ファイルだと楽なのですが、GitHubのリポジトリのように複数ファイルから構成されるプロジェクトだと困ってしまいますね。 リポジトリごとLLMに読んでもらえるようにいい感じにテキスト化できると良いですね。そんなソフトがありました。しかも2つ。 両方ともほとんどコンセプトは同じです。特に後者のgenerate-project-summaryは使い方も含めて、自分のやりたいことが、すでに開発者の清水れみおさんが以下の記事にまとめていました。 なので、あんまり書く必要ないのですが、せっかくなのでgpt-repository-loaderの使い方と、出力したファイルの別の活用方法について書いてみたいと思います。 gpt-repository-loaderでリポジトリをテキストに変換 使い方はREADMEに書いてあります。シンプルなソフトなので、

「iPadモニター化！」iPadとSwitchをつないでドック無しでニンテンドースイッチの画面を映す方法！ iPadがUVC対応となりニンテンドースイッチの画面をiPadに転送することができるようになりました。USB-CケーブルとUVCキャプチャケーブルが必要です。 テレビもない… 外部モニターもない… でも、 iPadは持ってる！ 11インチのiPad pro、8インチのiPad mini。 USB Type-Cが備わっててiPadOS 17以降のiPadならニンテンドースイッチの画面の映像を有線で表示させることができます！ iPadOS 17からサポートされたUVC（USB Video Class）により、対応したビデオキャプチャケーブルを買う必要がありますが、 ニンテンドースイッチ純正のドックがあれば、つなげてiPadをモニター化できます。 純正ドックが無くても代替ケーブルを買えばモ

Next.js App Routerにおける設計やベストプラクティスを、筆者なりにまとめました。

前回の「バルダーズ・ゲート3」特集第8回では、ゲームプレイや戦闘システム、コントローラー操作にまつわるシステム面の基本的なディテールをご紹介しました。第9回となる今回の特集は、遂に本日迎えた日本語PS5版の発売に併せて、前回の基本を踏まえた序盤のゲームプレイに役立つ幾つかのコツをまとめてご紹介します。 第6回の特集にて、本作が一番難しく感じられるのは、オープニングからレベル5に到達するまでの“序盤”だとご紹介しましたが、この難しさを生む大きな要因の一つは、低レベルのキャラクターの能力修正値や習熟ボーナスが低いことによる命中率と回避率の低さにあります。 特に、コンピュータRPGや“ダンジョンズ＆ドラゴンズ”に慣れていない方にとっては、この序盤の戦闘が鬼門だと言えるので、まずは命中率を上げる方法を考えていきましょう。 武器攻撃と呪文の命中率を上げよう！ チュートリアルに相当する宇宙船ノーチロイ

Voiceflowを使ったノンコーディングではじめるVUIアプリ開発の日本語チュートリアルシリーズです。 第1回は「はじめてのAlexaスキル開発」と題して、Voiceflowの操作を学びつつ、Alexaでかんたんなスキルを作っていきます。 第0回「アカウントの作成」 はこちら https://zenn.dev/kun432/books/e7360ee23138cfe74d64

ノーコード、ローコードでAmazon AlexaやGoogleアシスタントのスキルが作成できるVoiceflow。 このVoiceflowを使って、ChatGPT APIに連携するAlexaスキルを作成する手順をまとめました。

この記事でできるもの デモ https://react-pokemon-app-c3d8a.firebaseapp.com/ ※画像は非表示にしています ソースコード https://github.com/hato-taka/pokemon-app はじめに この記事の目的は React開発の楽しさを伝えることです！ 詳しい内部のロジックには触れていません。 楽しく学んでもらうために、PokeAPIというポケモンデータを集めたAPIを使用します。 https://pokeapi.co/ この記事を作成するにあたり下記２つの動画を参照しました。 【Reactアプリ開発】3種類のReactアプリケーションを構築して、Reactの理解をさらに深めるステップアップ講座 Build Pokemon App Using React Js |Pokemon Api |2022 記事の対象者 Reactの

AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be

はじめに 認証機能を一から作成したいと思い、Next.jsとNextAuthを使ったGithub認証機能の実装を行ったので、その手順を記事していきます。ユーザーデータ管理にPrismaを、データベースはVercelPostgresを使用しています。 ソースコード 実装したサンプルデータは下記リポジトリに格納しています。 バージョン情報 今回実装したバージョン情報のです。 next.js: v13.4.1 next-auth: v4.22.1 prisma/client: v4.14.1 vercel/postgres: v0.3.0 typescript: v5.0.4 技術詳細 Prisma PrismaはNode.jsとTypeScriptによる、オープンソースORM(Object Relational Mapping)です。SQL(select, insert, update, de

【NextAuth.js 入門】認証機能から認証情報によるページの表示制御を学ぶ（Next.js & Typescript） アプリケーションを開発するにあたって、避けて通れないのが認証機能の実装です。 本書籍では、NextAuth.js を使って Next.js で作成したアプリケーションに認証機能を実装していきます。さらに、認証情報を使って、表示するページの制御も行います。 認証情報によるページの表示制御にはいくつか方法がありますが、本書籍では NextPage 型を拡張した CustomNextPage 型を作成することによって、ページの表示制御を実現します。 一緒に NextAuth.js による認証機能を学んでいきましょう。

Panda CSSとは はじめに、今回のメインテーマとなるPanda CSSについて簡単に紹介します。 CSS-in-JS with build time generated styles, RSC compatible, multi-variant support, and best-in-class developer experience Panda CSSとは、上記公式サイト冒頭にもあるようにパフォーマンス面の課題をクリアしつつ、最高クラスの開発体験も両立したCSS in JSライブラリとなっています。 （最近ではNext.jsのReact Server Componentsが安定版になったこともあり）従来のようにランタイムCSS in JSを利用することが推奨されなくなってきている中、Chakra UIと同じ開発元によって、ゼロインタイムを実現したPanda CSSが新たにリリー

はじめに この記事はAuth.jsがどのようなものか，どのように実装すればいいかなどをドキュメントを要約しながら紹介するものです． 2024/02/19 追記 Auth.jsはv5で破壊的変更がありました．新たにAuth.jsを学ぶ場合には，特に理由がない限りv5を使うことをお勧めします． Auth.jsはドキュメント整備中です．現在のドキュメントとは内容が異なる場合があります．この記事では旧ドキュメントの内容も交えて解説しています． 今回はNext.js App Router実装編です．前回の記事はこちら 環境構築 JWTを用いたOAuth認証を行うためのNext.js環境を構築します．面倒であれば以下にテンプレートを用意しましたのでご自由にお使いください． まず，Next.jsを作成します．以下のコマンドを実行し，質問に答えながら構築します． √ What is your projec

マイクラ統合版に機能を追加する仕組みとして「アドオン」が存在しますが、実はアドオン以外にもWebSocketを利用すればマイクラ統合版の「外部」からマイクラを操作できます。この記事ではWebSocketサーバーの作り方と、実際に接続してマイクラを遠隔で操作する方法を紹介します。 マイクラ統合版はWebSocketでサーバーと通信できる みなさんはマイクラ統合版の「wsserver」または「connect」コマンドをご存じでしょうか。普通にプレイしていたらまず使わないコマンドだと断言できるぐらい利用頻度の低いコマンドだと思います。コマンドの説明は「指定したURLのwebsocketサーバーへの接続を試行する。」となっています。 connectコマンドの説明文（wsserverコマンドも同様の説明） 実はこのコマンド、マイクロソフトが教育用に提供している「Code Connection for

すべてのマインクラフターとアドオン作りの楽しみを共有したい。管理人のぽっちーです。 今回は、マイクラのアドオンを作るときに毎回必要になってくる「何もしない」アドオンの作り方を紹介します。 面白いアドオンも便利なアドオンも最初は「何もしない」アドオンから作り始めるので、まずは何もしないアドオンの作り方をマスターしちゃいましょう。

マイクラのアドオンを自分でも作ってみたいけど、そもそもアドオンって何？Script APIっていうものを使えばプログラムを書けるらしいけど、Script APIって何？という方、いらっしゃると思います。私もそうでした。 そこでこの記事ではアドオンとはなんなのかという点と、JavaScriptでスクリプトを書いてアドオンを作ることができる 「Script API」というものについて解説します。 スクリプトを使ってアドオンを書くことでJSONファイルやコマンドを駆使するよりも比較的簡単にアドオンを作成できるようになります。 マイクラのアドオンってなに？Script APIってなに？ まずは用語の確認として「アドオン」と「Script API」について簡単に整理していきます。 アドオンとは？ Minecraft（マインクラフト、以下マイクラ）のアドオンとは、マイクラ統合版に追加の機能を提供するも

概要 GPT-4 に全自動で Minecraft をプレイさせる論文 "Voyager: An Open-Ended Embodied Agent with Large Language Models" を紹介します。 Voyager は、継続的・段階的に複雑なタスクを学習し続けることができ、マップ開拓や新アイテム獲得の能力で既存手法に勝ると主張されています。 既存手法との違い LLM にツールや外部 API を与えて自律的に計画・行動させるアルゴリズムと言うと、ReAct, Reflexion, Auto-GPT などが特に有名です。 これらと Voyager の一番の差別化部分は、Iterative Prompting Mechanism および Skill Library と呼ばれるコンポーネントです。 Voyager はボットを操作するために Mineflayer という Java

Minecraft(マイクラ)統合版のサーバーといえば、公式サーバーの『Realms』、レンタルサーバーの『ConoHa VPS』や『Xserver VPS』等を使うことが一般的です。 しかし、これらは維持するために結構お金が掛かったり、機能に制限があったりして自身のニーズに合わない場面もあります。 そんなときの選択肢の1つとして、自分のPC上にマイクラサーバーを立てるという方法があります。実はMicrosoftからサーバー用のソフトウェアが提供されており、意外と簡単に自分のPC上にマイクラサーバを構築できます。 ここでは自宅のPCにマイクラサーバーを構築する方法を解説します。また、例としてNintendo Switchのマイクラから構築したサーバーへアクセスする方法について紹介します。 あわせて読みたい 【マイクラ】マルチプレイを快適にする方法【Switch版】 Switchでマイクラの

はじめに Microsoftの提供するVisual Studio Code（VSCode）は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させ、利用の領域を拡げられることも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。 対象読者 テキストエディタメインで開発してきた方 Visual Studioより軽い環境が欲しいと考えている方 Visual Sudio Codeをもっと使いこなしたい方 必要な環境 本記事の内容は、以下の環境で動作を確認していま

はじめに この記事は、Alan Alickovicさんの著書「React Application Architecture for Production」をまとめたものになります。Alanさんと言えばZennで最も人気のある記事「bulletproof-react」の作者であり、彼のprojectから学ぶことはとても多い印象です。 今回紹介する本は2023年1月に公開されたため、bulletproof-react以後のReactアプリケーションにおけるベストプラクティスの宝庫となっています。また、本で扱われているアプリケーションのProjectがGitHubで公開されていることから、Projectを眺めるだけでも勉強になる点があるかと思います。 想定読者 Reactのアーキテクチャを模索している方 テスト手法やCI/CDなどのアプリケーション設計に関心がある方 使用される技術と本の構成 言

React Server Components, Next.js App Router and examples May 6, 2023 There were recently a number of discussions in the React community around the state of Server Components, the Next.js App Router and the future of tooling and rendering approaches. Here's my attempt at a brief summary of concepts and discussions for folks that want highlights. I also wanted to share (lower down) more "complete" A