記事一覧

技術記事・日々の学びをまとめています。

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拡張機能プラグインをつくる手順を解説した記事。英語版のGoogleで検索したいという身近な動機から、拡張機能の基本的な構成と作り方を実際の例とともに紹介する。

#JavaScript#google chrome extension
CentOS6.7で[Errno 14] PYCURL ERROR 22 - \"The requested URL returned error: 404 Not Found\"とかいうエラーがでた
インフラストラクチャ 2017-09-26

CentOS6.7で[Errno 14] PYCURL ERROR 22 - \"The requested URL returned error: 404 Not Found\"とかいうエラーがでた

CentOS6.7で[Errno 14] PYCURL ERROR 22 - \"The requested URL returned error: 404 Not Found\"とかいうエラーがでたの原因と解決方法について解説します。

#CentOS#OS#zabbix#Tips
Ansibleでcronを設定
インフラストラクチャ 2017-09-26

Ansibleでcronを設定

Ansibleでcron設定を自動化する方法を解説。cronモジュール、YAMLシンタックス、分単位バックスラッシュエスケープでcronジョブの定義を効率化する実装ガイドです。

#Ansible#cron
Ansibleでローカルのファイルをリモートにコピーする
インフラストラクチャ 2017-09-26

Ansibleでローカルのファイルをリモートにコピーする

Ansibleのcopyモジュールを使って、ローカルにあるファイルやディレクトリの中身をリモートサーバーに転送するタスクを解説した記事。実際のPlaybookの例とともに、権限を適切に設定しながらコピーする方法を紹介する。

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

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

.bashrcの設定で、gitの操作を効率化するエイリアスやbash関数をつくる方法を解説した記事。基本的なgitコマンドを毎回叩く手間を減らすため、ブランチのチェックアウトやpull・pushを楽にするショートカットを紹介する。

#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
AWS(Elasticbeanstalk)のレイテンシーがやたら高いと思ったら・・・
インフラストラクチャ 2017-09-26

AWS(Elasticbeanstalk)のレイテンシーがやたら高いと思ったら・・・

AWS Elastic Beanstalkで立ち上げたインスタンスで、レイテンシーが異常に高く、一定の頻度でタイムアウトが発生していた問題への対応記録です。ELBノードで起きていた高レイテンシーを、体系的な調査と監視によって診断し、原因を特定して解消するまでの過程を解説します。

#Amazon Web Service#Elastic Beanstalk
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
Laravel5.4でsqliteを使ってテストをかく準備
テスト 2017-09-26

Laravel5.4でsqliteを使ってテストをかく準備

Laravel 5.4でインメモリSQLiteを使ったテスト環境を、phpunit設定やマイグレーション自動化とあわせて構築する方法を解説します。

#Laravel#SQLite
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(Cross-Origin Resource Sharing)に対応する方法をまとめた記事です。クライアントサイドにReactとaxiosを使う構成を例に、Laravelのミドルウェアでクロスオリジンリクエストやプリフライトリクエストを扱うためのCORS設定を、前提知識とあわせて解説します。

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

LaravelでEventを使う

Laravelのイベントリスナーを使って、ユーザー登録時や退会時など特定のイベント発生時に実行したい処理を管理する方法を解説します。基本的な定義方法はもちろん、1つのリスナークラスで複数のイベントを扱えるイベント購読(Subscriber)の使い方を中心に紹介します。

#Laravel
Laravel+React+ES6+Browserify
アプリケーション 2017-09-26

Laravel+React+ES6+Browserify

BrowserifyとBabelのトランスパイルでReactをLaravelに組み込み、モジュール対応のモダンなES6コードを書く方法を解説します。

#React#JavaScript#npm#webpack#ES6#browerify#ES5
Laravel+React+Superagentでフォームを実装
アプリケーション 2017-09-26

Laravel+React+Superagentでフォームを実装

実装するLaravel+React+Superagentのフォーム。API設計、FormRequest、JSON応答、Promise/Ajaxの実装パターンを詳細に解説

#Laravel#React#AJAX#Superagent
LaravelでRestAPIをつくる
アプリケーション 2017-09-26

LaravelでRestAPIをつくる

LaravelのResourceControllerと認証ミドルウェアを使い、JSONレスポンスを返すREST APIをつくる方法を解説します。

#API#Laravel#React#REST
bitflyerのprivate apiを使ってビットコイン資産状況をslackに通知する Part2
アプリケーション 2017-09-26

bitflyerのprivate apiを使ってビットコイン資産状況をslackに通知する Part2

async/awaitとbitFlyer private APIの認証、Slack連携を使い、ビットコインの資産状況を監視・通知する方法を解説します。

#bitFlyer#API#async#Bitcoin#Node.js
bitflyerのprivate apiを使ってビットコイン資産状況をslackに通知する
アプリケーション 2017-09-26

bitflyerのprivate apiを使ってビットコイン資産状況をslackに通知する

bitFlyerのprivate APIをNode.jsから叩き、HMAC-SHA256署名とSlack Webhookでビットコインの資産状況を通知する方法を解説します。

#API#Bitcoin#Node.js#bitFlyer