チャットワーク開発の裏側 - EC studio 技術ブログ
大変ご無沙汰な技術ブログ更新となってしまいました。 振り返ってみると、前回の記事がもう約2年前！ ブログ記事を楽しみにしていただいていた方には申し訳ない限りです。 この2年間、何をやってたかというと、 「チャットワーク」というサービスの開発に全社を挙げて取り組んでいました。 チャットワークはおかげさまで2011年3月1日のリリース以来、 1年で6万ユーザーを突破し現在も順調に成長を続けています。 そして今年の4月1日に、創業から12年使用し続けてきた 「株式会社EC studio」という社名を「ChatWork株式会社」へと 変更することを発表しました。 （※エイプリルフールに発表しましたが、本当です＾＾； 変更の実施は6月ごろを予定） それなりに親しんでいただけていた EC studio という社名を 変更するのは勇気のいることでしたが、チャットワークというサービスには それだけの可能性
Getting Real-Time With Pusher | Envato Tuts+
Do you want to spice up your web applications by making them real-time — but don't want to create new infrastructures for the sole purpose of getting web sockets to work? In this article, we'll explore how to use and implement Pusher, an HTML5 WebSocket-powered real-time messaging service for your applications. Introduction What Are WebSockets? According to the WebSocket Wikipedia page, WebSocket
ウェブサイトをスピードアップさせる29の魔法 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ グーグルでウェブサイトの表示速度をランキングに影響させているというニュースが出てから、ウェブサイトの高速化の方法が少し話題になりましたが、今回はそんな高速化の手法を29まとめて紹介。SEOはともかく、ページの表示速度が速い方がサイト内の滞在時間やコンバージョン率が改善されることは様々なデータで証明されていますし、サイト運営者であれば一度チェックする価値はあるかも？ — SEO Japan ウェブサイトをスピードアップさせよう。コンバージョン率が上がり、回線容量の経費が削減され、そして、オーガニックな検索結果のランキングが上がるなど、理由はたくさんある。 率直に言わせてもらうと、あまりにも頻繁にウ
Facebookに関するアプリ開発情報を調べてみました - もとまか日記
先日以下の記事をきました。 １日体験して実感したFacebookの分かりにくいさがハンパない件 その後、色々とFacebookのアプリを試してみたんですが、思うようなのがなかなか見つからないし、良さそうなのがあってもエラーでまくったりしてなかなか思うようにいかなかったので、 じゃあ自分で作ったらどうだろう？作れるのかな？ ということで、調べてみました。 Facebookアプリの基本・概要 基本はWebアプリなんですね。 [Facebook] Facebookアプリケーションの作成 – 入門編 -Facebookアプリ開発に挑戦（その1・概要）Facebook アプリ作ろうぜ (その1 準備編) Facebookアプリ開発の一連の流れ 連載記事的に紹介されているサイトの各記事です。流れに沿って作業すると分かりやすそうです。 Facebook アプリ作ろうぜ (その1 準備編)Facebook
サーバーサイドでJSとCSSをバンドルする方法 | ユージック
サーバーサイドでJSとCSSをバンドルする方法 2007年11月9日 How To Minimize Your Javascript and CSS Files for Faster Page Loadsという海外のブログでJSとCSSを最小限に抑えてページの読み込みを高速化する方法。具体的にはファイル自体を圧縮する方法と外部読み込みをバンドルする方法がある。今回はその中のサーバーサイドでバンドルする方法を紹介します。 Bundle-Fu – Bundle Your JS/CSS Assets in 10 Seconds or Less Ruby on Railsのプラグイン。RubyとRailsをインストールする必要がある。 Make Your Pages Load Faster by Combining and Compressing Javascript and CSS Files
ZendFrameworkとExtJSを使った超リッチかつ多機能なCMS「pimcore」:phpspot開発日誌
pimcore - Enterprise Content Management Framework ZendFrameworkとExtJSを使った超リッチかつ多機能なCMS「pimcore」 それなんてアプリ？といってしまいそうなリッチな管理画面やWYWIWYG編集、コンテンツのバージョン管理、A-Bテスト等、機能盛り沢山となっています。 管理画面を一見しただけでその高機能さが伺え、使ってみたいという気にさせられます。 バージョン管理機能がいい感じで、次のように、修正前、修正後がtracみたいにわかりやすく表示してくれます。 コンテンツはリッチで綺麗なUIで編集することができるみたいです。 ファイルはツリーで管理でき、画像とかはなんとWEB上でPhotoshopっぽいツールで編集できるようです。 CMS上にコンテンツと連動させた形で、GoogleAnalyticsのAPIを使った解析画面も
PHPでXULによるGUIアプリケーションが作れる仕組み「SiteFusion」:phpspot開発日誌
Open-source PHP/XUL application client-server framework - SiteFusion PHPでXULによるGUIアプリケーションが作れる仕組み「SiteFusion」というものがあるみたいです。 動作原理としては、サーバ側でPHPがJavaScriptのコードを出力し、クライアント側で、JSコードを解釈してGUIアプリケーションにみせるというものです。 PHPによって別言語のコードを吐いてリッチなGUIアプリを作るというのはなかなか面白いですね。 Hello World は次のようなコードになるそうです。 関連エントリ PHPでGUI - スタンドアロンアプリケーション作成方法
Ajaxを使ったクールなインタフェースを持つカレンダー実装スクリプト「PHP Event Calendar」:phpspot開発日誌
Ajaxを使ったクールなインタフェースを持つカレンダー実装スクリプト「PHP Event Calendar」 2010年04月26日- PHP Event Calendar - PHP Scripts - CodeCanyon Ajaxを使ったクールなインタフェースを持つカレンダー実装スクリプト「PHP Event Calendar」というものが公開されています。 UIは次のようにクールで、画面遷移もAjaxによって行われます。 クリックするとLightBox風にイベントがポップアップします。 管理画面もいい感じで、WYSIWYGで予定を編集できます。 有償＄１４となっていますが、１から同じものを作ることを考えるとなかなか安く手に入ります。 改造もPHPなので容易ということで、似たような機能を実装したい場合においては購入してみるのもよさそうですね。 関連エントリ あなたの空き状況が一目でわ
iPhoneかiPodかiPadかを調べるPHPとJSのソースコード例:phpspot開発日誌
How to Identify an Apple iPhone, iPod or iPad Visitor to Your Website iPhoneかiPodかiPadかを調べるPHPとJSのソースコード例が公開されています。 先日もiPad判別コードという似たようなエントリを紹介したのですが、参考になるという方もいたようなのでご紹介。 iPhoneとiPodとiPad、それぞれ、AppleWebKitが使われていますが、バージョン番号が異なってます。 まあ、わかりやすいのですが、iPad、iPhone、iPodがUAに入ってくるのでそれを判別するだけになります。 サイト上のJS、PHPコードもiPad/iPhone/iPodの文字列を調べているだけのようですが、ちゃんとやりたいという方は正規表現を使ってやるとよさそうですね。 関連エントリ iPad用のサイト作成に覚えておくこと色々
CakePHP AjaxでJSONデータの出力の仕方とcontent-typeについて – MT Systems
以前、Ajax通信で結果を出力する際XMLデータだったので、Content-Typeを「application/xml」か「text /xml」にしようと、RequestHandlerのメソッド(setContent)をいろいろ試したのだが、いつも「text/html */*」となり、なかなか思うように出力できなかった。あの時は、クライアント側で支障なく利用できたので、放り出してしまった。 今回、クライアント側のJavaScriptで扱いやすいように、JSONでデータを出力することにしたので、前回クリアできなかったハードルに再 挑戦することとなった。と言っても、CakePHPについは世界中で多くの情報が公開されているため、作業は検索と動作チェックだけだったけど (^_^;)。 お題は、「ユーザ番号をAjaxのGETで渡し、DBのユーザ情報をJSONで出力する」という、簡単なお話し。クライア
MOONGIFT: » 必見！ソート/編集ができる表ライブラリ「TableKit」:オープンソースを毎日紹介
昨日紹介した「Nofunc Table Organize」は表に対して簡単にソート機能が付与できるすばらしいライブラリだ。しかし業務システムを構築していると、それ以外にも要望が出てきたりする。 良くあるのが、その場でデータを修正したいなどと言うものだ。もちろん、技術的に不可能な訳ではない。が、開発コストがかかり過ぎる。そこで使ってみたいのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはTableKit、テーブルのソートに加えデータ編集機能を備えたライブラリだ。 TableKitはNofunc Table Organize同様にライブラリを読み込むだけで既存のテーブルは殆どそのままで使えるソフトウェアだ。ヘッダ部にthead、データ部にtbodyそしてフッタ部にtfootを指定する。 ヘッダ部をクリックして昇順、降順によるソートはもちろん、データをその場で修正できるのが便利だ
TableKit - HTMLのテーブルで任意の列をソート（並び替え）
ウェブサイトの技術っておもしろいよね RDF Site Summary RSS 2.0 このブログは、ウェブサイトで使われる様々な技術や表現についてトモヒロが実際に作成したり 考えたりした事を綴るブログです。 仕事や趣味等についても綴っていきたいと思っています。 おすすめ 最近の記事 カテゴリ ウェブ技術の実践 【Javascript】 フォームの見栄えを良くする 軽量アコーディオンスライダー 【Javascript】[Ajax] 自動入力補完 データ処理中に画像を表示 【Javascript】[Ajax] [prototype] [jQuery] 郵便番号から住所の自動補完 【Javascript】[prototype] テーブルで列の並べ替え 【Javascript】[jQuery] アニメーションするテキストリンク 注目させたい部分を強調 【PHP】 キーワードクラウド 【CSS】
超簡単なはずのTableKitを実際に使ってみたら、ちょっとした苦労が - このブログは証明できない。
簡単にソート、リサイズ、編集機能をテーブルに追加できるJavaScriptライブラリ「TableKit」。いろいろなサイトで紹介されているようですが、実際に使ったというレポートはありませんでした。今回、「タスクたす」でTableKitを実際に使ってみました。 超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」:phpspot開発日誌 no title デモと説明 「タスクたす」のスクリーンショット。 Prototype.jsベースです。まずはJavaScriptを読み込んで、 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="tablekit.js"></script> テーブルにcla
超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」:phpspot開発日誌
超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」 2007年05月31日- TableKit TableKit is a collection of HTML table enhancements using the Prototype framework. 超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」。 次のようなExcel風テーブルが簡単に作れます。 どれぐらい簡単か、というと、必要なJavaScriptを読み込んだあと、table の class に次のように値を指定するだけ。 <table class="sortable resizable editable"> 最低幅の指定など、動作に関するカスタマイズも豊富なオプションによって指定可能です。 こ
PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」:phpspot開発日誌
PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」 2010年03月11日- Run This! PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」。 ブラウザ内の<pre>コードで記述した部分を、その場でそのまま動かすことができ、うまくサイトに組み込めばより訪問者にとってわかりやすいページを作ることが出来そうです。 例えば、PHPの入門サイトなんかでは挙動を一瞬で確認できてしまいます。 具体的には以下の言語に対応しています。 Ada, Assembler, AWK, Bash, bc, Brainf**k, C, C#, C++, CLIPS, Clojure, COBOL, Common Lisp, D, Erlang, Forth
Ajax » jQuery plugin » テーブルソート、テーブル操作 | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説テーブル、リスト、段落など要素内のデータを簡易検索するjQueryプラグイン。 指定した文字列にマッチしたデータを持つ要素だけを絞り込んで表示することができます。 オプションのパラメータで簡単にカスタマイズすることができます。 設置イメージ 設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head>
あなたの空き状況が一目でわかるカレンダー実装PHPスクリプト「Ajax Availability Calendar」:phpspot開発日誌
あなたの空き状況が一目でわかるカレンダー実装PHPスクリプト「Ajax Availability Calendar」 2010年03月04日- Ajax Availability Calendar - an Availability Calendar to show your day-to-day availability 空き状況が一目でわかるカレンダー実装PHPスクリプト「Ajax Availability Calendar」がオープンソースで公開されています。 カレンダースクリプトというと沢山ありそうですが、空き状況をとてもわかりやすく設定したり表示したりするスクリプトはあまり見たことがない気がします。 例えば、簡易オンライン予約システムみたいなものを作る場合も、これを使うことで簡単に構築できてしまいます。 次のように、赤やオレンジ、などでステータスを表示することが出来ます。 各状態
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
PHP＋MySQL＋jQueryでYoutube動画マネージャを作るサンプルプログラム:phpspot開発日誌
http://sky.ap.teacup.com/shibu/102.html