Web開発 【CSS】スマホの時だけテキストの改行をする方法
概要 ホームページを作成する時、パソコン画面だけではなく、スマホ画面のことも考えてレスポンシブ対応が必須になってきています。 パソコン画面ではテキストを改行しなくて良くても、スマホ画面では改行したいという場合があると思います。 CSSだけで...
Web開発
Web開発 
Web開発 Laravel9でCRUDを実装する方法
概要 Laravel9でCRUDを実装する方法です。 CRUDとは、「Create」「Read」「Update」「Delete」のことです。 データベースはMySQLを使用します。 今回は、以前説明をした「【PHP】MacでLaravelの...
Web開発 Laravelを日本語対応する方法
概要 前回、「LaravelのBreezeを使ってログイン認証画面を作成する」で、ログイン認証画面を作成する説明を行いました。 ただ、英語表記のままだったので、今回は日本語化する方法を説明したいと思います。 Laravel-Lang Lar...
Web開発 LaravelのBreezeを使ってログイン認証画面を作成する
概要 前回、「MacでLaravelのローカル環境を構築する方法（Virtualbox + Vagrant + homestead）」で、Laravelの仮想環境を作成したので、せっかくなのでLaravelのBreezeを使ってログイン認証...
Web開発 【PHP】MacでLaravelのローカル環境を構築する方法（Virtualbox + Vagrant + homestead）
概要 Macでローカル環境にLaravelの環境を構築する方法です。 一台のPCで環境を複数構築するのは大変なので、仮想環境（Virtualbox + Vagrant + homestead）を使用した環境の構築方法をここでは行います。 手...
Web開発 【CSS】テーブルの上下にボーダーを設定する方法
概要 サンプルのように、テーブルの上下だけにボーダーを設定する方法です。 意外と、ボーダーが重なり、太くなってしまったりして綺麗に作れなかった人は是非確認してみてください。 サンプル See the Pen Untitled by take...
Web開発 ラジオボタンを使ってCSSだけでタブ切り替えをする方法
概要 タブ切り替えを実装したい場合に、Javascriptを実装せずにラジオボタンを使用して実装をする方法です。 サンプル See the Pen ラジオボタンだけでタブ切り替えをする by take it easy (@take-it-e...
Web開発 JavaScriptでメールアドレスの入力チェックをする方法
概要 入力フォームで、メールアドレスの入力チェックをJavaScriptでする方法です。 See the Pen form-email by take it easy (@take-it-easy) on CodePen. フォーカスが外れ...