jQueryは便利すぎて、ついつい他のフレームワークを使いながらも一緒に組み合わせて使ってしまったりします。その結果として読み込むサイズが肥大化したり、動作が重たくなったりします。特にスマートフォンのようにリソースがデスクトップほど潤沢でない場合は顕著です。 そこでjQueryから離れて代替ライブラリを使ってみましょう。多くのライブラリはjQueryを踏襲して似たような使い方ができるようになっています。 Minified.js jQueryのようにDOM操作、アニメーション、イベント、HTTPリクエストをサポートしています。また、コレクション、日付や数字のフォーマット、テンプレートといった便利ユーティリティも備えています。 サイズは4KB（ミニファイ&Gzip）で、jQuery 2.1.4の29KBに比べて大幅に軽量です。 Minified.js - A Truly Lightweight

こんにちは。内藤です。 前回 http://blog.asial.co.jp/1271 前々回 http://blog.asial.co.jp/1260 は、それぞれFormタグ、Cameraプラグインで画像を取得し、それをFormDataオブジェクトにBlobとして付与して、それをAjaxでサーバーにアップロードする方法について紹介しました。 今回は、FormDataではなく、手動でMultipart Postを生成してアップロードする方法について紹介します。FormDataは便利なのですが、Multipartの仕組みがすべてブラックボックス化されてしまっているため、内部の動作がよく分かりません。今回紹介する方法は、Multipartを自分で作成するため、他の言語で同様の機能を実装するのにも役立つかと思います。 かつては、JavaAppletなどでMultipart送信をするためによく使

アシアルの社内勉強会で発表した資料を公開します。今回の社内勉強会では、「イケてるデザイン」をテーマに勉強会を開催しました。自分はその中でも「どうやってチームでイケてるデザインを作るのだろうか？」ということをテーマにして話をしました。

こんにちは。宇都宮です。 昨年末、著名なPHP開発者・Anthony Ferrara（ircmaxell）氏のブログに、PHP Install Statisticsという記事が掲載されました。この記事では、W3Techsの統計を元に、現在Web上に公開されているPHP製サイトのバージョン情報を調べ、いかに多くのPHP製サイトが、脆弱でサポートの切れたバージョンを使用しているか、解説しています。 この記事によると、PHP製サイトのおよそ7割強は、脆弱性があるか、又は既にサポートが切れているバージョンのPHPを使用している、としています。記事の冒頭には、他の処理系やアプリケーションとの比較がありますが、PerlとPythonでは安全なバージョンの使用率が8割前後なのに対して、PHPの安全なバージョンの使用率は25%と、非常に悪い数字になっています。 どのバージョンが安全か では、安全なバージョ

こんにちは、牧野です。久々のブログになりました。。 2年くらい、インフラに関する仕事がメインでしたが、最近ここ2、3ヶ月はフロント側を作ることが多くなっています。 javascriptを触ることも多くなり、夏休みには以前作ったandroidアプリの百人一首のHTML版を作ったりしていました。よかったら遊んでみて下さい。 http://demo.asial.co.jp/~makki/karuta/ スマートフォンでgoogle chrome推奨です。 さて、今日の話題はjavascriptやプログラミングではなく、メールサーバー設定の話です。 もう何ヶ月か前になりますが、postfixを使ってメールサーバーを立てる機会があったので、その時の設定をまとめようと思います。 やりたかったことは大きく分けて以下の3つです。 ・バーチャルドメイン、バーチャルメールボックス ・pop3メール受信 ・SM

こんにちは、岡本です。 先週は第一回目のアシアル塾を開催いたしました。 初回にもかかわらず大勢の方にご参加いただき、非常に楽しい授業を行うこと出来ました。 またブログに記事を書いてくださった方もおり、先週は講師冥利に尽きる1週間でした。 【PHPオブジェクト指向再入門】 第1回 クラスとオブジェクト @Co-Edo に参加してきました。 さて第一回に参加できなかった方のために講義の資料を公開したいと思います。 ※当面、アシアル塾では資料を期間限定で公開していきます。 また、講義動画に関しましても加工が終わり次第、一部公開を考えております。 今週はLinux超入門編を開講いたします。 早朝や夜間・休日、大宮での出張開催もありますので、 今まで黒い画面を敬遠してきたデザイナーの方や ノンプログラマーの方にもぜひ参加して頂ければと考えております。 また、オブジェクト指向再入門編の第二回は来週開催

