What's Newアーカイブ

「ExpoのWeb向けビルド機能「React Native for Web」を活用して、UIをブラウザで確認しよう」（CodeZine）を公開しました

今回は、ExpoのWeb向けビルド機能を活用し、「Write once, run anywhere」の理想に近づく方法を解説します。

「Reactデザインパターン「Compound Components」実践ガイド。TypeScriptの型設計でPropsを意のままに操る」（レバテックLAB）を公開しました

今回は、複雑なUIを柔軟に構築するCompound Componentsパターンと、TypeScriptによる型安全なProps設計について解説します。

「【ComponentOne Data Services活用術】バッチ処理とEF Core連携でパフォーマンス向上」（CodeZine）を公開しました

今回は、CSVデータをComponentOne Data Servicesを使って操作するアプリを一括処理に対応させて、Data Servicesが大量のデータの処理にも対応できることを紹介します。

「「State of CSS 2025」でCSS機能の進化を知る。認知度、評価、ブラウザ互換性を比較」（レバテックLAB）を公開しました

今回は、CSSエコシステムのサーベイであるState of CSSの2025年版を、特に機能面に絞って紹介します。

「オブジェクト指向の肝、ポリモーフィズムとインタフェースをAIに聞きながら学ぼう」（＠IT）を公開しました

今回は、前回に引き続きオブジェクト指向の要であるポリモーフィズムとインタフェースについてAIに聞きながら学習します。

「TensorFlow.jsで手書き数字認識モデルを構築する」（マイナビニュース）を公開しました

今回は、MNISTデータベースを利用した手書き数字の認識の準備として、Pythonによるモデルデータの保存について紹介します。

「「Azure Artifacts」でパッケージ管理を効率化しよう」（CodeZine）を公開しました

今回は、開発で作成された成果物やライブラリを管理する「Azure Artifacts」について学習していきます。

「ローコードの醍醐味、カスタマイズ開発のメリットとリスクを考える――kintone API、スペースの基本」（＠IT）を公開しました

今回は個々のアプリを部署やチームに向けてまとめる「スペース」を紹介するとともに、kintone APIを活用したカスタマイズ開発についても解説していきます

「.NET MAUI Blazorを使って、AI画像生成アプリのプロジェクトを作成する」（CodeZine）を公開しました

今回は、「.NET MAUI Blazor HybridアプリとWebアプリ」テンプレートを使って、プロジェクトの作成と基本的なUIコンポーネントの実装を行います。

「LaravelのInertia＋Vueの組み合わせでフロントエンド的な画面を作成する【応用編】」（CodeZine）を公開しました

前回は、InertiaとVueの組合せを使って、Inertiaの使い方の基本を紹介しました。最終回である今回は、Inertiaにおける画面遷移の方法とフォームの扱い方を紹介します。

「PDFファイルをRAG用ベクトルストアにETL処理する方法をSpring AIで理解する」（＠IT）を公開しました

今回は、RAGとして使うためのデータソースとしてリレーショナルデータベースを使い、さらに外部データを登録するまでの流れについて解説します。

「【Java 25リリース】シンプルになったコーディングや、堅牢になった並列処理を紹介」（CodeZine）を公開しました

JavaのLTSバージョンは2年ごとにリリースされ、Java 21から約2年を経て、ついにJava 25の登場です。そこで、どのような機能が追加され、変更されたかについて紹介します。

「GitHub CopilotのAgentモードとローカルLLMを試してみよう」（CodeZine）を公開しました

今回は、前回の続きとしてVisionによるコンテキスト画像の利用、Agentモードによる開発プロセスの自動化、そしてローカルLLMの導入などを紹介します。

「RAGを活用したチャットボットの知識拡張、回答の正確性と充実度を高める方法をDifyで学ぶ」（＠IT）を公開しました

今回は、製品情報のドキュメントをナレッジベースに登録し、RAG（検索拡張生成）を活用してチャットbotに回答させる方法を解説します。

『改訂新版 これからはじめるReact実践入門』（SBクリエイティブ ）刊行のお知らせ

たくさんのサンプルを動かしながら、Reactの機能を基礎からしっかり、さらにモダンJavaScript、TypeScript、Next.jsによる本格的なアプリ開発まで、この1冊で総合的に学べます。
丁寧でわかりやすく、開発に必要な応用力が身につけられます。
最新 React 19以降／Next.js 15以降に対応

「Javaのオブジェクト指向の要、カプセル化と継承をGitHub CopilotのAgentモードも使って理解する」（＠IT）を公開しました

今回は、オブジェクト指向の要といえるカプセル化と継承を学習します。クラス構造の隠蔽と公開、クラスを再利用する方法について理解しましょう。

「App Router時代における「大規模React開発」のフォルダ設計術。Colocationによる関心の分離」（レバテックLAB）を公開しました

