記事一覧

アプリケーション 2017-10-01

Laravelのredirect('hoge')とredirect()->to('hoge')の違い

Laravelのredirect('hoge')とredirect()->to('hoge')の違い

#Laravel

インフラストラクチャ 2017-10-01

LaravelにSPAを組み込む時に考えたディレクトリ構成とnginxのconfファイル

LaravelにSPAを組み込む際のディレクトリ構成と、フロントエンド／バックエンドを振り分けるnginxの設定を解説します。

#Laravel#React#Nginx

インフラストラクチャ 2017-10-01

letsencryptの証明書自動更新(cron)とちょっとだけSlack連携

cronによるLet's Encrypt証明書の自動更新と、成功・失敗を通知するSlack連携を解説します。

#cron#Let's Encrypt#Shell Script#Slack

インフラストラクチャ 2017-10-01

Let'sEncryptの証明書自動更新に失敗し続けていたけど何とかした話

Let'sEncryptの証明書自動更新に失敗し続けていたけど何とかした話

#cron#Let's Encrypt#Slack#Shell Script

インフラストラクチャ 2017-10-01

Letsencryptの証明書自動更新スクリプト

シェルスクリプトの自動実行で、Let's Encrypt証明書を毎月自動更新し、Slack通知と連携する方法を解説します。

#cron#Let's Encrypt#Shell Script#Slack

インフラストラクチャ 2017-10-01

php7をインストールした時にmysqlドライバーがなかった

PHP7をインストールした際にMySQLドライバーがない問題を、REMI yumリポジトリからphp-mysqlndを入れて解決する方法を解説します。

#CentOS#MySQL#PHP#PHP7#さくらのVPS#yum

インフラストラクチャ 2017-10-01

Nginxをリバースプロキシとして設定する

設定するNginxリバースプロキシ。Apache併用構成、ポート変更、バーチャルホスト設定、ロードバランシング実装の完全ガイド

#CentOS#Nginx#Apache#さくらのVPS

アプリケーション 2017-10-01

PHPで学ぶデザインパターン - Adapter ~APIを変更する~

PHPで学ぶデザインパターン「Adapter」。既存コードを変更せずに、互換性のないインターフェースを柔軟に適合させる方法を解説します。

#PHP#アダプターパターン#デザインパターン

アプリケーション 2017-10-01

PHPで学ぶデザインパターン - オブジェクト指向の基礎

PHPで学ぶデザインパターンの前提として、継承・インターフェース・トレイト・静的プロパティ/メソッドといったオブジェクト指向の基礎を解説します。

#デザインパターン#PHP#OOP

アプリケーション 2017-10-01

PHPで学ぶデザインパターン - Singleton ~いくつ作るかを制限~

PHPで学ぶデザインパターン「Singleton」。インスタンス生成数を制限し、アクセスを制御して単一オブジェクトの状態を管理する方法を解説します。

#デザインパターン#PHP#シングルトンパターン

アプリケーション 2017-10-01

PHPで学ぶデザインパターン - Template Method ~処理の穴埋め~

PHPで学ぶデザインパターン「Template Method」。共通処理を親クラスにまとめ、固有の実装をサブクラスに委ねる設計を解説します。

#デザインパターン#PHP#テンプレートメソッドパターン

アプリケーション 2017-10-01

Reactでrequireしてたら、[BABEL] Note: The code generator has deoptimised the styling of

Reactでrequireした際に出るBabelの「code generator has deoptimised」警告の原因と、ファイルサイズ最適化による解消方法を解説します。

#React#Tips

アプリケーション 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

アプリケーション 2017-10-01

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

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

#React

アプリケーション 2017-10-01

React＋marked＋highlight

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

#ES6#React#highlightjs#markdown#marked

アプリケーション 2017-10-01

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

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

#React

アプリケーション 2017-10-01

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

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

#ES6#React#Redux

アプリケーション 2017-10-01

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

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

#React#Redux#SPA

アプリケーション 2017-10-01

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

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

#React