CODE

Laravel

Laravel validation バリデーションの作成から使い方まで紹介

Laravel validation(バリデーション)の作成方法から基本的な使い方を紹介致します。テキストフィールドにおいて、任意の値を受け付けていたとすると脆弱性を生んでしまうため、入力フォームには適切にバリデーションする必要があります。バリデーションの作成とメッセージの表示についても解説します。
Shopify

ShopifyとGithubを連携させる方法

ShopifyとGithubを連携させる方法について紹介致します。Shopifyテーマを本格的に開発していきたい、Githubでテーマを管理する際に、Shopifyと連携する方法について知りたいという人に本記事はおすすめです。Shopify partnerにてdevelopment storeを利用しています。
Shopify

Shopify CLIを使ってローカル環境でテーマを扱えるようにする方法

Shopify CLIを使ってローカル環境でテーマを扱えるようにする方法について紹介致します。Shopify Online Store 2.0のテーマをローカルで扱えるようにしたい、Shopifyテーマを本格的に開発していきたい人におすすめの記事です。つまずきそうなポイントについても解説しています。
Laravel

Laravel ルーティング URLアクセスしたときのブラウザ表示までの流れ

Laravelを用いたルーティング(routing)でブラウザ表示までの流れを解説致します。laravelのアプリケーションでは、urlアクセス時にエントリポイント(index.php)にアクセスが集まります。MVCモデルを用いてブラウザ表示までの図解から、ルートファイルについて簡単に解説しています。
JS

カルーセル表示を簡単にswiper.jsを利用して実装する方法

カルーセル表示(スライド表示)をswiper.jsを利用して実装する方法を紹介致します。Swiper.jsはカルーセル(スライダー)を作成する人気のあるJavascriptライブラリです。CDNとnpmインストールを利用する方法それぞれ紹介致します。また使えそうなオプションについても紹介致します。
JS

modal window(モーダルウィンドウ)を簡単にmicromodalを利用して作成する方法

micromodal.jsを利用して簡単にmodal window(モーダルウィンドウ)を表示する方法を紹介致します。CDNで実装する方法とnpmコマンドでインストールして実装する方法のどちらも紹介致します。また使えそうなオプションについても紹介しています。
Tools/Services

Visual Studio Code(VS Code)の使い方とおすすめ拡張機能について解説

Visual Studio Code(VS Code)の基本的な使い方から入れておきたいおすすめの拡張機能について解説していきます。VS Codeの英語表示を日本語表示に変えてくれる拡張機能のインストールから、フォントサイズの変更、配色テーマの設定、フォルダの開き方についても解説していきます。
Tools/Services

【初心者向け】GitHubの基本的な使い方からPRの作り方について解説

GitHubの基本的な使い方について紹介致します。GitHubを使うことでソースコードのバージョン管理を簡単に行うことができます。またPR(Pull Request)の作り方からmerge(マージ)する方法や、よく使うGitコマンドについても紹介いたします。
Laravel

[後編]LaravelとVue.jsを使ってリアルタイムChatアプリを作ってみた。

LaravelとVue.jsを利用して、リアルタイムにメッセージ送信するChatアプリを作成してみました。後編ではtyping中のときの処理についてや、ユーザーがChatに参加したときと退出したときにメッセージを表示する処理について解説していきます。