-
APIってなに？図と例でスッキリ理解！｜初心者でもわかるWebサービスのつながり方
「APIってよく聞くけど、ぶっちゃけ何のこと？」 「使えたら便利そうだけど、なんか難しそう…」 そんなふうに思ったこと、ありませんか？ かくいう私も、最初は「なんかプログラミングっぽい単語」くらいの認識でした。 でも、実はAPIって、スマホアプリや... -
fetch APIとは？｜JavaScriptでデータ取得する基本のキ
JavaScriptで「外部のデータを取得する」って聞くと、ちょっと難しそうに感じませんか？ でも、実は fetch() 関数を使えば、とてもシンプルに実現できます。 この記事では、JavaScript初心者でもすぐに使えるように、fetch API の基本を丁寧に解説していき... -
AIで広がる！Chrome拡張の作り方入門｜初心者でもできる小さなツール開発
「ブラウザに“自分専用の便利機能”がついたら最高じゃない？」 そんな夢を叶えてくれるのが、Chrome拡張機能。そして今、ChatGPTなどのAIを使えば、プログラミングが苦手でも自作できちゃう時代です。 この記事では、AIの力を借りながらChrome拡張を作る方... -
npm installってなに？初心者でもわかるNode.jsパッケージ導入ガイド
「npm installって、なんかよく見るけど何してるの？」 JavaScriptを学びはじめたばかりの頃、私もそう思ってました。 この記事では、初心者の方でもスッと理解できるように、npmとは何か、npm installが何をしているのかを、例やイメージも交えながらやさ... -
async/awaitでfetchをもっと読みやすく書こう｜非同期処理の基本をやさしく解説
JavaScriptで非同期処理を扱うとき、.then() チェーンで書くと、どうしてもネストが深くなって読みにくくなる… そんなときに便利なのが async/await です。 この記事では、fetch APIと組み合わせて「どんなふうに使うのか？」「書き方は？」を中心に、わか... -
JavaScriptで使えるジェネレーティブAI活用5選｜業務効率アップ＆お手軽導入例
「AIってすごそうだけど、自分が使う場面ってあるのかな？」 そんな疑問を持っている方へ。 実は、JavaScriptと組み合わせることで、AIはぐっと身近になります。 この記事では、実務や日常の中で使えるジェネレーティブAIの活用例5つをコード付きで紹介し... -
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で公開する方法を、できるだけわかり...
