プログラミング– category –
-
Next.js
Next.jsとNuxt.jsを徹底比較!どっちを選ぶべき?それぞれのメリット・デメリットを解説
ウェブサイトやウェブアプリケーションの見た目や操作感を決めるフロントエンド開発に欠かせないのが、フロントエンドフレームワークです。 フレームワークは開発を助けるためのツールで、いわば「設計図」のようなものです。 この「設計図」に従ってコー... -
Next.js
Next.jsとReactの違いとは?どちらを使うべき?メリットとデメリットから比較・検討
【Reactとは?】 ReactはFacebook社が開発したJavaScriptのライブラリで、VueやAngularと一緒によく比較されます。 ただし、厳密にはReactはフレームワークではなく、UI(ユーザーインターフェース)を構築するためのライブラリです。 Facebook、Instagram... -
Next.js
作って学ぶ Next.js 13!マークダウンブログを作ってみよう | App Router対応
Next.jsの最新バージョン、すなわちバージョン13に、新たな機能が導入されました。その名も「appディレクトリ」です。これにより、ウェブ開発者の私たちは以前とは全く異なる方法でさまざまなタスクを実行できるようになります。 「appディレクトリ」とは... -
Next.js
App Routerとは?ハンズオンで学ぶ Next.js 13.4のapp directory・ディレクトリ構成
フロントエンド界隈の最新情報を追いかけていると、Next.js 13 で導入された app ディレクトリについての記事をよく見かけるようになりました。 app ディレクトリとは、Next.js 13 から導入された App Router と呼ばれる新しいル... -
プログラミング
初心者必見!ChatGPTをプログラミング学習に活用する使い方・質問のコツ
プログラミングの学習当初はうまくいかないことが多いため、最初は非常に挫折しやすいものです。 例えば CSS、JavaScript などのような新たなプログラミング言語を学ぶ際には 「学習が難しい」「うまくいかない」と感じることも少なくないでしょう。 今回... -
プログラミング
【2024年】Web制作に役立つVSCodeのおすすめ拡張機能23選!
Web開発の現場で大切なツールの一つであるVisual Studio Code(VSCode)。その魅力は強力なコードエディタ機能だけではありません。 豊富な拡張機能を活用すれば、コードの品質向上、効率化、可読性の向上といった様々な恩恵を受けられます。 この記事では、... -
プログラミング
【保存版】VSCodeでPrettierを設定して自動整形する方法
VSCodeでソースコードを書いている際、綺麗に見た目を整えるのは面倒ですよね。そんな時には、Prettier を用いた自動整形(コードを綺麗に整えること)をやってみましょう。 この記事では、Prettier の基本概念からその設定方法、さらにうまくいかないとき... -
プログラミング
無料でHTML/CSSの練習ができるおすすめサイト3選!
Web開発の基礎となるHTML/CSSの学習は、これからプログラミングを始める初心者にとって非常に重要です。 しかし、プログラミングの世界に足を踏み入れるにあたり、何を学び、どこから始め、どのように進めていくべきかを理解するだけでも大変です。 そして... -
Next.js
【Next.js】コード品質を高める環境構築手順 (TyprScript, Prettier, EsLint, Husky, GitHub Actions)
この記事では、コード品質を高めるためのツールを導入したNext.jsプロジェクトのセットアップ方法を紹介します。 コードの自動整形や品質チェック、また自動化されたテストによる CI 環境などを設定することでコード品質を維持しながら、開発プロセスを効... -
Next.js
【AIアプリ】Next.js (React) とChatGPT APIを使用したチャットボットの作り方
皆さん、ChatGPT 使っていますか? 人気が出てから間も無く、API も公開されて企業や個人でも開発に使用する方が非常に増えていますよね。今回は Next.js と ChatGPT を組み合わせたチャットボットの作り方を丁寧に解説します。 最終的に以下のようなチャ...