WordPressに関する何か! 2014: http://qiita.com/advent-calendar/2014/wordpress 2013: http://2013.japan.wpac.info/ (ドメインごと消えとるやんかw) 2012: http://2012.japan.wpac.info/ (ドメインごと消えとるやんかw) 2011: WordPress Advent Calendar 2011 早くも埋まってしまったので、間に合わなかった方のためのパート2! 「WordPress Advent Calendar 2015に参加したかった人達の Advent Calendar 2015」が早くも以下にできました! http://www.adventar.org/calendars/1055

以下のようなことがやりたくて環境を整えてみたのでメモ。 Reactつかいたい + JSXで書きたい 再利用できそうなComponentを別のjsファイルにしておいて、requireで依存性を解決とかしたい トップページ用のjsと、検索ページ用のjsが別々に存在してる、みたいな想定。うまく言えないけどrequireのrootが複数あるような？ watchしておいて勝手にビルドされるといいな ということでタイトルのものを組み合わせてみたのだけれど、不勉強だからか意外とハマりました。。 package.json 色々試行錯誤していって最終的に以下のようなpackage.jsonが出来上がりましたという感じです。 { "name": "test-proj", "description": "test project", "main": "gulpfile.js", "scripts": { "wa

〜 "devDependencies": { "react": "^0.13.3", "browserify": "^10.2.1", "babelify": "^6.1.1", "gulp": "^3.8.11", "vinyl-source-stream": "^1.1.0", "gulp-webserver": "^0.9.1" }, "scripts": { "build": "browserify --debug --transform babelify app.jsx --outfile bundle.js" }, 〜 後方互換を期待して各ライブラリのバージョンは固定していないので、もし手元で上手く動かない場合はバージョン番号の前の^を外してバージョンを固定して導入してみてください。 React.js は HTML ファイルの script タグで読み込むのではなく、Brows

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Knife-ZeroでCookbookの作成／実行／削除＆git cloneコマンドでCookbookの取得：サーバー管理者のためのChef超入門（2）（1/2 ページ） エンタープライズ向け機能が充実してきたChefを使って高速かつ精度の高いサーバーインフラを構築／管理する方法について解説する連載。今回はKnife-ZeroでCookbookを操作する方法やgit cloneコマンドでCookbookを取得する方法、Gitを使う利点などについて解説します。

AWS のようなクラウドサービスが一般に浸透したことにより、仮想環境を前提とした開発が一般的になってきました。必要になったときに必要な構成のリソースにアクセスできるクラウドの強みを活かすため、オンデマンドで仮想環境を構築し直す機会が以前よりも増えてきています。このような状況では、仮想環境をより効率的に構築する必要があります。本記事のシリーズでは効率的な仮想環境構築の手段の一つとして、Vagrant と Chef というツールで環境構築を自動化する方法を紹介します。 はじめに 最初に Vagrant と Chef を使った環境構築の概要、および今回構築する仮想環境についてご紹介します。 仮想環境構築の自動化が求められる背景 クラウドが一般に浸透した現代では仮想化技術を利用することが当たり前となっています。仮想環境では、物理的な制約がないため、環境を廃棄したり、必要なときに再構築することが容易

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

更新内容 2015/4/21 - レシピの適用に-a nameを追加 2015/5/09 - レシピの適用が何故か実行できなくなってたので、EC2で実行できるよう修正 はじめに Chefを導入するに当たって、Chef HostingかChef On-premisesかChef Zeroか色々考えた末、Chef Zeroを選定。 選定理由 Chef Hosting: 管理画面あり。無料で5ノードまで管理できる。Chefを運用しなくてもいいのは楽だが、サーバが不安定。Provisionしたい時に出来ないリスクを抱えたくないので却下。 Chef On-premises: 管理画面あり。無料で25ノードまで使える。但し、冗長化等自分で運用しなきゃいけない。一部不安定なAPIサーバを呼び出したり・・・却下！ Chef Zero: 管理画面なし。ノード数無制限、サーバ不要。簡単導入。採用！ Berks

VMware上、LAN上、インターネット上のCentOS6.3で動作確認済み。WebサーバはApache。 クライアントでの確認は以下の通り。 Mac, WindowsのChrome 22, Firefox 16, Safari 6, Opera 12(動作不可), IE 9(動作不可). iPad2(iOS 5.1.1), new iPad(iOS6), iPhone4~5(iOS6)のSafari, Chrome. Galaxy S2(Android2.3.3)のブラウザ(動作不可). 目次WebSocket Chat サーバの実装WebSocket Chat クライアントの実装HTMLJavaScriptWebSocket Chat サーバの起動とアプリの実行WebSocket Chat サーバの実装 // VMware上のCentOS6で動作させたときの例 // 8888番ポートで

7. エンジニアSさん (c) 2013 Masashi Shinbara @shin1x1 1162 <VirtualHost *:80> 1163 ServerName candycane.local 1164 DocumentRoot "/Users/shin/sandbox/demo/candycane/app/webroot" 1165 </VirtualHost> 1166 1167 <VirtualHost *:80> 1168 ServerName demo.local 1169 DocumentRoot "/Users/shin/sandbox/demo/20130601_phpcon" 1170 php_value vld.active 1 1171 </VirtualHost> 1172 1173 <VirtualHost *:80> 1174 ServerName

gistfile1.md Vagrant インストール $ gem install vagrant Box追加 Boxのリスト $ vagrant box add centos-63-minimal https://dl.dropbox.com/u/7225008/Vagrant/CentOS-6.3-x86_64-minimal.box 確認 $ vagrant box list 仮想マシン作成 適当なディレクトリに移動 $ vagrant init centos-63-minimal Vagrantfileファイルが作成される 起動 $ vagrant up ログイン $ vagrant ssh 停止 $ vagrant halt 再起動 $ vagrant reload 参考 Vagrant 触りだけでも便利なVagrant - komagat サンドボックスモード インストール $

プログラマーとして仕事をするようになって常々感じていた課題の一つとして本番環境(linux)と開発環境の違いがあります 開発マシンをwindowsからmacに変えたのも環境の違いをなるべくなくすためでした また複数人で開発を行う場合、各々の開発環境の違いは本当に悩みの種でした これまでにvmwereなどを導入してファイルを配ったり、構築手順書を作って配ったりしていましたがやはりベストな方法ではありませんでした vmを使った場合結局scp/ftpなどで編集したファイルのアップロードを行う必要があったり、開発サーバの構成管理が出来ませんでした この問題を解決してくれる方法が今僕の中でブレイクしているvirtualbox + vagrant + chef + gitで構築する開発環境構築です 今回はcakephpでプロジェクトを進める場合の環境構築してみます virtualbox + vagra

Gumby – A Flexible, Responsive CSS Framework – Powered by Sass こんにちは。ECプロデュース部の岡本です。 みなさまはレスポンシブサイトを作る時、どのようなフレームワークを使用されていますでしょうか？ 有名ドコロであれば「Twitter Bootstrap」や「Foundation」などがよく利用されているのではないかと思います。 特にBoostrapはナビゲーションなどの「コンポーネント」が非常に豊富で、モックアップなどを作成する際には非常に重宝されている様です。 しかし一方でカスタマイズするには束縛されるポイントも多く、実際のコーディングに使うには少し工夫が必要となります。 今回はBootstrap並にコンポーネントが多いのに、カスタマイズ性が非常に高いフレームワーク「Gumby」をご紹介いたします。 特徴１：柔軟なグリッド

FuelPHPで複数データベースを切り替える方法 FuelPHPでは複数データベースの切り替えが、CI同様、簡単に設定出来ます。 参考) http://docs.fuelphp.com/classes/database/usage.html fuel/app/config/db.php まずは、DBのベース設定に対し、新しいデータベースグループを追加します。 <?php return array( 'active' => 'default', 'default' => array( ... ), // 追加DB 'another_db' => array( 'type' => 'pdo', 'connection' => array( 'persistent' => false, ), 'identifier' => '`', 'table_prefix' => '', 'charset'

authパッケージのsimpleauth.phpをカスタマイズしたいけど、 既成のパッケージをいじるのは、気が引けるし、 そもそも、authパッケージは、gitのサブモジュールにしていて修正できない。 って言う時、名前空間が同じだと上書きされるという特徴を利用して、 自前のsimpleauth.phpと置き換えられないかやってみました。 まず、packagesディレクトリに、authパッケージと同じ構成で、 ②myauthディレクトリを作り、authパッケージからコピーしたsimpleauth.phpを③のように配置します。 fuel └─packages ├─auth │ ├─classes │ │ ├─auth │ │ │ ├─acl │ │ │ ├─group │ │ │ └─login │ │ │ └─simpleauth.php--------------① │ │ └─mode

SoloはPHP製のソフトウェアです。 ごく小規模な、そう一人でも使えるプロジェクト管理は意外と使い勝手が良いものはなかったりします。少人数で使うにはちょっと大袈裟な機能がたくさんなので、手に余る感じでした。そこで紹介したいのがSolo、小規模にこだわったプロジェクト管理です。 インストール。ウィザードに沿って進めるだけです。 メイン画面です。プロジェクトが並びます。 プロジェクト作成画面。基本的にこういったモーダルウィンドウで入力を行います。 プロジェクトにはタスクが追加できます。 カレンダー機能があります。タスクの期限に合わせて表示されます。 クライアント。 タスク管理。プロジェクトを横断的にチェックできます。 ファイルの添付もできます。 プロジェクトテンプレート。 タスクはタイムトラッキング機能が備わっています。 Soloは主にフリーランスが集まってプロジェクトをこなすのに合わせた設

skelJSはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 レスポンシブなWebデザインを考える際にはブロックを意識してデザインを行う必要があります。多くは幅を12分割して提供するようです。レスポンシブなサイトやWebアプリを開発するためのフレームワーク、skelJSも同様の設計となっています。 デスクトップサイズ。Bootstrapのように見やすい画面になっています。 タブレットサイズ。この場合もデスクトップライクですが、横の隙間は狭まっています。 スマートフォンサイズ。メニューなどはそのままに、下のコンテンツはずれています。 作成例。12個のブロックをどう割り当てるかを決めていく形です。 -3uといった指定をすると左側が空く仕組みになっています。これは面白いです。 入れ子にした場合の表示はちょっと変わっています。 skelJSは大きなフレームワーク