2025年6月– date –
-
JavaScriptで始めるジェネレーティブAI|5つの活用例とコードで学ぶ導入編
「AIって最近よく聞くけど、自分に関係あるのかな…」 そう感じている方こそ、実はJavaScriptと組み合わせれば、身近な業務や趣味の自動化に活かせます。 この記事では、Webブラウザだけで動くAIアプリの基本を、5つの具体例と一緒に紹介します。 コードを... -
REST APIってなに?|URLでデータをやり取りできる仕組みをゆるっと解説
「REST APIってよく聞くけど、結局なに?」 「URLだけで操作できるってどういうこと?」 そんな疑問を持ったまま、なんとな〜く聞き流してきた人も多いはず。 この記事では、REST APIとは何か? を、図や例を交えながら、できるだけフランクにやさしく解説... -
HTTP通信ってなに?|ブラウザとサーバーの会話をゆるっと理解する入門編
「GET?POST?なんか聞いたことあるけど、よくわからん…」 「Webサイトって、裏でどうやってやりとりしてるの?」 Web開発を学び始めると、よく出てくるのが“HTTP通信”。 名前は知ってるけど、ちゃんと説明しようとするとモゴモゴ…ってなりがち。 この記事... -
Bun × GitHub Pagesで静的サイトを無料公開しよう!初心者向けステップバイステップ
せっかく作ったWebアプリやサンプルプロジェクト、「動かして満足」で終わっていませんか? GitHub Pagesを使えば、誰でもカンタンに自分のWebサイトを公開できます。 今回は、Bunでビルドした静的サイトをGitHub Pagesで公開する方法を、できるだけわかり... -
Bun × GitHub ActionsでCI/CDを実践しよう|初心者でもできる自動化の基本
actions-bun -
BunでREST APIを作ってみよう|最小構成で理解するAPIサーバーの仕組み
「APIを作ってみたいけど、なんだか難しそう…」 そんなふうに感じている方でも大丈夫。Bunを使えば、最小構成で簡単にAPIサーバーを立ち上げることができます。 この記事では、Bunのserve機能を使って、実際にJSONレスポンスを返すAPIをゼロから作ってみま... -
AIと一緒に作る!Web拡張(ブラウザ拡張)入門|業務効率アップ&学習に最適な実践例
「作業をもっと効率化したい」「自分だけの便利ツールを作ってみたい」 そんなエンジニアの願いを叶えてくれるのが、**Web拡張(ブラウザ拡張)**です。 しかも今は、AI(例:ChatGPT、GitHub Copilot)を活用することで、初心者でもコードの壁を超えて開... -
BunでAPI通信する方法|axiosとfetchでJSONを扱う基本ステップ
Bunを使ってReactアプリやWebツールを作る中で、必ず必要になるのが「API通信」。 この記事では、Bun環境でのAPI通信の基本として、fetchとaxiosを使ったシンプルなサンプルを紹介します。 初心者の方でも実際に手を動かしながら試せるように、できるだけ... -
Vibe Codingのリアルレビュー|AIと会話する時代のコーディング体験とは?
「コードって“書くもの”じゃなく“話すもの”になる?」 そんな未来が、もう始まっています。 話題のVibe Coding(バイブコーディング)は、自然言語でAIに指示を出してコードを生成する新しい開発スタイル。 この記事では、実際に使ってみた体験を元に、Vib... -
BunでReactアプリを爆速構築!最速でモダン開発を始めよう
最近話題のJavaScriptランタイム「Bun」。そのスピード感やシンプルな構成で注目されていますが、実はReactアプリの構築にもとても相性がいいんです。 この記事では、Bunを使ってReactの開発環境を最速で立ち上げる方法を、初心者にもわかりやすくステップ...