エックスサーバー XserverとMicrosoft365を併用したときにメールが届かない原因と解決方法
— DNSではなく「ローカル配送」が原因だった話 —はじめにXserverでWebサイトを運用し、メールはMicrosoft365（Outlook）で管理する構成はよくあります。しかしこの構成で、次のような問題が発生することがあります。Mi...
エックスサーバー 
Laravel Laravelの認証（ログイン・ユーザー登録・認証の基本） – 11/12
前回は LaravelのAPI開発 を解説しました。これでデータ取得（API）フロントエンド連携ができるようになりました。次に必要になるのがユーザー認証（ログイン機能）です。多くのWebアプリではログインユーザー登録ログアウトなどの機能が必...
JavaScript Reactイベント vs Vueイベント – 7/8
イベント処理も両者で書き方が異なります。React<button onClick={handleClick}>Vue<button @click="handleClick">VueはHTMLに近い書き方になっています。
Laravel LaravelのAPI開発（JSONレスポンスとフロントエンド連携の基本） – 10/12
前回は FormとValidation を解説しました。これでフォーム入力バリデーションデータ保存ができるようになりました。今回はフロントエンドと連携するAPIを作る方法を解説します。現在のWeb開発ではLaravel（バックエンド）Rea...
JavaScript React map vs Vue v-for – 6/8
リスト表示はUI開発で頻繁に使われます。Reactitems.map(item => <li>{item}</li>)Vue<li v-for="item in items">{{item}}</li>まとめReactはJavaScript...
Laravel LaravelのFormとValidation（フォーム送信と入力チェックの基本） – 9/12
前回は Migration（テーブル作成） を解説しました。これでデータベースモデル（Eloquent）の準備が整いました。次に必要になるのがユーザー入力の受け取りです。Webアプリではログイン会員登録投稿フォームなど、ユーザーからの入力が...
JavaScript React JSX vs Vue Template – 5/8
ReactはJSXという構文を使います。return <h1>Hello</h1>VueはHTMLテンプレートを使います。<template><h1>Hello</h1></template>違いReactはJavaScript中心Vueは...
Laravel LaravelのMigration（データベース設計とテーブル作成の基本） – 8/12
前回は Eloquent ORM を使ったデータ操作を解説しました。データ取得（all / find / where）データ保存（save / create）しかし、そもそもデータベースのテーブルはどう作るのか？という問題があります。Lar...
JavaScript React state vs Vue ref – 4/8
状態管理はUIフレームワークの重要な部分です。Reactconst [count,setCount] = useState(0)stateを変更すると再レンダリングされます。Vueconst count = ref(0)refを更新するとU...
Git Gitベストプラクティス（実務で役立つGitの使い方） – 12/12
これまでのGitシリーズでは次の内容を解説してきました。GitとはGitとGitHubの違い基本コマンドブランチmergeコンフリクトGitHub Flowこれらを理解すれば Gitの基本操作 はほぼ身についています。しかし実際の開発ではど...
DNS SPFのDNSルックアップ制限とは？10回制限の仕組みと回避方法
メールの到達率やスパム判定に大きく影響する「SPF（Sender Policy Framework）」ですが、設定を進める中で必ず直面するのがDNSルックアップ回数の制限（10回制限）です。本記事では、SPFのDNSルックアップ制限の仕組み...
Laravel LaravelのEloquent ORM（データベース操作の基本） – 7/12
前回は Bladeテンプレート を解説しました。これで画面表示（View）処理（Controller）ができるようになりました。次に必要になるのがデータの保存・取得です。Laravelではこれを Eloquent ORM（イロクアントORM...
JavaScript React vs Vue コンポーネント設計の違い – 3/8
ReactとVueのどちらも、UIをコンポーネント単位で設計します。ReactReactでは関数コンポーネントが基本です。function Header(){ return <h1>Hello</h1>}VueVueではSingle Fil...
Git GitHub Flowとは？チーム開発の基本ワークフロー – 11/12
前回の記事では Gitコンフリクト（merge conflict） を解説しました。Gitを使った開発ではブランチmergeコンフリクトなどが日常的に発生します。しかし実際のチーム開発ではどの順番で開発するのかという開発ルールが必要になりま...
Laravel LaravelのBladeテンプレート（ビューの作り方とレイアウト） – 6/12
前回は LaravelのController を解説しました。Controllerでは処理を行うデータを用意するところまでを担当しました。次に必要になるのが画面表示です。Laravelでは画面表示にBlade（ブレード）テンプレートを使いま...
JavaScript ReactとVueどちらを学ぶべき？ – 2/8
フロントエンド開発を始める人が最初に悩むのが「ReactとVueどちらを学ぶべきか」です。Reactがおすすめの人将来フロントエンドエンジニアになりたい大規模開発に興味がある求人数を重視するReactは世界中で利用されているため、求人市場で...
WordPress WordPress 管理画面で固定ページの「階層スラッグ」を表示する方法
WordPress の固定ページは階層構造（親子関係）を持てますが、管理画面の一覧では「完全なスラッグ（URL構造）」が確認できないのが地味に不便です。例えば以下のような構造の場合：/about/company/profile管理画面では「...
Git Gitコンフリクトとは？merge conflictの原因と解決方法 – 10/12
前回の記事では git merge を解説しました。git merge はブランチを統合する操作でした。しかしブランチを統合する際、次のような問題が発生することがあります。merge conflictつまり コンフリクト（競合）です。コンフ...
Laravel LaravelのController（コントローラの役割と基本の使い方） – 5/12
前回は Laravelのルーティング（routes/web.php） を解説しました。ルーティングではURL処理を結びつけました。しかし実務では、ルーティング内に処理を直接書くことはほとんどありません。そこで登場するのがController...
JavaScript ReactとVueの違いとは？初心者向けにわかりやすく解説 – 1/8
ReactとVueは、どちらもユーザーインターフェース（UI）を構築するためのJavaScript技術です。現在のフロントエンド開発では、この2つの技術が非常に高い人気を持っています。この記事では、ReactとVueの違いを初心者向けに整理...