今回は、React開発における機能別分類の理論を、Next.js App Routerとの連携やプロジェクト特性に応じた実装パターンを交えて解説します。

「生成AIで重要な言語のベクトル化とは――Spring AIでベクトルデータベースに対する類似度検索を実装する」（＠IT）を公開しました

生成AIで重要な言語のベクトル化とは――Spring AIでベクトルデータベースに対する類似度検索を実装する

「.NET 9のテンプレート「.NET MAUI Blazor」を学ぼう。マルチターゲットアプリ開発の新しいアプローチ」（CodeZine）を公開しました

今回は、これまでの開発手法との比較、新しいテンプレートの概要、そしてプロジェクト構成について紹介します。

「Kotlin最新アップデートまとめ ──委譲プロパティやインラインクラスに関するアップデート」（CodeZine）を公開しました

前回は、sealedやdata、および、プロパティに関する変更点を紹介しました。今回は、委譲プロパティとインラインクラスに関する変更点を紹介します。

「Expo Routerを使って、手続き的ナビゲーションと認証フローを構築しよう」（CodeZine）を公開しました

今回は、手続き的なナビゲーションや認証フローの構築などのアプリ内の実装に加えて、アプリ外でのURLアクセスに反応してアプリを起動するディープリンクの仕組みについても解説します。

「ローコードのメリット「スモールスタート」はkintoneのテンプレート、ワークフロー、アクション、プラグインでどう加速するのか」（＠IT）を公開しました

今回は、問い合わせ管理のテンプレートを活用して、プロセス管理（ワークフロー）、アクション機能、kintoneプラグインについて解説します。

「GitHub CopilotでAIコーディングをはじめよう」（CodeZine）を公開しました

今回は、GitHub Copilotの概要と導入について紹介し、基本機能であるチャットを中心に新機能であるNext Edit Suggestionも絡めて、AIのサポートでコーディングがどのように便利に変わるか紹介します。

「inputを拡張する！datalistを試そう」（マイナビニュース）を公開しました

今回は、input要素で入力方法を拡張できるdatalistを試します。単純に項目を選べるほか、特定の日付や色などを選べる例を紹介します。

「Reactフォルダ構造の最適解。コンポーネントの数に合わせて選ぶ基本方針」（レバテックLAB）を公開しました

今回は「フォルダ設計」に焦点を当てます。フォルダ設計の基礎理論として、なぜ機能別分類が重要なのかを解説します。

「生成AI活用の落とし穴「精度」を上げる方法、プロンプト設計の失敗例とその対処法をDifyで学ぶ」（＠IT）を公開しました

今回は、Difyを使ったチャットbotの品質向上手法として、複数モデルによるテスト、検証、プロンプト設計の基本原則と改善、ユーザーフィードバックやアノテーションリプライを活用した継続的な改善プロセスについて具体例とともに解説します。

「TensorFlow.jsと転移学習で画像認識をカスタム化する」（マイナビニュース）を公開しました

今回は、カメラ画像をリアルタイムで認識するサンプルと、転移学習により画像認識をカスタム化するサンプルを紹介します。

「AIコーディングで理解する、Javaのクラスとオブジェクト指向、インスタンス化、メソッド、コンストラクタ」（＠IT）を公開しました

今回から、Javaの特徴であるオブジェクト指向的な考え方と、クラスを学習します。まずは基本となるフィールドとメソッド、インスタンス化、コンストラクタを理解しましょう。

「グラフを描画して、三角関数のサイン・コサインの理解を深めよう」（CodeZine）を公開しました

今回は、三角関数に関連する図を描いてみます。基本的な三角関数の復習とともに、動的グラフの更新までを紹介します。

「LaravelのInertia＋Vueの組み合わせでフロントエンド的な画面を作成する【基本編】」（CodeZine）を公開しました

今回と次回は、InertiaとVueの組み合せを紹介します。今回は、プロジェクトの作成方法とコーディングの基本を紹介します。

「生成AIの回答をプログラムで扱う意義――「構造化出力」の使いどころ、Spring AIで実装する方法」（＠IT）を公開しました

前回は、Spring AIでのプロンプトの扱い方や、Spring AI全体のクラス構造について簡単に説明しました。今回は、AIからのレスポンスをプログラムで扱いやすい形式に変換する方法を解説します。

「TensorFlow.jsとMobileNetで静止画像を認識する」（マイナビニュース）を公開しました

今回は、静止画像を認識するサンプルを通じて、MobileNetの基本的な使い方を理解します。

「Azure DevOpsのCI/CDツール「Azure Pipelines」を使いこなそう」（CodeZine）を公開しました

前回はソースコード管理サービスであるAzure Reposについて紹介しました。今回は、CI/CDサービスであるAzure Pipelinesについて説明していきます。

