サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
iPad Air
techblog.ecstudio.jp
大変ご無沙汰な技術ブログ更新となってしまいました。 振り返ってみると、前回の記事がもう約2年前！ ブログ記事を楽しみにしていただいていた方には申し訳ない限りです。 この2年間、何をやってたかというと、 「チャットワーク」というサービスの開発に全社を挙げて取り組んでいました。 チャットワークはおかげさまで2011年3月1日のリリース以来、 1年で6万ユーザーを突破し現在も順調に成長を続けています。 そして今年の4月1日に、創業から12年使用し続けてきた 「株式会社EC studio」という社名を「ChatWork株式会社」へと 変更することを発表しました。 （※エイプリルフールに発表しましたが、本当です＾＾； 変更の実施は6月ごろを予定） それなりに親しんでいただけていた EC studio という社名を 変更するのは勇気のいることでしたが、チャットワークというサービスには それだけの可能性
JavaScriptはプロトタイプベースのオブジェクト指向言語で、 PHPやJava、C++などのクラスベースのオブジェクトとは 特徴や書き方が大きく異なります。 今回は、PHPでオブジェクト指向開発の経験がある人向けに、 JavaScriptでのオブジェクト指向プログラミングの書き方を解説します。 サンプルはすべてそのまま実行できるので、 FirebugなどのJavaScriptコンソールで実行して 挙動を確かめながら読み進めるとわかりやすいかと思います。 JavaScript の特徴 すべてがオブジェクト JavaScriptは完全なオブジェクト指向言語であり、 すべての型の変数、関数はオブジェクトです。 (プロパティやメソッドを持つ)
jQueryは、リッチなUIを簡単な記述で実装できます。 デザイナーにも理解しやすい仕様（そこも魅力の一つ！）なので、 いまやデザイナー向けにjQueryを説明するブログもたくさんありますね。 ただ、完全にデザイナー向けのライブラリなのか？というと、そうでもなく デザイナーだけではなくプログラマ視点から見ても魅力があるライブラリだと 言えるでしょう。 今回はプログラマ視点でみたjQueryの魅力と感じた点を簡単にまとめてみます。 コードがスマートになる なんといってもココに魅力を感じます！ 細かく言うと以下のものがあげられます。 ・要素の操作もシンプル簡単！ jQueryはセレクタを利用して要素を簡単に取得し、 エフェクトの追加やDOMの操作ができます。 （CSSとほぼ同様のセレクタを指定して 簡単にDOMの操作ができるところがデザイナーにも優しいですね！） これは、記述方法をみていただけ
twitterを使っていて、デスクトップのキャプチャ画像を つぶやきたい時がよくありませんか？ [キャプチャ画像の例] 通常だとtwitterにつぶやくまではこんな手順ではないでしょうか。 1.キャプチャしたい状態を準備 2.PrintScreenなどでキャプチャ 3.画像編集ソフトで切り抜いてファイル保存 4.twitpicを開いてログイン 5.twitpicでファイルアップロード 6.twitterでURLをつぶやく うーん、手間です。。 キャプチャソフトを使ったり、twitterクライアントを 使えば少しは楽になりますが、いちいちファイルを 保存してアップというのがそもそも面倒です。 twitterなのでもっと気軽にさくっとつぶやきたいところです。 というわけでいろいろとツールを組み合わせて、 超高速でtwitterへキャプチャ画像をアップする仕組みを 作ってみました。 今回の完成品
みなさんはGoogle Chromeを使っていますか？ 最近は拡張機能も正式リリースされて、どんどん便利になっていきますね。 今回はそんなChromeの便利な使い方を一つご紹介します。 Chromeのアドレスバーは検索窓と兼用になっているんですが、 ある設定を追加すると、 任意の検索エンジンや、検索窓のあるサイトの検索をChromeからできてしまうんです。 たとえば・・・ YouTubeの検索をChromeからダイレクトにおこなう場合は アドレスバーに「youtube」と入力して スペース＋検索キーワードを入力すると、youtube検索というものが出現 そして、検索 このように、Chromeから検索できました。 では、実際にどうやって設定を追加するのかをYouTubeを例に説明しようと思います。 好きな検索エンジンの追加手順 まずはChromeの右上のメニューからオプションを開きます ウィ
「iPhoneとツイッターで会社は儲かる」がAmazonで販売開始され、 EC studioでは様々なプロモーション活動を行っております。 プロモーションの効果測定をするために、Amazonの商品ページへアクセスして Amazonの中で現在何位なのか順位チェックを行っていましたが、 面倒くさくなったので自動ランキング取得システムを作成しました。 今回はAmazon APIを使って、簡単にAmazonの商品情報（ランキング）を 取得する方法をご紹介いたします。 今回の完成品 こんな感じでAmazonの商品情報を取得できます。 [ 使用サービス ] ※無料 ・Amazon API ・PEARのServices_Amazonライブラリ ※Amazon API とは AmazonアソシエイトWebサービスが提供する「Product Advertising API」のこと Amazonの商品情報や関
Googleが提供する、Google App Engineというサービスを知っていますか？ Amazon EC2などと同じで、Googleが用意するクラウドサーバー環境で アプリケーション開発ができるというサービスです。 (レンタルサーバーのようなもの) その大きな特徴は、なんといっても月間500万PV相当まで"無料"ということです。 ※有料で制限を拡張することも可能 ※2011/09/07 注 Google App Engineの新料金体系が発表されました。 新料金体系では無料で使える枠が大幅に削減されています。 この記事の無料での使用制限に関する記述は、新料金体系では 正しくありませんのでご注意ください。 「App Engine は無料で始めることができます。最大 500 MB の永続性ストレージに加え、月間約 500 万ページ ビューに対応できる十分な CPU と帯域幅を、すべてのア
PHPでデバッグする際に、「echo」や「print_r」を大量に書いていたりしませんか？ そんな方達のために、EclipseとZend Debuggerを使った簡単デバッグ方法について説明したいと思います。 [前提条件] OS : Windows EClipse3.5(PDT)日本語化パッチ適用、およびXAMPPをインストール済み Zend Debuggerの設定 (1) 公式サイトから「ZendDebugger-x.x.x-cygwin_nt-i386.zip」をダウンロードし、適当なディレクトリに展開する ※「x」の部分はバージョン (2)「xampp\php」以下に「ZendDebugger」フォルダを作成し、その中に先ほど解凍したフォルダ内の「x_x_x_comp\ZendDebugger.dll」をコピーする ※「x」の部分はバージョン。PHP5.2環境の場合は「5_2_x_c
twitterを使っている時に、自分が興味のあるつぶやきが フォローや検索をしなくても勝手にタイムラインに 流れてきたらなぁ・・・と思ったことはありませんか？ 私もtwitterを使ってよくEC studio関連のことや、 新しく出したアクセス解析サービスについてのつぶやきが見たくて、 毎回検索していましたが、面倒になったので 自動で集めてくる仕組みを作ってみました！ 今回の完成品 今回の完成品です。 専用のアカウントを作成し、そのアカウントが 興味のあるキーワードを含んだつぶやきをtwitter全体から検索し、 見つけたら自動でつぶやくようにしてみました。 この画像の例で言うと、EC studioという文字が 含まれるつぶやきがあれば自動でつぶやいてくれます。 (ecstudioでも、ECスタジオでも、イーシースタジオでもok) そのアカウントさえフォローしておけば、 自分のタイムライン
Linuxにはtailというファイルの末尾10行程度を表示する、 ログファイルのチェックなどに便利なコマンドがあります。 オプションで一定間隔で常に末尾10行の表示を 更新し続けることもでき、ログの監視などに使えます。 ただ、とっても便利でサーバー管理者御用達のこのコマンド、 当然ながらシェルでログインできなくては使えません。。 レンタルサーバーなどでシェル権限がない場合も多いですし、 何よりもっとカンタンにブラウザから見たい！と思いませんか？ 業務上の都合もありとっても欲しくなってので、作っちゃいました。 jQueryとPHPを使えば、思った以上にサクッと作れてしまったので、 技術ブログでソースコードや解説も含めて公開します。 (jQuery、メチャクチャ便利！です) jQuery + PHPでtailを作る！ まずは今回の完成品です。 シンプルですね。 「TAIL」ボタンを押すとtai
先日スタートしたiPhone支給制度により、 とうとうiPhoneが手に入りました！ iPhoneにはもともとすごく興味があったのですが、 色々なウワサを聞いていたので(笑)、メイン携帯で 持つのは厳しいなと購入を見送っていました。 が、実際手に入れてみるとコレはスゴイ！ Web業界関係者、特にエンジニアの人は ホントに感動すると思います。 ・・・というわけで、この週末はテンションが上がってしまい すっかりiPhoneウィークエンドになってしまいました。 このiPhone、いかに直感的だといいつつも 付属のマニュアルはペラペラだし、操作も独特なので なかなか使いこなすのにはパワーが必要です。 (裏技だらけです・・・) そこで週末をかけて身につけた、iPhoneをはじめて持った人が 知っておくといいTipsを紹介します。 iPhone操作編 ・iPhoneで使われる用語 タップ = クリック
Web開発にはかかせないFTPソフト、みなさんは何を使ってますか？ FFFTP、NextFTP、SmartFTPなどのメジャーどころを 使ってる方が多いでしょうか。 私も以前はそれらのソフト他、数十種類のソフトを 試しては辞め、試しては辞めして、結局いままで 満足のいくソフトに巡り会えませんでした。 ですが、先日FileZillaのバージョンアップがあり、 ついに私が望む機能がほぼ満たされたソフトになりました。 私がFTPソフトに望む機能は下記です。 FTPソフトに望む機能 1.SFTPに対応していること (秘密鍵ファイルにも対応) 個人で使うならともかく、ビジネス用途であれば SFTP,FTPS,SCPなど暗号化通信は必須です。 日本製のFTPソフトはココが弱いですね・・ 2.ブックマーク機能があること ローカル側、サーバー側両方のパスを ブックマークして瞬時に開く機能です。 頻繁にフォ
Skypeが3.8から4.0へメジャーアップデートされました。 4.0はインターフェイスや機能が大幅に見直されています。 4.0はベータ版の時からチェックしていて、オープンチャットがなくなったり、 ブックマークがなくなったりとEC studioでかなりヘビーに使っている機能が なくなってゲンナリしてたんですが、UIにこだわるSkypeが正式版として 自信持って出すからには、いままでできてたことも別の形で できるようになってるんだと信じ4.0にチャレンジしました。 結果は・・・・・ かなりいいです！4.0。 慣れるまでが結構大変ですが、慣れてしまえば 3の頃よりも快適にチャットをさばくことができます。 Skype3に慣れている人のために、Skype4.0のポイントを 説明したいと思います。 メインウィンドウとチャットウィンドウが統合された 4.0で一番びっくりするところですが、チャットが 個
チーム開発をしていると、画面レイアウトのレビューを することがよくあります。 スタッフ「できました！見てもらえますか？」 私「おっ、どれどれ・・・。 ここのボタン少し位置ずらそうか。 上にマージン3pxぐらいで」← 細かい なんて会話をよくします。 そこでスタイルシートをいじって保存してもらい、 ブラウザをリロードすると、 私「うーん、もう1px！」← 細かい という微調整がたくさん入って大変です＾＾； そんな時に便利なFireFoxプラグインをご紹介します。 FireBugでスタイル調整 FireBugは入れてる方も多いと思いますが、 JavaScriptのデバッグから、CSSの調整、 通信まわりの解析など強力な開発支援機能があります。 (インストールはこちらから) まず、レビューしたいページでFireBugを開きます。 ステータスバーの をクリック FireBugのウィンドウが開きます
VistaにはWindowsフォトギャラリーという JPEG、GIF、PNGなどが閲覧できる 画像ビューワーがついています。 起動も軽くて便利なのですが、致命的な問題が。 PCの環境によって、色がおかしくなってしまうのです。 (※弊社で使ってるDELLではそうなります) ↓正常だとこう見えるのが、(デスクトップのキャプチャ画像) ↓Windowsフォトギャラリーで見ると、、 こんな風に残念なことになります (Windowsフォトギャラリーをスニッピングツールでキャプチャしました) いつも別のビューワーで見る、我慢する(笑)など がんばってたのですが、一念発起して直す方法を 探してみました。(見つかりました！) まず、コントロールパネルを開きます。 「クラシック表示」にして、「色の管理」を選択します。 「色の管理」を開いたら、 「このデバイスに自分の設定を使用する」にチェックを入れます。 次
Google Ajax Libraries APIは知っていますか？ prototype.jsやjQueryなど、有名どころの JavaScriptライブラリをGoogleがホストしてくれ、 自由に自分のサイト、サービスに利用できます。 Googleのサーバーを使うことで、 ・サーバーにアップロードしなくてもOK ・配信しなくていいのでサーバーの負荷減少 ・Googleインフラなので高速＆安定 ・他のサイトで使われていて既に ユーザーがキャッシュしている場合もあり など、いいことずくめです。 さらに、Googleはhttpsの配信にも 対応してくれているので、ログイン内など にも使用可能です。(太っ腹！ ) 使い方などはこちら(Google Code)をどうぞ。 今回、新しくFlashの埋め込みに便利なSWFObjectと、 YahooのJavaScriptフレームワークYUIが 仲間入り
Amazonを活用したサービスの開発を行う場合、 EC2、S3の料金体系は通常のデータセンターや レンタルサーバーに比べると特殊なので、 サーバー設計時に気を遣います。 (ちゃんと考えないとコストパフォーマンス悪いです) そこで、Amazonのサイトで料金表を 見比べながら構成を考えたりするのですが、 この料金表がそれぞれのサービスで 書き方が違ったり、ページが別だったりと 微妙にわかりづらい！(英語だし) というわけで一覧にして見られる様に マインドマップを使ってまとめてみました。 あと日本語化もしています。 ↓こんなかんじです。 Amazon EC2 ダウンロード (PDF) (Amazon EBS、Elastic IPを含む) S3も作ってみました。 Amazon S3 ダウンロード (PDF) (Amazon Cloud Frontを含む) マインドマップ(MindManager)
Googleが提供するグループウェア、Google Appsに待ちに待った Google Video for Businessが追加されました。 基本的な機能のイメージとしては通常のGoogle Videoと変わりませんが、 グループウェアとしての機能が強化されているのが特徴です。 Google Appsのメンバー内だけでの公開が可能なので、 公開したくない社内用のプレゼンや、イベントの動画なども 気軽にアップすることができます。 ※ただし、いまのところ、Google Apps Premier Edition のみの機能です(有料) 本日追加されたばかりの機能ですが、すでに社内で活用をはじめてますので 速攻レビューをしたいと思います！ では、まずHome(トップページ)から。 (クリックすると拡大) いまのところ動画が二つアップロードされています。 本日採用されたばかりの○○さんの挨拶動画
PHPで最もメジャーなテンプレートエンジン、Smartyの 次期バージョンが開発スタートしたようです！ http://www.smarty.net/ まだアルファ版ですが、実質PHPのデファクト スタンダードにまでなっているテンプレートエンジンの バージョンアップですので、大期待です。 なお、PHP5専用の様です。(移行済んでますか？ ) バージョン3の基本コンセプトが記載されていたので、 簡単に訳してみます。 原文： http://smarty-php.googlecode.com/svn/branches/Smarty3Alpha/README Smarty3 基本コンセプト ・基本的な使い方は変わらない
PHPのテンプレートエンジンとして、 Smartyを使っている方は多数いるかと思います。 小規模なシステムであればシンプルで使いやすいのですが、 システムが大きくなるに従って、 header.tpl、footer.tpl、banner.tplなど パーツ化され細分化していき、管理が煩雑になってきます。 サイトを修正するにあたっても、 あれ？ここどこのテンプレートファイルだったっけ？ となるようなこともよくあります・・・ というわけで、Smartyを拡張して 簡単にテンプレートファイルを見分けられるような 機能を作成してみました。 この機能を使うと、Smartyを使ったページを 下記のようにアウトライン化して表示できます。 めちゃくちゃ見やすいっ！！ (サンプルは ESET Smart Securityのサイト) サイドバーもこの通り。 この機能の実装方法ですが、とてもシンプルです。 Sma
PHPでSmartyを活用されている方は多いかと思いますが、 何年もたって「実はこんな機能があったのか～！」と後から 気づくことが多々あります。 今回は私がもっと前に知っておけば良かったと 思う機能を中心にいくつかご紹介します。 テンプレート内で定数を使用する PHPでdefineされた定数をテンプレートで使用したい場合、
以前書いたテキストエディタからPHPEclipseへ移行した決め手の 記事から一年たちました。 Eclipseも新バージョンが登場し、PDTも1.0正式版が出ましたし、 OSも社内ではVistaに切り替わりつつあります。 というわけで、開発環境一新プロジェクトが立ち上がり、 新しくでた環境の検証を行いました。 EclipseはFireFoxと同じようにプラグイン機構なのですが、 構成をいじろうとするとツールごとの相性の問題などで 頻繁にエラーがでてしまいます Eclipse本体のバージョンやプラグインのバージョンを とっかえひっかえしながら安定する環境をなんとか作成しました。(大変！) 最終的に作った環境は以下になりました。 Eclipse Platform 3.3 Europa Pleiades (日本語化プラグイン) PHPEclipse v1.1.8 (PHP開発環境) Subcli
Windows Vistaには画面キャプチャツールとして、 スニッピングツールというプログラムが標準で付属しています。 これがめちゃくちゃ便利！ これを知ったあとはいままでのPrintScreenなんか 使ってられません。 このブログの画像スクリーンショットもそうですが、 社内ドキュメント、プレゼンなどにも大活躍。 案外知らない人が多いみたいなので ご紹介しようかと思います。 スニッピングツールを起動する スニッピングツールはスタートメニューの アクセサリの中にあります。(なかなか気づかない・・) 検索するとさっと見つけることができます。 こう打つと こう出てきますのでクリック！ 初回起動時に、クイック起動バーに入れるか聞かれますが、 便利なのでぜひ入れておきましょう。 (注：クイック起動バーに入れるとスタートメニューのアクセサリからは削除されます) スニッピングツールの操作方法 操作はと
PHPで長時間かかる重い処理を行うとき、 マルチスレッドで動かせたらなぁ！と思うことがよくあります。 マルチスレッド処理を行うことで、時間のかかる処理を 複数同時に並列実行でき、高速化することができます。 (特に通信処理などで遅延がある場合に有効です) PHPにはpcntl_forkというプロセスをフォーク(複製)することが できる関数がありますが、これはPHPをCGIモードで 動かしている場合にのみ有効です。 通常はPHPをApacheモジュールとして動作させていることが 多いので、これが使えないケースが多々あります。 他には、system関数などでシステムコールを行い、 など & を使って実行するという方法もありますが、 これもphpがCGI版として実行できなければいけません。 システムコールで呼ぶプログラムをPerlなどで 書けばいいのですが、できればPHPで全部統一したいものです。
5月も終わり、いよいよ来週からEC studioでは恒例の合宿に入ります。 前回の合宿から新しく技術部スタッフも二人増え、 総勢9名体制で開発を行っていきます。 今年4月から新卒になった3人も、社員としては初の合宿で 気合いが入っているようで楽しみです。 今回は社内用ですが、AIRを使ってのアプリケーション開発も本格的にチャレンジします！ さあ、がんばっていきましょう！！ ＞ALLスタッフ さて、週間TechNewsです。 「Google Gears」から「Gears」へ、オフラインDB機能をさらに強化 | エンタープライズ | マイコミジャーナル ブラウザにローカルPCへのデータベースなどを提供する Google GearsがGearsへ名称変更。 Googleブランドをはずすことで業界の標準にしていこうと 動いているようです。 機能面でもどんどん強化していくそうです。 同時期に、 Te
前回のお手軽ベーシック認証に引き続き、 今回はPHPで簡単にダイジェスト認証をかける関数を作成してみました。 ベーシック認証はとてもシンプルな認証方式のため、 パスワードがそのままHTTPのネットワークを流れてしまい、 盗聴などセキュリティ上の危険性があります。 ダイジェスト認証はその点を改善する為に作られた認証方式で、 パスワードをハッシュ化(復元不可能な形式)して送信する為、 例えパケットを盗聴されたとしてもパスワードの特定は とても困難になります。 関数本体のコード：
PHPで簡単にベーシック認証をかける関数を作成してみました。 .htaccessなどの設定をせずに、phpの関数として自由に認証をかけることができるので、簡易の管理画面などに使うととても便利です。 関数本体のコード：
次のページ
このページを最初にブックマークしてみませんか？
『EC studio 技術ブログ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く