最近のJavaScript開発まとめ
こんにちは、中川です。 ここ1・2年ですが、私の担当するプロジェクトでは、 PHPよりもJavaScriptの開発が多い状態が続いております。 JSのプロジェクトを重ねるにつれ、開発環境も段々と整理されてきましたので、 一旦、最近のJS開発で利用しているライブラリやツールなどをまとめてみました。 フレームワーク ●Backbone.js http://backbonejs.org/ JavaScriptのMVCフレームワーク。 何も使わない(もしくは我流)よりは、これを使って欲しいと思えるフレームワークです。 利用者が多く日本語情報も豊富にあるのと、フレームワーク自体が1500行程度と軽量なため、学習コストを低く抑えることができます。 ●AngularJS http://angularjs.org/ データバインディングを備えたフレームワーク。 高機能なテンプレートや、DIの仕組み、ルーテ
Monaca + enchant.js でお手軽スマフォゲームアプリ開発
<!DOCTYPE HTML> <html> <head> <meta name="viewport" content="initial-scale = 1, user-scalable=no"> <meta charset="utf-8"> <title>RPG sample on Monaca</title> <script type="text/javascript" src="enchant.js"></script> <script type="text/javascript" src="ui.enchant.js"></script> <script type="text/javascript" src="game.js"></script> <style type="text/css"> body { margin: 0; } </style> <script type="t
jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる
久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下
PHPの開発時になかなか使えるauto_prepend_file設定
こんにちは、中川です。 PHPの開発を行っていると、自分の開発用だけの便利関数や、一時的な設定・各種パラメータの変更を行いたいなどあると思います。 そんな時に、実際のプロジェクトファイルに追加してしまうと、 本番環境に誤ってそのままコミットしてしまったり、他の開発者にはゴミ扱いされたりとなかなか大変ではないでしょうか。 そんな時に便利な auto_prepend_file という設定をご紹介したいと思います。 PHPにはメインファイルの前に、自動的に付加するファイル名を指定する、 auto_prepend_fileという設定があります。 これを使えば、プロジェクト内のファイルには一切手を加えなくても、PHPで前処理を行うことができます。 ※なお、プログラムの後処理を加えたい場合は、auto_append_file という設定もあります。 設定自体は非常に簡単で、apacheのconfigフ
PHP5.4 alpha1リリース! PHP5.3からの新機能を見わたす
こんにちは、久保田です。 先月6月28日、PHP5.4 alpha1がリリースされました。PHP5.3では、名前空間や無名関数の追加など、言語機能に大きな追加が行われました。PHP5.4 alpha1 ではtraitが実装され、オブジェクト指向言語としてのPHPに大きな機能追加が行われました。他にも、<?=記法のデフォルト有効化、array dereferenceの追加、無名関数内の$thisの扱いの変化、JsonSerializableインターフェイスの追加など筆記すべき様々な機能追加、改善が見られます。この記事ではPHP5.4 alpha1で見えてきた新機能をサンプルコードを交えながら概観します。 とりあえずNEWSを訳す PHP5.4 alpha1の変更点を記述した NEWS ファイルを翻訳してみたのが以下です。 <?php trait A { protected $hoge = "
Windows上で最も簡単にPHPを動かす方法
こんにちは、アシアル・スクール担当の岡本です。 今回は「Windows上で最も簡単にPHPを動かす方法」を試してみたので書かせていただきます。 ●「Web Platform Installer 3.0」 Windows上でのPHP環境構築ツールとしては「XAMPP」が有名ですが、 最近、マイクロソフト社が自らPHP環境（も）構築できるインストーラーを提供し始めました。それがWeb Platform Installer (以下、WebPI)です。 ●インストールの流れ ・全体的な流れ ・・Web Platform Installerのインストール ・・Web Platform Installerの起動 ・・パッケージの選択 ・・インストール ・・ブラウザでローカルホストにアクセスして起動確認 上記のような流れで、非常に簡単に環境構築を行うことができます。 ●ハマったトラブル一覧 ・実験用に持
サーバの基本的な設定ファイルとCentOS、Debian比較
こんにちは、牧野です。 4月になって、アシアルにも新しい人が入ってきて賑やかになった気がします。 さて、今回はサーバの設定についてです。 会社では、CentOS、Debianを使うことが多いです。設定ファイルの位置や用意されているコマンドがディストリビューションごとに異なることがあるので、その点を中心にいくつか紹介したいと思います。 ちなみに、自分が昔好きで使っていたのはVine Linuxでした。デフォルトで日本語設定がいろいろされていて、使いやすかった気がします。 その頃はemacsを使っていたのが、いつの間にかOSはCentOSに、エディタはvimを使うようになりました。 ■ネットワークの設定ファイル ○共通 ・使用するネームサーバ /etc/resolv.conf ・hostsファイル /etc/hosts ○違いがあるもの 1行目がCentOS、2行目がDebianです。 ・ネッ
MacPortsの基本的な使い方とコマンド
Macに移行して2ヶ月になりそうな今日この頃、ようやくMacになれてきた熊谷です。こんにちは。 MacというかOSX上で開発を行う上で欠かせないものにMacPortsがあります。前回もちょっと触れたのですが、今回はこれについてもうちょっと触れたいたいと思います。 MacPortsとはOSXで利用可能なパッケージ管理システムで、これを使うことによりOSX上でより良いUNIX生活を送ることができるようになります。私自身、まだMacPortsを使い始めたばかりで勉強中なんですが、それを忘れないようにするためにもメモ書きします。 まず、MacPortsをインストールするためにはOSXの開発環境であるXcode Toolsをインストールしておく必要があります。Xcode ToolsはMacに付属しているDVDかDeveloper Connectionからダウンロードしてインストールしておきます。で、
Subversionのリポジトリ下でgitを使ってみよう
$ git config --global user.name 'hogehoge' $ git config --global user.email 'hogehoge@hoge.local' $ git config --global color.ui auto $ git config --global core.excludesfile $HOME/.gitignore これでホームディレクトリに.gitconfigファイルが作成されます。また、無視するファイルがある場合は.gitignoreに記述しておきます。 では、次にSubversionのリポジトリ（https://svn.hoge.local/repos/hoge-projectにあるとして）からgitのローカルリポジトリを作成します。 $ mkdir hoge-project $ cd hoge-project $ gi
「仕事に必須！！マスト！！これが無いと仕事にならない！！」というわけではないが、何気によく使っているツール３選@Mac
「仕事に必須！！マスト！！これが無いと仕事にならない！！」というわけではないが、何気によく使っているツール３選@Mac Kayacのフラッシュデベロッパーブログ「_level0.kayac」で、非常に面白い企画をやっていました。 「Flash制作に欠かせない３つのツール」 同じテーマで、各々の必須ツールを紹介する連載記事。 「面白そう！乗っかりますか！」 というわけで、乗っかろうかと思ったのですが、 普段の仕事でFlash制作をやっていない…。 「よし！じゃあ、PHP開発に欠かせない３つのツールだ！」 と思ったのですが、思いついたのは、 ・Firefox + Firebug ・ターミナル + vi くらい…。 「じゃ、じゃあ、仕事に欠かせない３つのツールだ！」 と思ったのですが、思いついたのは、 ・Firefox + Firebug（また…） ・ターミナル + vi（ま、また…） ・Num
３分で使えるRedmine（チケットで課題管理）
こんにちは、岡本です。 プロジェクト管理にRedmineを使っていて、改めて便利だなと思ったので、今更ですが紹介したいと思います。 RedmineはRubyで書かれたオープンソースのシステムで、2006年に作られ2007年辺りから日本でも利用され始めた、比較的新しいプロジェクト管理ツールです。 残念ながらPHPでは無いのですが、CakePHPに移植しようと頑張っている方々もいらっしゃいます。 CakePHP開発合宿開始！＆candycaneを開発します さて、Redmineを使えばシステム運用で生じる、不具合や質問・要望等を、チケットという概念でひと括りにして、Web上で管理することができます。 Redmineは元々プロジェクトの工程管理も行える高機能なソフトなのですが、チケットの機能を使って楽をするだけだったら 「３分で使えます。」 トップページ画像 ※一部機能をOFFにしています。 学
知っておくと役立つかもしれないLinuxコマンド(サーバ確認関係）
こんばんは、牧野です。 一時期また夜型になってしまっていたのですが、最近はまた朝型生活、というよりも早朝型生活になりました。 仕事の方はというとsymfony案件は一段落して、今はオリジナルのフレームワーク、ライブラリでプログラムを作ったり、javascriptのプログラムを1から書いたりと、マイペースでやっています。 さて、今日も軽めなネタで、知っているといざという時に役立つ、かもしれないLinuxのコマンドです。 サーバ構築や緊急対応などでサーバを触る場合は使う機会があると思います。 ■サーバのOS情報を確認
symfonyのルーティングでメモリが肥大化する問題と対処法
<strong>追記@2009/09/28</strong> symfony1.2.9以降では初期状態でキャッシュが無効になるように設定されています。symfony1.2.9からのgenerate:appタスクでアプリケーションの生成を行った場合は修正は必要ありません。 というわけで今回は、 1. ルーティングのキャッシュの仕組み 2. なぜそんなにもキャッシュが肥大化してしまったのか 3. ルーティングのキャッシュを無効にする方法、その他対策 上記の3つをテーマにお話しさせていただきます。 symfony 1.2のルーティングについては以前書いた「symfony 1.2のルーティングまとめ」という記事をご覧ください。 symfonyでは通常、 /モジュール名/アクション名(/パラメータ) という形式のURLをとりますが、このURLとモジュールおよびアクションを結びつける仕組みをルーティン
DRBD+heartbeat+LVM(on Fedora Core10)によるクラスタリング
こんにちは、亀本です。 今回は、PHPとかから少し離れて、サーバのクラスタリングのお話です。 ちょっと仕事で冗長化システムを組む必要があったので、せっかくなので記事にまとめました。 さて、ここで目指すのは、DRBDを使ったデータレプリケーションサーバ( Master / Slave 構成 )の自動フェイルオーバークラスタ( 非フェイルバック構成 )です。 ネットワーク構成としては、ルータから結ばれるLAN(eth0に接続)とは別に、eth1で１対１のLAN接続を行います。 また、heartbeatでのクラスタ構成後は、eth0に仮想IPとして192.168.1.100を割り振るようにします。 eth1の設定は、 # vi /etc/sysconfig/network-scripts/ifcfg-eth1 DEVICE=eth1 HWADDR=00:00:00:00:00:00 ONBOOT
PHP5.3.0がついにリリース
$ wget http://jp2.php.net/get/php-5.3.0.tar.gz/from/jp.php.net/mirror $ tar zxvf php-5.3.0.tar.gz $ sudo mv php-5.3.0 /usr/local/lib $ cd /usr/local/lib/php-5.3.0 $ ./configure $ make $ sudo make install Ubuntuにインストールしたのですがconfigureで「configure: error: xml2-config not found. Please check your libxml2 installation.」というエラーが出たので一応対処法も。 $ cd /usr/lib $ sudo ln -s libxml2.so.2 libxml2.so $ sudo aptitude
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHPで作る面白コラージュ写真
JavaとPHPの文法比較
GoogleMapsAPIの新機能 ルート検索機能を試してみる
携帯端末向けSSL証明書を発行するサービス「SSLモバイル」
使えるとちょっと便利なLinuxコマンド