プログラミングフルスタックWebフレームワークNext.jsのインストールの手順とチュートリアルの紹介
はじめに Next.jsはReactベースのフレームワークで、静的サイト生成(SSG)はもちろん、サーバーサイドレンダリング(SSR)も簡単に実装できるように設計されており、クライアントからサーバまでこれ1つで完結するフレームワークになって...
プログラミング
プログラミングflutterFlutterでの日本語が旧字体表示になってしまう問題を解決する方法
はじめに Flutterを使用してアプリケーションを開発する際、日本語のフォント表示に関する問題が発生することがあります。特に、旧字体が表示されてしまうという問題が見受けられる場面もあります。この記事では、Flutterで日本語が旧字体にな...
flutterFlutterでMatcherクラスを拡張してオブジェクトを比較するテスト方法
はじめに Flutterではテストフレームワークを利用して、アプリケーションの機能を確認することができます。この記事では、Matcherクラスを拡張して独自のオブジェクトを比較するテスト方法を解説し、さらにdescribeMismatchメ...
flutterFlutter/DartでTypescriptのList.mapのようにindexを取得できるようにする
はじめに Flutter/Dartでアプリケーション開発を行う際、Listの各要素に対して何らかの操作を行いたいケースは数多くあります。特に、Listの各要素に対して何らかの変換を行いたいときに`map`メソッドを使用します。しかし、単に要...
flutterFlutter/Dartでのカレンダー実装: 「table_calendar」パッケージの紹介
はじめに Flutterはモバイルアプリケーション開発のための人気のあるフレームワークであり、その中には多くの有用なパッケージが含まれています。その中でも、「table_calendar」は、Flutterアプリ内でカレンダー機能を簡単に実...
Typescript[Typescript]Next.jsで音声入力機能を実装する方法
はじめに 近年、ウェブ上での音声入力はますます一般的になってきています。Google検索、音声アシスタント、対話型のウェブアプリケーションなど、ユーザーが音声入力を使って情報を入手や操作を行う場面が増えています。この記事では、Typescr...
flutter[Flutter/Dart]DriftパッケージでDatetimeに基づく日付の条件を作成する
はじめに Flutter/Dart開発者にとってSQLiteの操作は一般的なタスクであり、そのための解決策としてDriftパッケージが提供されています。本記事では、DriftパッケージでDatetime型を条件として使用する方法について、具...
TypescriptNext.js13でのページとAPIのファイル名とディレクトリの命名[APP Router]
はじめに Next.jsは非常に重要なフレームワークとなり、その最新版Next.js 13が公開されました。本記事では、特に重要なNext.jsのファイル名とディレクトリの命名規則に焦点を当て、詳しく解説します。 今回はTypescript...
chatGPTGo言語のチュートリアルをいい感じにAI（chatGPT）に書いてもらおう
はじめに Go言語は、Googleが開発した高性能な静的型付け言語であり、シンプルで理解しやすい構文を特徴としています。本記事ではGo言語の基本的なチュートリアルをご紹介します。変数の宣言、型、制御構造、関数、そしてGoが他の言語と異なる点...
GoGo言語で配列を改行区切りにする：Join関数を活用した方法まとめ
はじめに この記事では、Go言語で配列の要素を改行区切りの文字列に変換する方法を解説します。これは、配列やスライスの要素を見やすく出力したいときや、ファイルに書き出すときなどに有用です。Goの標準ライブラリstringsパッケージのJoin...