EC studio EC studio 技術ブログ

2012年04月23日投稿者:山本 正喜

チャットワーク開発の裏側

大変ご無沙汰な技術ブログ更新となってしまいました。
振り返ってみると、前回の記事がもう約2年前!
ブログ記事を楽しみにしていただいていた方には申し訳ない限りです。

この2年間、何をやってたかというと、
チャットワーク」というサービスの開発に全社を挙げて取り組んでいました。

チャットワークロゴ

チャットワークはおかげさまで2011年3月1日のリリース以来、
1年で6万ユーザーを突破し現在も順調に成長を続けています。

そして今年の4月1日に、創業から12年使用し続けてきた
「株式会社EC studio」という社名を「ChatWork株式会社」へと
変更することを発表しました
(※エイプリルフールに発表しましたが、本当です^^;
変更の実施は6月ごろを予定)

それなりに親しんでいただけていた EC studio という社名を
変更するのは勇気のいることでしたが、チャットワークというサービスには
それだけの可能性があると感じ、不退転の覚悟で決断しました。

今回は、チャットワーク開発の裏側というところで、この2年を振り返りながら
チャットワークを開発するまでの過程や、開発したなかで得たノウハウや
開発手法などをまとめて記事にしたいと思います。

続きを読む

2010年06月22日投稿者:山本 正喜

PHPエンジニアのためのオブジェクト指向JavaScriptの書き方

JavaScriptはプロトタイプベースのオブジェクト指向言語で、
PHPやJava、C++などのクラスベースのオブジェクトとは
特徴や書き方が大きく異なります。

今回は、PHPでオブジェクト指向開発の経験がある人向けに、
JavaScriptでのオブジェクト指向プログラミングの書き方を解説します。

サンプルはすべてそのまま実行できるので、
FirebugなどのJavaScriptコンソールで実行して
挙動を確かめながら読み進めるとわかりやすいかと思います。

続きを読む

2010年03月09日投稿者:津留 奨史

プログラマ視点でみたjQueryの魅力

jQueryは、リッチなUIを簡単な記述で実装できます。

デザイナーにも理解しやすい仕様(そこも魅力の一つ!)なので、
いまやデザイナー向けにjQueryを説明するブログもたくさんありますね。

ただ、完全にデザイナー向けのライブラリなのか?というと、そうでもなく
デザイナーだけではなくプログラマ視点から見ても魅力があるライブラリだと
言えるでしょう。

今回はプログラマ視点でみたjQueryの魅力と感じた点を簡単にまとめてみます。
続きを読む

2010年02月22日投稿者:山本 正喜

超高速でtwitterにキャプチャ画像をつぶやく仕組みを作ってみました

twitterを使っていて、デスクトップのキャプチャ画像を
つぶやきたい時がよくありませんか?

[キャプチャ画像の例]
キャプチャサンプル

通常だとtwitterにつぶやくまではこんな手順ではないでしょうか。

1.キャプチャしたい状態を準備
2.PrintScreenなどでキャプチャ
3.画像編集ソフトで切り抜いてファイル保存
4.twitpicを開いてログイン
5.twitpicでファイルアップロード
6.twitterでURLをつぶやく

うーん、手間です。。

キャプチャソフトを使ったり、twitterクライアントを
使えば少しは楽になりますが、いちいちファイルを
保存してアップというのがそもそも面倒です。

twitterなのでもっと気軽にさくっとつぶやきたいところです。

というわけでいろいろとツールを組み合わせて、
超高速でtwitterへキャプチャ画像をアップする仕組みを
作ってみました。

今回の完成品

ショートカットキーをたたくと

カーソルが十字に

カーソルが十字にかわり、

範囲指定

ドラッグして範囲指定すると

twitpicへアップロード

即座にtwitpicにアップされ、画像のプレビュー画面が表示されます。
(http://twitpic.com/xxxxx をクリックするとtwitpicが開きます)

ここから、「この画像をツイートする」をクリックすると、

twitterへpost

twitterが開き、そのURLがすでに入力された状態になります。
あとはコメントを書いてpostすればok!

というものを作ってみました。
キャプチャをtwitterへつぶやくまでにかかる時間はたった数秒です。

デスクトップのキャプチャソフトと、twitpicのAPIを連携させて実現しています。
スクリプトを改造すればtwitpic以外のサービス(tumblr,flickrなど)に
アップしたりなども自在なので、なかなか面白い仕組みが
できたのではないかと思います。 :)

では、さっそく作り方を説明します!

続きを読む

投稿者:渋谷 悠司

Google Chrome から好きな検索エンジンで検索する方法

みなさんはGoogle Chromeを使っていますか?
最近は拡張機能も正式リリースされて、どんどん便利になっていきますね。

今回はそんなChromeの便利な使い方を一つご紹介します。

Chromeのアドレスバーは検索窓と兼用になっているんですが、
ある設定を追加すると、
任意の検索エンジンや、検索窓のあるサイトの検索をChromeからできてしまうんです。

たとえば・・・

YouTubeの検索をChromeからダイレクトにおこなう場合は

アドレスバーに「youtube」と入力して
100204input_youtube

スペース+検索キーワードを入力すると、youtube検索というものが出現
100204chage

そして、検索
100204search_youtube

このように、Chromeから検索できました。

では、実際にどうやって設定を追加するのかをYouTubeを例に説明しようと思います。

続きを読む

2010年02月17日投稿者:小野

Amazon APIを使って簡単にランキングを取得する

