文系ド素人がmixiアプリを開発〜リリースするまでのまとめ - kazu0620's blog
というわけで プログラミング未経験の状態から、mixiアプリのリリースまでなんとか漕ぎ着けることができました！最近、OpenSocial界隈は盛り上がってるみたいだし、プログラミング経験はないけれど、興味ある！って人も多いと思います。そこで、所謂「ド素人」の状態からプログラミングを勉強してmixiアプリをリリースするに至るまでの僕の軌跡と、何をどう勉強すればいいのか？ってのをまとめてみました。webで調べたり、プログラマの知人に相談したりしてこれは良かった！って部分を抜き出してまとめたので、これから勉強するぞって方は参考にして頂ければ幸いです。これであなたもＳＡＰ（ソーシャル・アプリ・プロバイダー）に！ 完成したアプリ 「一行リレー小説」 http://mixi.jp/view_appli.pl?id=15525 開発期間：実質3ヶ月程度 リリース日：3月24日 現在の投稿総数:7622行
JavaScriptでどうしても外部のドメインのコンテンツを読みたい際に使えるプロキシスクリプト「Simple PHP Proxy」:phpspot開発日誌
JavaScriptでどうしても外部のドメインのコンテンツを読みたい際に使えるプロキシスクリプト「Simple PHP Proxy」 2010年01月08日- JavaScriptでどうしても外部のドメインのコンテンツを読みたい際に使えるプロキシスクリプト「Simple PHP Proxy」が公開されています。 自分のサイトにおいた、proxy.phpに対して、proxy.php?url=//phpspot.org/blog/ といった形でURLを指定するとPHP内でcurlが外部ドメインのコンテンツをロードしてきてくれ、JS側からはそのまま自ドメインのproxy.phpにアクセスするという形でクロスドメインを可能にするajaxでは最も古典的なやり方を実現するためのPHPで書かれたプロキシスクリプトです。 クッキーなどもそのまま送ってくれる機能や、JSONでレスポンス値を受け取るモードなど
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
Compare PHP, Java, Python, JavaScript & CSS Frameworks » Best Web Frameworks
After 15 years I'm announcing the closure of Bestwebframeworks.com. This decision was not made lightly and it comes with mixed emotions. While this chapter is coming to an end, I am somewhat proud of what we have achieved together. Hoping that the shared knowledge and experiences gained here will continue to enrich your decisions to choose the most suitable web framework for your needs while the w
複数のCSS/JavaScriptを結合＆圧縮·phpFlair MOONGIFT
phpFlairはPHP製Webベースのオープンソース・ソフトウェア。jQueryなどのJavaScriptフレームワークやCSSフレームワークを用いていると、ついつい一度のアクセスで多数のコネクションが張られるようになる。これではサーバの負荷はもちろんクライアントでも表示が遅くなってしまう。 利用するサンプル（公式サイトより） そこで考えたいのがJavaScript/CSSファイルをそれぞれ結合して一度のアクセスで済ませてしまう方法だ。手作業でもできるが、メンテナンスを考えると自動処理の方が便利そうだ。phpFlairを使えばそれを簡単に実現できる。 phpFlairはPHPで作られているのでPHPを使ったプロジェクトでは手軽に導入できそうだ。JavaScriptファイルやCSSファイルを表示する際にphpFlairを経由して呼び出すことでキャッシュしたり、レスポンスのヘッダにもキャッシ
jQueryで実装する進捗グラフ付き複数ファイルアップローダー:phpspot開発日誌
Multiple File Upload With Progress Bar Using jQuery jQueryで実装する進捗グラフ付き複数ファイルアップローダー。 次のようなマルチファイルアップローダーが実装できるjQuery＋PHPなソースが公開されています。 アップロード部分には swfupload を使っているみたい。 サイトではjQueryを使っていて、こういう機能を実装したいという場合に覚えておくと使えるかも。 関連エントリ jQueryでチェックボックスをすごい形にカッコよくしちゃう方法 jQueryでリアルタイムにCSSを書き換えるサンプル jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごい ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集
ファンシーなデザインがいい感じのAjax＆PHPなコンタクトフォーム作成サンプル:phpspot開発日誌
A Fancy AJAX Contact Form ? Tutorialzine ファンシーなデザインがいい感じのAjax＆PHPなコンタクトフォーム作成のチュートリアルと、ソースコードが公開されてます。 次のようなデザインで、入力値にエラーがある場合のバリデーション機能とヒントのポップアップ機能が付いてます。 ヒントのポップアップが影付きなど、デザインがなかなか優れているのがいいですね。 CSSベースなので、デザインの変更も容易です。 関連エントリ シンプルなActionScript3で出来たコンタクトフォーム PHPとAjaxを使ったリアルタイム値チェック機能付きコンタクトフォーム「LightForm」 Ajax＆PHPでアニメーションするコンタクトフォームを作成するサンプル
PHPでJSON - Do You PHP?
[2006/10/31] php-jsonはPHPのソースツリーに取り込まれ、PHP5.2.0からデフォルトで組み込まれるようになります。 Web2.0の盛り上がりに連れてますます盛り上がっているAJAXですが、非同期通信でやりとりされるデータフォーマットとしては、 XML形式 JSON(JavaScript Object Notation)形式 があります。以前AJAXのサンプルを作ったときはデータはXML形式でしたが、（今更ですが）今回はJSONを色々試してみます。 PHPでJSONを扱う場合、現時点で以下の二つのモジュールがよく知られています。いずれも配列・連想配列などをJSON形式へ変換する機能を提供しています。 PEAR::Services_JSON php-json 今回はこれらのインストール手順のまとめと簡単な動作サンプルの作成、前回の郵便番号検索をそれぞれのJSONに焼き直
Twitterをサイトに組み込むチュートリアル＆サンプル集:phpspot開発日誌
Twitterをサイトに組み込むチュートリアル＆サンプル集。 当サイトにて、色々とTwitterの機能を実装する仕組みを色々と紹介しましたが、それらをまとめてみました。 JavaScript によるTwitterメッセージの埋め込み Twitterのメッセージをページに載せられるJavaScript「Twitter.js」 JavaScript 単体でTwitterのメッセージをサイトに簡単に埋め込み可能 サイトにリアルタイム更新＆検索機能付きTwitter窓を設置できるjQueryプラグイン「Juitter」 画面遷移なしにTwitterステータス表示＆検索ができるウィジェットを設置可能。 PHP製のウィジェットや投稿用サンプルコード等 Twitterのメッセージ表示などができるPHP＆AJAXなブログパーツ実装が可能な「Ptwix」 Twitterのメッセージ表示用のリロード機能付きウ
JavaScriptからPHPの関数を呼び出せるインタフェース提供ライブラリ「jQPie」:phpspot開発日誌
jQPie (Jquery PHP interface extension) JavaScriptからPHPの関数を呼び出せるインタフェース提供ライブラリ「jQPie」。 <a>のonclickイベントからPHPの関数をキックするという仕組みが簡単に実装できます。 PHP関数の返り値を alert したりすることも出来ます。 例えば、以下のコードを見てみましょう。 <a href="#" onClick="$.getJSON('handler.php', { handler: 'json', callback: 'getarray' }, function(json) { alert(json.a)})">Test 1</a> .getJSON メソッドの第一引数に、キックするPHPのソースコードを指定、第二引数に、返り値をjsonで受け取る指定と、callback として、PHPの関数
ユーザのマウスの動きを保存して再生できるPHP+Ajaxな仕組み「smt」:phpspot開発日誌
(smt) simple mouse tracking // home ユーザのマウスの動きを保存して再生できるPHP+Ajaxな仕組み「smt」がなかなか興味深いです。 次のように、マウスを移動した軌跡を描画してくれ、利用者のマウスの動きを元にユーザビリティ向上に貢献できそう。 smtを使ったデモムービー集ページ mousemove イベントを使って座標をトラッキングさせてデータをサーバに保存、あとはデータを元にタイマーを使って描画するという仕組みのようで、なかなか面白いですね。 アクセスが多いとデータ量も結構なものになってきそうなので、自前でやるしかこうしたデータをちゃんと見ることは難しいのかもしれません。 このsmt は、ダウンロードしてサーバ設置型なので、遠慮なく使えますね。 関連エントリ Yahoo!のアクセス解析ツール「Yahoo! Web Analytics」 ケータイ用高機
Phototype – JavascriptとPHPで画像操作を行なうライブラリ | 秋元@サイボウズラボ・プログラマー・ブログ
Phototypeは、Javascriptの呼び出してサーバ側のPHP/GDを呼び出し、画像を加工させるというアイデアの実装サンプル。 こういう元画像を、 縮めて、回転させて、影をつけて、キャプションをつけると、こう表示される。 Javascript側は、PHPの呼び出しをラップしただけで、ほとんど処理らしい処理は無い。PHP側では、指定した画像をURL経由で読み込んで、GDで変換して表示しているが、ソースを見ると危険が満載なので、これをそのまま設置して使ったりはしない方がいい。あくまで「やってみた」レベルの話だと思う。 作者のページのサンプルも、結果の画像をstaticに保存しなおして貼ってあるぐらいなので、表示のたびにPHPで画像を生成するこのままの仕組みでは実用にならないとは思うけれど、パラメータの受け取りやエラー処理を改善し、キャッシュを効かせて限定した用途で使えば、Javascr
PHPのSpiderMonkey拡張を使ってPHPコード内でJavaScriptを使うチュートリアル:phpspot開発日誌
PHPでGoogleMapのジオコーディングAPIを簡単に使えるサンプルコードとラ... 次の記事 ≫：ブラウザで快適に見れるSymfony開発チートシート Using JavaScript in PHP with PECL and SpiderMonkey PHPのSpiderMonkey拡張を使ってPHPコード内でJavaScriptを使うチュートリアルが zend.com にて紹介されているみたいです。 インストール手順〜サンプルコード、動作結果までが紹介されています。 かなり前に「php-js」という同様にspidermonkeyを使うものを紹介しましたが、こちらも以下のようなコードがかけて、なかなか興味深い <?php // 拡張インストールで使えるようになったJSContextのinstanciate $js = new JSContext(); // 変数定義 $a = 10
各言語におけるtrue/falseまとめ - 昼メシ物語
たとえば PHP で、 if ($hoge) { ... } とか書いてあったら、 $hoge がどんな値のときに if の中身が実行されるのか即答できますか。 こういう書き方は多くの言語で可能ですが、言語によって何が真で何が偽になるのかが異なるので、それぞれまとめてみました。 C言語 C言語には bool 型が無い。 0 （int） だけが偽となり、それ以外はすべて真となる。 NULL 定数は stddef.h で以下のように ((void*)0) と定義されているため、偽値として使える。 意見が分かれそうなところですが、個人的にはNULLを偽値として使用するは好きじゃないです。 #ifndef __cplsuplus #define NULL ((void*)0) #else #define NULL __null #endif C++ C++になると bool 型が出てくる。C と同
Web上でWebアプリケーションを開発する·UIzard MOONGIFT
ローカルでWebシステムを開発し、それをアップロードして検証する。そんな手間をかけるのは面倒だ。オンラインで開発してそのままオンラインで実行できればとてもスムーズになりそうだ。問題は良い開発環境がないことだろう。 プロジェクトテンプレートが用意された本格的IDE まるでIDE（統合開発環境）のように画面を設計し、コーディングしてWebアプリケーションを開発できるのがUIzardだ。 今回紹介するオープンソース・ソフトウェアはUIzard、韓国製のWebアプリケーション構築プラットフォームだ。 UIzardは韓国のマッシュアップコンテスト、MashupKoreaで準優勝した作品のようだ。それだけに完成度は高く、まるでGUIアプリケーション並みのインタフェースでWebアプリケーションを構築できる。 インタフェースをドラッグアンドドロップで構築する UIのデザインはドラッグアンドドロップででき、
パスワード強度を表示するインタフェースやスクリプト色々:phpspot開発日誌
10 Password Strength Meter Scripts For A Better Registration Interface パスワード強度を表示するインタフェースやスクリプト色々が紹介されていました。 パスワード作成時や、ログインフォーム作成時に使えそうです。 PasswordMeter 入力したパスワードの強度を色々な視点からチェックできる 色々な項目を集計してScoreという形で点数が出ます。 Yet Another Password Meter 上記と同様のパスワード強度チェッカー Ultimate Password Strength Meter script.aculo.us で強度をグラフ表示するようにしたスクリプト Password Strength Field (A jQuery Plugin) パスワード強度表示用のjQueryプラグイン How to M
PHPとAjaxを使ったリアルタイム値チェック機能付きコンタクトフォーム「LightForm」:phpspot開発日誌
Web-kreation - LightForm ::: Free Ajax/PHP Contact Form PHPとAjaxを使ったリアルタイム値チェック機能付きコンタクトフォーム「LightForm」。 クールなフォームのＵＩに加えて、入力値がおかしい場合のリアルタイムエラー表示を行ってくれるPHPとAjaxのプログラムが入手できます。 UIがクールなフォームになってます 入力チェックの機能。 たとえば、名前を１文字入力して次にいくと、最低で３文字必要だというエラーが次のように表示されます。 メールアドレスが間違っている場合もちゃんとチェックしてくれます メンテナンスされていない点には注意ですが、なかなか使えるプログラムなので改変してサイト構築に活用すれば手間を大幅に削減できそうです。 関連エントリ JavaScriptでHTMLフォームの劇的ビフォアアフター「Jqtransform
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHP＆MySQL＋jQueryでページ送りを実装するチュートリアル:phpspot開発日誌
webtips.open-log.net is a custom short domain
jQueryクライアントとPHPサーバ間をJSONで結ぶチュートリアル:phpspot開発日誌