「こんなに簡単　DifyでカスタマーサポートAIチャットbotをWebサイトに組み込む方法」（＠IT）を公開しました

今回は、Difyで作成したカスタマーサポート用チャットbotをWebサイトへ簡単に組み込む方法を解説します。

「Javaのfor、while、break、continueとは――繰り返し処理の違いと使い分け、構文をAIに聞いて学ぶ方法」（＠IT）を公開しました

今回は、プログラムの実行の流れをコントロールする制御構文について、繰り返し処理とジャンプ構文を学習します。

「Atomic Designの分類を見直す。3階層から始める、UI変更に強いコンポーネント設計」（レバテックLAB）を公開しました

今回は、Atomic Designについて振り返り、現代のフロントエンド開発により適した実践的アプローチを提案します。

『Astro フロントエンド開発の教科書』（技術評論社）刊行のお知らせ

近年モバイルファーストやSEOの観点から再び注目されている「静的サイトジェネレータ」（SSG）による静的サイトの制作に適したフレームワーク「Astro」の解説書です。
Astroはビルド時にJavaScriptを最大限除去することで、シンプルで高速な静的Webサイトの生成を可能にしています。また、ReactやVueなどのフレームワークと連携することで、静的Webサイトのビルドツールとしても利用できます。

「AIチャットプログラムで、Spring AI開発の基本的な流れをつかもう」（＠IT）を公開しました

今回は、Spring AIの主な特徴であるAIチャットを行う上での基本的な流れと、その理解に必要となる基本的な概念を解説します。

「デグレと手戻りを減らす。今こそコンポーネントの話をしよう」（レバテックLAB）を公開しました

本稿では、UI開発の複雑化に対するアプローチとしてのコンポーネント設計と、その利点について解説します。

「ダイアログを試そう」（マイナビニュース）を公開しました

今回は、dialog要素によるダイアログのシンプルな実現方法の他、JavaScriptとの連携、スタイルの指定など見た目を調整する例を紹介していきます。

「業務アプリ開発に欠かせないアクセス権限の制御、通知機能の設定はローコード開発でどう簡単になるのか？」（＠IT）を公開しました

前回は、フォームや一覧ビューの設定など基礎部分を解説しました。今回は、アクセス権限制御、通知機能の設定などについて解説します。

「Rust 2024におけるマクロ機能の変更点を理解する」（CodeZine）を公開しました

今回は、フラグメント識別子の改善を中心に、マクロ機能の全体像を紹介します。あわせて、ドキュメンテーションテストの効率化や取り込みパス指定方法の変更点も解説します。

「Kotlin最新アップデートまとめ ──sealedやdata、プロパティに関するアップデート」（CodeZine）を公開しました

今回は、クラスとインターフェースに関するアップデートというテーマで、sealed、data、プロパティに関する変更点を紹介します。

「Expo Routerのレイアウトの仕組みを理解し、より実践的なナビゲーションを構築しよう」（CodeZine）を公開しました

今回は、Expo Routerを活用し、より実践的なモバイルアプリのナビゲーションを構築する方法を解説します。

「ノーコードで実現！　DifyでカスタマーサポートAIチャットbotを作成する」（＠IT）を公開しました

今回は、Difyの概要や基本機能、料金体系を整理しながら、カスタマーサポート用チャットbotを作成する手順を分かりやすく解説します。

「Azure DevOpsのソースコード管理ツール「Azure Repos」を使いこなそう」（CodeZine）を公開しました

前回はAzure Boardsの具体的な使用方法について紹介しました。今回はソースコード管理サービスであるAzure Reposについて説明していきます。

「Excel VBAをWeb化！ SpreadJSでスプレッドシート資産を活かすモダナイズ入門」（CodeZine）を公開しました

本記事では、SpreadJSを使用して既存のExcel資産をWebアプリに移行する方法を解説します。

「AIにJavaのif、else、switchについて聞いてみた――条件分岐はフローチャートの方が理解しやすい」（＠IT）を公開しました

今回は、プログラムの実行の流れをコントロールする制御構文について、まずは条件分岐を学習します。

「Webシステムを「つなぐ技術」で、より成長できるシステムを作る～API化から生成AIとの連携まで～」（CodeZine）を公開しました

前回、「つなぐ技術」を活用することで、現場で直面する課題に対応しやすくなるはずだと提案しました。これを受けて、今回はシステムとシステムをつなぐ具体的な方法を紹介します。

「プログラミングの本質は抽象化、その強力な手段「オブジェクト指向」を知る」（日経クロステック）を公開しました

書籍「基礎からしっかり学ぶC#の教科書 第4版 C# 13対応」からの転載記事です。
オブジェクトとクラス、継承という概念を用いてプログラミングすることを、オブジェクト指向プログラミングといいます。オブジェクト指向について、例を挙げながら解説します。