iPhoneとツイッターで会社は儲かる」がAmazonで販売開始され、
EC studioでは様々なプロモーション活動を行っております。

プロモーションの効果測定をするために、Amazonの商品ページへアクセスして
Amazonの中で現在何位なのか順位チェックを行っていましたが、
面倒くさくなったので自動ランキング取得システムを作成しました。

今回はAmazon APIを使って、簡単にAmazonの商品情報(ランキング)を
取得する方法をご紹介いたします。

今回の完成品

こんな感じでAmazonの商品情報を取得できます。
プログラム実行結果
[ 使用サービス ] ※無料
・Amazon API
PEARServices_Amazonライブラリ

※Amazon API とは
AmazonアソシエイトWebサービスが提供する「Product Advertising API」のこと
Amazonの商品情報や関連コンテンツをプログラムを通してアクセスできる
サービスが提供されています。

※PEARのServices_Amazonライブラリとは
PEARが提供するAmazon APIを簡単に使えるライブラリ

続きを読む

2010年02月07日投稿者:山本 正喜

Google App Engineを使って無料でサイトを立ち上げる方法

Googleが提供する、Google App Engineというサービスを知っていますか?

Google App Engine

Amazon EC2などと同じで、Googleが用意するクラウドサーバー環境で
アプリケーション開発ができるというサービスです。
(レンタルサーバーのようなもの)

その大きな特徴は、なんといっても月間500万PV相当まで“無料”ということです。
※有料で制限を拡張することも可能

※2011/09/07 注
Google App Engineの新料金体系が発表されました。
新料金体系では無料で使える枠が大幅に削減されています。
この記事の無料での使用制限に関する記述は、新料金体系では
正しくありませんのでご注意ください。

「App Engine は無料で始めることができます。最大 500 MB の永続性ストレージに加え、月間約 500 万ページ ビューに対応できる十分な CPU と帯域幅を、すべてのアプリケーションで完全に無料で利用できます。」
- Google App Engine公式ドキュメントより

月間500万PVというと、相当な人気サイトでも余裕でさばけるようなスペックです。
これが無料というのはスゴイ・・・。

もちろんGoogleが提供する環境なので、信頼性の高さ(落ちにくさ)は間違いなしです。

このGoogle App Engine(以下 GAE)、アプリケーション開発だけでしか
使えないと思われがちなのですが、実は設定を工夫すれば
通常のHTMLによるサイトを作って運用することも可能です。

多少初期設定の手順は複雑ですが、このスペックのサーバーを無料で
使用出来ることを考えれば試してみる価値はあるのではないかと思います。

Webサイトを立ち上げるまでの手順をまとめてみましたので、公開したいと思います。
※縮小してある画像はクリックして拡大できます

続きを読む

2010年02月05日投稿者:池田 雅春

Eclipse3.5PDT+Zend Debugger+XAMPPでラクラクPHPデバッグ

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_comp」フォルダからコピーする。

(3)「xampp\apache\bin\php.ini」を編集する

[Zend]
zend_extension_ts= “C:\xampp\php\ZendDebugger\ZendDebugger.dll”
zend_debugger.allow_hosts= 127.0.0.1/192.168.0.*
zend_debugger.deny_hosts = all
zend_debugger.expose_remotely = always

※ディレクトリパスやIPは状況に応じて変更してください。
※もともと[Zend]内に記述されていた項目は状況に応じてコメントアウトしてください

(4)インストール確認
phpinfo()で「Zend Debugger」という文字列が表示されている事を確認

phpinfo

続きを読む

2009年12月08日投稿者:山本 正喜

twitterの興味のあるつぶやき(ツイート)を自動で収集する仕組みを作ってみました

twitterを使っている時に、自分が興味のあるつぶやきが
フォローや検索をしなくても勝手にタイムラインに
流れてきたらなぁ・・・と思ったことはありませんか?

私もtwitterを使ってよくEC studio関連のことや、
新しく出したアクセス解析サービスについてのつぶやきが見たくて、
毎回検索していましたが、面倒になったので
自動で集めてくる仕組みを作ってみました!

今回の完成品

今回の完成品です。

自動つぶやき収集ツール

専用のアカウントを作成し、そのアカウントが
興味のあるキーワードを含んだつぶやきをtwitter全体から検索し、
見つけたら自動でつぶやくようにしてみました。
続きを読む

2009年10月06日投稿者:山本 正喜

jQueryとPHPでLinuxのtailコマンドを実装する

Linuxにはtailというファイルの末尾10行程度を表示する、
ログファイルのチェックなどに便利なコマンドがあります。

オプションで一定間隔で常に末尾10行の表示を
更新し続けることもでき、ログの監視などに使えます。

Linux tailコマンド

ただ、とっても便利でサーバー管理者御用達のこのコマンド、
当然ながらシェルでログインできなくては使えません。。

レンタルサーバーなどでシェル権限がない場合も多いですし、
何よりもっとカンタンにブラウザから見たい!と思いませんか?

業務上の都合もありとっても欲しくなってので、作っちゃいました。

jQueryとPHPを使えば、思った以上にサクッと作れてしまったので、
技術ブログでソースコードや解説も含めて公開します。
(jQuery、メチャクチャ便利!です)

続きを読む

Page 1 of 812345...Last »
投稿者
人気のエントリー
カテゴリー
最近のエントリー
アーカイブ
Copyright© ChatWork, All Rights Reserved. secured by ESET.