こんにちは。宇都宮です。 最近は、「最速PHPフレームワーク」Phalconで開発を行っています。 Phalconは、PHP拡張として実装された、フルスタックのPHPフレームワークです。非常に高速に動作するという特徴がありますが、特有の難しさもあります。 そこで、実際に開発を行って感じたPhalconの特徴を、Q&A方式で紹介していきます。 Q. Phalconを使うと、高パフォーマンスのアプリが作れるの？ A. フレームワークの遅さに足を引っ張られることはなくなる Phalcon公式ベンチマークからも読み取れるように、Phalconは一般のPHPフレームワークを大きく上回る実行速度を持っています（req/secで2倍〜7倍程度）。 また、Phalconの提供している機能を積極的に利用することで、パフォーマンスの最適化を図ることができます。たとえば、Phalconのモデルが提供するORマッ

モバイルアプリでは、サーバーと連動して動作するものが多くみられます。 ハイブリッドアプリでこうしたアプリを作る場合は、Ajaxで実現するのが一般的だと思いますので、そのやり方について説明します。 追記：Android 2.3系およびそれ以前のAndroidは、FormDataオブジェクトが未定義のため、この記事の方法は利用出来ません。ご注意下さい。 追記２：Android 4.4では、Formからのファイル選択自体ができないため、この記事の方法は利用出来ません。(4.4.2で確認。今後のバージョンアップ出来るようになるかは不明です） formタグを使わない手段については、こちら サーバー側の実装 まずは、サーバー側の機能の実装です。 ここでは、普通にブラウザからもアップロード出来るような作りを考えます。実装はphpですが、他の言語でも基本的に同じように作れると思います。 /uploader

<?php function getFileList($dir) { $files = scandir($dir); $files = array_filter($files, function ($file) { // 注(1) return !in_array($file, array('.', '..')); }); $list = array(); foreach ($files as $file) { $fullpath = rtrim($dir, '/') . '/' . $file; // 注(2) if (is_file($fullpath)) { $list[] = $fullpath; } if (is_dir($fullpath)) { $list = array_merge($list, getFileList($fullpath)); } } return $li

こんにちは増田です。今回はPHPStormの便利な機能を紹介します。 0. キーボードショートカットを設定する。 PHPStormにおけるキーボードショートカットの設定はKeymapで行うことが出来ます。 設定する際は一覧から目的のアクションを探して、キーボードショートカットを設定します。アクション名は画面上部の検索ボックスから検索することもできます。 Keymap設定画面 1. Structure クラスで定義されている関数一覧を見ることができます。EclipseにはあったのにPHPStormではどこにあるんだろう、と結構長い間探していましたがこんなところにありました。 Structureで関数の一覧を表示 2. 矩形選択 Editor Actions > Column Selection Mode Altを押しながらマウスで範囲選択をすることでもできますが、キーボードから離れたくないこ

皆様、ご無沙汰しております。笹亀です。 いよいよきたる、9/10に新しいiPhone5 S(仮名)が発表される予定ということで、iphone4を使っている自分は今回のタイミングで変更する予定なので、いまから発表が楽しみです。 さて、本日はフレームワークなどを利用している場合などであれば、あまり使用することはないですが、PDOを利用したレプリケーションしたデータベースのコネクションを切り分ける方法をご紹介したいと思います。PHPでも様々なフレームワーク（symfony,Cake,ZendFramwork）を使い開発をされるようになってきており、あまりレプリケーションの切り分けを考える必要がなくなってきておりますが、切り分けを行う方法（考え方）という視点で見ていただけますと幸いです。 ※尚、ご使用される場合は自己責任でお願い致します 概要について レプリケーションのコネクションを切り分けること

こんにちは、牧野です。 最近、鎌倉の「コクリコ」というお店のクレープにハマっています。 今のところ、レモンシュガーとアンチョビサラダが一押しです。ほのかに甘い、縁がパリパリの生地に、強めの酸味や塩味がよく合います。 鎌倉に行くことがあれば、ぜひ試してみて下さい。 さて。 だいぶ前になりますが、AmazonのAWSを使う機会があり、その時にVPC(バーチャルプライベートクラウド)を使いました。今日はその話題です。 VPCは、クラウド上にプライベートなネットワークを用意し、その中にEC2サーバーを設置できるというものです。 まず、一つのローカルネットワークを作成し、さらにその中に複数のサブネットワークを作り、各ネットワーク内にサーバーを設置できます。あるサブネットは外部公開用、別のサブネットは内部専用というように、自由にネットワークを設定できます。 便利なのですが多少クセがあり、VPCとインタ

■同期 マスターと1台のスレーブのディスクへのWALを書き込み後にユーザにレスポンスする ■メモリ同期 マスタのディスクと1台のスレーブのメモリへのWALを書き込み後にユーザにレスポンスする ■スレーブ非同期 マスターのディスクへのWALを書き込み後にユーザにレスポンスする（スレーブへの書き込みは確認しない） ■完全非同期 マスター・スレーブともにWAL書き込みを待たずにユーザにレスポンスする（WALはマスターのメモリ上のみ） スレーブ非同期がMySQLにて弊社でもよく使っているレプリケーションの同期設定です。 今回の設定も「スレーブ非同期」にて設定をしていきます。 レプリケーションの設定（マスター側） それでは実際にマスター側のPostgreSQLの設定をしていきます！ １．レプリケーションをするためのPostgreのユーザを作成する psqlコマンドでログインをして、下記のコマンドでユ

こんにちは、中川です。 ここ1・2年ですが、私の担当するプロジェクトでは、 PHPよりもJavaScriptの開発が多い状態が続いております。 JSのプロジェクトを重ねるにつれ、開発環境も段々と整理されてきましたので、 一旦、最近のJS開発で利用しているライブラリやツールなどをまとめてみました。 フレームワーク ●Backbone.js http://backbonejs.org/ JavaScriptのMVCフレームワーク。 何も使わない(もしくは我流)よりは、これを使って欲しいと思えるフレームワークです。 利用者が多く日本語情報も豊富にあるのと、フレームワーク自体が1500行程度と軽量なため、学習コストを低く抑えることができます。 ●AngularJS http://angularjs.org/ データバインディングを備えたフレームワーク。 高機能なテンプレートや、DIの仕組み、ルーテ

チョーシドウダ？カラダァ？どうも、高橋です！ 今朝、CakePHP2.3.0-beta版がリリースされましたね！ 今回のリリースでは、パフォーマンス、セキュリティ、使いやすさを向上させる新機能が追加されました。 また完全に下位互換があるので、2.2系からのマイグレーションは（おそらく）容易でしょう。 というわけで、早速Cake2.3を使ってACLを実現してみたいと思います。 イメージが掴みにくいと思ったのでデモを作成しました。（がんばりました！ ログイン：http://s1.asial.co.jp/~yuya/blog/20121029/users/login username: adminuser / password: 0000 ACL管理 ：http://s1.asial.co.jp/~yuya/blog/20121029/admin/acl またCakePHPのセットアップについて

以前、Privoxyを使ったネタを書きました。 複雑な書き換え処理が出来るPrivoxyですが、その分オーバヘッドが発生します。 今回は、Ziproxyで通信量を削減し、Squidをでキャッシュさせることにより高速化を目指します。 なお、Ziproxyについては高速回線ではあまり必要無いですが、外出先でemobileを使用して作業をするときに、圧縮プロキシを使用出来ると便利なので導入しました。 １・Privoxyとは？ HTTP通信の内容を書き換えることが出来るプロキシサーバです。 こちらの記事を参照してください http://blog.asial.co.jp/1008 ２・Squidとは 言わずとしれたプロキシサーバです。高機能なのでいろいろなことが出来ます。 このブログをご覧になっている方々の場合、リバプロとして使ったことある人の方が多いのかもしれません。 便利なキャッシュ機構を持って