1. ホーム /
  2. アプリケーション

アプリケーション

216 件の記事

React+react-redux+react-router+ES6+webpackで作るSPAボイラープレート
アプリケーション 2017-10-01

React+react-redux+react-router+ES6+webpackで作るSPAボイラープレート

React・Redux・React-router・webpack・Babelで構成する、モダンなSPAボイラープレートのアーキテクチャを紹介します。

#boilerplate#ES6#React#react-router#Redux#webpack
Reactでフォローボタンをつくってみる
アプリケーション 2017-10-01

Reactでフォローボタンをつくってみる

Reactで、SNSのようなトグル状態とホバー挙動を持つフォローボタンコンポーネントをつくる方法を解説します。

#React
React＋marked＋highlight
アプリケーション 2017-10-01

React＋marked＋highlight

Reactのマークダウンエディタにmarkedとhighlight.jsを組み合わせ、シンタックスハイライト付きのコードブロックを描画する方法を解説します。

#ES6#React#highlightjs#markdown#marked
Reactで複数のinputを扱うフォームを実装する
アプリケーション 2017-10-01

Reactで複数のinputを扱うフォームを実装する

実装するReactマルチ入力フォーム。ネストされたstateオブジェクト、controlled component、複数入力要素の状態管理パターン。

#React
React+Reduxのディレクトリ構成検討
アプリケーション 2017-10-01

React+Reduxのディレクトリ構成検討

React+Reduxをアプリに組み込む際のディレクトリ構成の検討内容を紹介します。

#ES6#React#Redux
ReactとReduxでSPAを構築するために参考にした記事
アプリケーション 2017-10-01

ReactとReduxでSPAを構築するために参考にした記事

参考にするReact・Redux資源。SPA構築で役立つリポジトリ、記事、ReducerやAction、middleware、Redux Formの実装例集。

#React#Redux#SPA
React Tag Autocompleteを使ってサジェスト付きタグ機能を実装する
アプリケーション 2017-10-01

React Tag Autocompleteを使ってサジェスト付きタグ機能を実装する

実装するタグオートコンプリート機能。React Tag Autocompleteライブラリ、APIからのサジェスション取得、ハンドラー処理の実例。

#React
redux-formのサーバーサイドバリデーションでpromissをいじってたら「Uncaught (in promise) error」
アプリケーション 2017-10-01

redux-formのサーバーサイドバリデーションでpromissをいじってたら「Uncaught (in promise) error」

redux-formのサーバーサイドバリデーションで発生する「Uncaught (in promise) error」を、Promiseを返してSubmissionErrorを正しくthrowすることで解決する方法を解説します。

#React#Redux#redux-form#Tips
単一テーブル継承・クラステーブル継承・具象クラス継承について
アプリケーション 2017-10-01

単一テーブル継承・クラステーブル継承・具象クラス継承について

OOPの継承をDB実装する単一テーブル継承・クラステーブル継承・具象クラス継承の3パターン、特性と適用場面を図解

#PofEAA
Vagrantを1.7.4から1.9.1に一気にアップデートしたら「Bringing up interface eth2: Device eth2 does not seem to be present, delaying initialization.」
アプリケーション 2017-10-01

Vagrantを1.7.4から1.9.1に一気にアップデートしたら「Bringing up interface eth2: Device eth2 does not seem to be present, delaying initialization.」

Vagrantを古いバージョンから1.9.1へアップデートした際に遭遇したネットワークインターフェース（eth2）エラーへの対処を紹介します。

#Apache#Vagrant#VirtualBox#Tips
VagrantでVirtualHostを使う
アプリケーション 2017-10-01

VagrantでVirtualHostを使う

vagrant-hostupdaterとApacheを使い、Vagrantで複数ドメインのローカル開発環境を作るVirtualHostの設定を解説します。

#Vagrant
Google ExtenstionのPluginをつくってみた
アプリケーション 2017-09-26

Google ExtenstionのPluginをつくってみた

manifest.jsonとJavaScriptで初めてのGoogle Chrome拡張機能プラグインをつくる手順を解説します。

#JavaScript#google chrome extension
.bashrcにgitのショートカットコマンドをつくった
アプリケーション 2017-09-26

.bashrcにgitのショートカットコマンドをつくった

.bashrcの設定で、ブランチのチェックアウトやpull・pushを効率化するgitエイリアスとbash関数を作る方法を解説します。

#bash#Git#Shell Script
gitコマンドを楽にするシェルスクリプトをかいた
アプリケーション 2017-09-26

gitコマンドを楽にするシェルスクリプトをかいた

selectを使ったインタラクティブなシェルスクリプトで、gitのブランチチェックアウト・リモートpull・ローカルブランチ削除を楽にする方法を解説します。

#Git#Shell Script
ES6のExportとImportについて
アプリケーション 2017-09-26

ES6のExportとImportについて

ES6のexport・importを解説。名前付きエクスポート、デフォルトエクスポート、ワイルドカード、エイリアスでJavaScriptモジュール化を構成し保守性を向上させる実装ガイドです。

#JavaScript#ES6
Laravel リポジトリパターンの実装
アプリケーション 2017-09-26

Laravel リポジトリパターンの実装

Laravelでリポジトリパターンを実装し、インターフェース設計・DB操作の抽象化によるテスト容易性と保守性向上の手法を詳述。

#Laravel#リポジトリーパターン
Laravel5.3で自作artisanコマンド.md
アプリケーション 2017-09-26

Laravel5.3で自作artisanコマンド.md

Laravel 5.3で自作のArtisanコマンドを実装し、リポジトリファイルを自動生成して開発ワークフローを効率化する方法を解説します。

#Laravel#リポジトリーパターン#artisan
Laravelでajaxの際にCsrfTokenに引っかかった話
アプリケーション 2017-09-26

Laravelでajaxの際にCsrfTokenに引っかかった話

LaravelのAjaxリクエストでCSRFトークンに引っかかる問題を、VerifyCsrfTokenミドルウェアでAPIルートを除外して解決する方法を解説します。

#AJAX#Laravel#React#Superagent
LaravelでCORS対応
アプリケーション 2017-09-26

LaravelでCORS対応

Laravelのミドルウェアでクロスオリジンリクエストやプリフライトに対応するCORS設定を、axiosの例とあわせて解説します。

#Laravel#CORS
LaravelでEventを使う
アプリケーション 2017-09-26

LaravelでEventを使う

Laravelのイベントリスナーを使い、ユーザー登録や退会など特定のイベント発生時に実行したい処理を管理する方法を解説します。

#Laravel