CODE

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に参加したときと退出したときにメッセージを表示する処理について解説していきます。
Laravel

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

LaravelとVue.jsを利用して、リアルタイムにメッセージ送信するChatアプリを作成してみました。前編ではプロジェクトの作成から、メッセージ送信フォームの作成、スクロール追従する機能、ログイン機能、Pusherを使ったリアルタイムメッセージ送信機能について触れていきます。
JS

【Vue.js】Firebaseを使ってログイン機能を実装してみた

Vue.jsとFirebaseを使ってログイン機能の実装をやってみました。Firebaseは無料で利用できます。Vue.js側では画面のフォームを用意します。またaxiosを使ってFirebase側と通信を行います。ログインできたら、掲示板を表示して、投稿が見れるという機能を実装していきます。
JS

【Vue.js】Firebaseとaxiosを使ってサーバーにhttp通信をする方法

Vuejsを使って簡単なWebアプリ、掲示板の作成をする方法を紹介します。Firebaseを使うことでサーバーへの通信を簡単に行うことができます。Vuejsからaxiosを使うことでFirebase(サーバー)側へのアクセスを可能にします。コンソール上で確認しつつ、投稿した内容が掲示板上に表示される機能を実装します。