iOSやAndroidOS以外にデスクトップでも動くアプリを共通で作れる「Unify」:phpspot開発日誌
Unify Project iOSやAndroidOS以外にデスクトップでも動くアプリを共通で作れる「Unify」 iOSとAndroidOS用にPhoneGapを使って共通化し、更にWindows、MacOS用にAIRでも動くような仕組みを提供してくれるそうです。 アプリ作成に使うのはCSS3やHTML5,JavaScriptといった仕組み。 動作するアプリケーションのデモは次のムービーで確認できます 今後、ますますスマートフォンの市場が盛り上がると思いますが、クロスプラットフォームで動作するものをこうしたもので作り、ターゲットとするマーケットを拡大することが出来ますね。 若干、HTML5のアプリは速度が気になるということもありますが、今後ハードウェアの進化によってストレスのないUIも作れていくと思います。 １つの選択肢として覚えておいてもよいかも 関連エントリ これは注目のHTML5を
特定サイトのHTMLをWebKitベースのレンダリングでPDFに変換できるPHPエクステンション:phpspot開発日誌
特定サイトのHTMLをWebKitベースのレンダリングでPDFに変換できるPHPエクステンション 2010年09月17日- Convert HTML to PDF in PHP (libwkhtmltox extension) | Perplexed Labs 特定サイトのHTMLをWebKitベースのレンダリングでPDFに変換できるPHPエクステンション。 wkhtmltopdfというコマンドラインのツールがありますが、これをPHPから使えるPHPエクステンションがGitHubにて公開されています。 このエクステンションをインストールした後、次のようなwkhtmltox_convertという関数が使えるようになっているのでそれで変換出来るみたい。 <?php wkhtmltox_convert('pdf', array('out' => 'test.pdf', 'imageQuality
jQueryでいい感じのコンテンツスライダーを作成するチュートリアルとサンプル:phpspot開発日誌
Create a Custom Content Slider with jQuery jQueryでいい感じのコンテンツスライダーを作成するチュートリアルとサンプル。 次のように、左側にボタンがあって押すと右側のコンテンツがアニメーションで切り替わるコンテンツスライダーの実装チュートリアルとサンプルが公開されています。 サイドバー等に仕込むことで少ないスペースで多くの情報を格納することが出来る上になかなかクールな印象を与えられそうですね。 簡易チュートリアル的なコンテンツを載せる場合なんかに使えそうです。 関連エントリ jQueryとCSS3で作るカラフルなスライダーウィジェット JavaScript製の画像スライダー・ギャラリーいろいろ JavaScriptでページスライダー用ライブラリいろいろ
ajaxで簡単ファイルアップロードが可能なjQueryプラグイン「jQuery.upload」:phpspot開発日誌
jQuery.upload: A simple ajax file upload plugin ajaxで簡単ファイルアップロードが可能なjQueryプラグイン「jQuery.upload」 同じページ内に生成したiframeへデータをPOSTすることで、非同期にファイルをアップロードが可能にするものです。 ファイルを選択すると即時にアップロードが開始するのが特徴 アップロードを完了すると次のように、ファイル名・サイズといったファイル情報が表示されるデモが公開されています。 ファイルアップロードを頻繁に行うようなケースにおいて、便利に使えるインタフェースが組み込めそうですね。 関連エントリ ajaxファイルアップロードに使えるjQueryプラグインいろいろ PHPでファイルアップロードの処理を超簡単にするクラス例「EasyUp」 ファイルアップロードの際に便利なFlash/JavaScri
AjaxなTODOリストをMySQL＋PHP＋jQueryで作成するデモとチュートリアル:phpspot開発日誌
AJAX-ed Todo List With PHP, MySQL & jQuery ? Tutorialzine AjaxなTODOリストをMySQL＋PHP＋jQueryで作成するデモとチュートリアルが公開されています。 プログラムのダウンロードも可能です。UIも次のようになかなかお洒落でシンプル 編集時はインラインでそのまま編集することが出来ます。 削除の際にはダイアログが次のように現れて削除の確認を行います。 なんらかのプログラムのベースとして使えそうですね。 入門としてもなかなか、やりごたえのあるチュートリアルではないでしょうか。 関連エントリ PHPとjQueryのAjax連携の学習用チュートリアル PHPによってCSSを動的に出力する初心者向けチュートリアル Ajax/CSS/PHP等のチュートリアルまとめ
画像のリサイズに便利なPHPクラスライブラリ:phpspot開発日誌
Image Resizing Made Easy with PHP | Nettuts 画像のリサイズに便利なPHPクラスライブラリがNettutsにて公開されています。 サイトで画像をリサイズというのは、画像処理では最もよく行うことではないでしょうか？それを簡単に行える１つの選択肢として覚えておくとよいかも。 ソースをダウンロードすると、resize-class.php というライブラリが含まれており、リサイズが簡単に出来る模様。 クラスなので使うのはとても簡単で次のようにするだけです。 resize というクラスが定義されており、resizeImageメソッドでリサイズ、saveImageで保存という具合です。 クラス名がちょっと一般すぎてかぶる問題が出てきそうだったり、メソッド名が若干スマートではないかもしれませんが、楽にリサイズできることに代わりはないですね。 比較的大きなプログラ
テキストをYahoo!メッセンジャーの顔アイコンに変換できるjQueryプラグイン「Emotion Toggle」:phpspot開発日誌
テキストをYahoo!メッセンジャーの顔アイコンに変換できるjQueryプラグイン「Emotion Toggle」 2010年03月04日- Emotion Toggle テキストをYahoo!メッセンジャーの顔アイコンに変換できるjQueryプラグイン「Emotion Toggle」 <a href="#" id="etoggle" style="background: #ddd;">Off Emotions</a> <div class="discuss"> >:) :)) /:) <):) :)] :) :(( :( ;;) ;) >:D< :D :-SS #:-S :-? >:P :P (:| :| :-/ :-* =(( ~X( B-) :-S =)) O:-) :-B =; 8-| L-) :-& :-$ [-( :O) 8-} <:-P :x =P~ #-o =D> @-)
Google翻訳をPHPから使って翻訳できるクラスライブラリ:phpspot開発日誌
Google Translation PHP wrapper : CodeDiesel Google翻訳をPHPから使って翻訳できるクラスライブラリが公開されています。 Google AJAX Language API を使ったもので、JSONデータを返してくれるAPIを使って簡単に翻訳出来ます。 例えば、実際に翻訳をする場合は次のようにクラスを new して translate メソッドに翻訳したい文書と from, to の言語コードを入れればOK。 <?php require_once('googleTranslate.class.php'); $gt = new GoogleTranslateWrapper(); $test = "Bonjour de cette partie du monde"; echo $gt->translate($test, "en", "fr"); ペ
PHPからiPhoneに通知を送るためのオープンソースの仕組み「apns-php」:phpspot開発日誌
apns-php - Project Hosting on Google Code PHPからiPhoneに通知を送るためのオープンソースの仕組み「apns-php」がGoogle code に公開されています。 PHPコードによってiPhoneに通知を行えるようになります。 PHPとしては次のようなコードによってpush送信を行うことが出来るようです。 <?php $push = new ApnsPHP_Push( ApnsPHP_Abstract::ENVIRONMENT_SANDBOX, 'server_cerificates_bundle_sandbox.pem' ); $push->setRootCertificationAuthority('entrust_root_certification_authority.pem'); $push->connect(); $messag
画像をキャプション付で超クールに切り替えるjQueryプラグイン「s3Slider」:phpspot開発日誌
s3Slider jQuery plugin 画像をキャプション付で超クールに切り替えるjQueryプラグイン「s3Slider」。 次のように、画像に半透明のキャプションを付けつつクールにアニメーションさせられるjQueryプラグインです。 動きを実際に見てみましょう。かなりかっこいいです。 s3Sliderプラグインの使い方とダウンロードはこちら 実装のHTMLは次のように結構綺麗になってますので、安心して使えます。 ページのヘッダーあたりに置くとかなりのオシャレ感を出すことが出来ますね。
特定ブロックの文字のみ拡大縮小できる便利機能実装jQueryプラグイン「fontScaler」:phpspot開発日誌
fontScaler marcup 特定ブロックの文字のみ拡大縮小できる便利機能実装jQueryプラグイン「fontScaler」。 次のように、特定のブロックを $(element).fontScaler() のように初期化するとボタンがあらわれ、拡大縮小が簡単になるプラグインがあるようです。 フォントを大きくするボタンをおしたところ。結構大きくなって読みやすくなりました。 次のように、段階を追って拡大、縮小ができるようにする機能もあります。 これはありそうでなかった気がします。 全体に適用するとデザインが崩れてしまって嫌だ、という方も、記事部分だけならデザインは崩れない＆可読性を上げることができるので便利ですね。 関連エントリ 5分で実装可能なページの文字サイズ変更＋クッキーに保存サンプル フォントサイズの変更をJavaScriptによって検地する方法
オシャレにフォームのエラーをヒント表示してくれるjQueryプラグイン「Ketchup」:phpspot開発日誌
Ketchup Plugin オシャレにフォームのエラーをヒント表示してくれるjQueryプラグイン「Ketchup」。 次のように、Submit した時点でのエラー表示を吹き出しつきの枠をもってわかりやすく表示してくれます。地味にアニメーションする部分もいいです。 Validateというと、どういう値が正しいかという指定が必要なのですが次のように class に指定することで定義するようです。 class に指定するということで好き嫌いが分かれそうな気もしますね。ちょっと改造してもよさそうです。 <input type="text" class="validate(required, username, rangelength(3,20))" /> max, min, range, digits, mail, url など、基本的なバリデート指定は最初から実装されているみたいです。 関連
あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」:phpspot開発日誌
あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」 2010年02月16日- jQuery Countdown あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」というものがあるみたいです。 次のようなカウントダウンタイマーが実装できます。 英語だけかと思いきや、多くの言語に対応していて日本語も対応してます。 使い方も簡単で１行で実装できます。 $(element).countdown({until: 目的の日付のDateオブジェクト, format: 'dHM'}); until には new Date で作れるオブジェクトをわたします。 var targetDate= new Date(); targetDate.setDate(targetD
携帯サイト作成時等に役立つ表示ページのファイルサイズを表示してくれるFirefoxアドオン「lori」:phpspot開発日誌
携帯サイト作成時等に役立つ表示ページのファイルサイズを表示してくれるFirefoxアドオン「lori」 2010年01月21日- lori (Life-of-request info) :: Add-ons for Firefox 携帯サイト作成時等に役立つ表示ページのファイルサイズを表示してくれるFirefoxアドオン「lori」。 携帯サイトだとページ容量が１００Kぐらいを上限として作った方が無難らしいですが、ページを表示した時点でステータスバーにページサイズを表示してくれるFirefoxのアドオンがありました。 次のようにステータスバーに表示にかかった秒数とページサイズ、リクエスト数を表示してくれます。 携帯サイト作成においては Firefox の FireMobileSimulator でほとんどのことは事足りると思いますが、こういうアドオンでページサイズを見ておくことは重要です。
PHP・CSS・jQueryを使った横向きのタイムライン実装例:phpspot開発日誌
Advanced Event Timeline With PHP, CSS & jQuery ? Tutorialzine PHP・CSS・jQueryを使った横向きのタイムライン実装の例とチュートリアル、サンプルプログラムが公開されています 次のような、横にスクロールするイベント表みたいなものが作れます。ツールなどに組み込む場合に参考にできるかもしれません。 デザインもカッコよくてスクロールバーの細かな部分も綺麗に実装されています。 関連エントリ 1.5KBで実装できるスライドショー用JavaScript ライブラリ「TinySlider」 JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプル
PHPでファイルアップロードの処理を超簡単にするクラス例「EasyUp」:phpspot開発日誌
EasyUp - Simple File Uploads - Nick Brown Web Dude PHPでファイルアップロードの処理を超簡単にするクラス例「EasyUp」が公開されています。 PHPでアップロードというとそのままで簡単なのですが、後で見たときにコードがよりわかりやすくなる方法です。 次のようなコードで、ファイルを指定ディレクトリにアップロードできます。 if(isset($_POST['mySubmit'])){ include 'easyUp.php'; $up = new fileDir('/myUploads/'); $up->upload($_FILES['myFile']); } 更に削除する場合もdeleteメソッドを呼ぶだけで直感的でわかりやすい $up = new fileDir('/myUploads/'); $up->delete('pic.jpg'
フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」:phpspot開発日誌
PHPからTwitterを簡単に操作できるPEARパッケージ「Services_Twitter」がアッ... 次の記事 ≫：PHP関数の挙動をちょっと調べたいときに助かる「PHP Functions Online」 jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡単にやりたいですね。 jQuery Form Tips を使えば、フォーム要素の title 属性に値を入れておくだけでヒントを自動表示できます。 <p> <label for="i1">Field1</label><br /> <input type="text" name="i1"
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でレスポンス値を受け取るモードなど
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」:phpspot開発日誌
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 2009年12月21日- リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」。 普通、JavaScript で動くWYSIWYGエディタというと、大きなツールバーがついていて、それ自体はカッコいいのですがページデザインにうまく馴染ませることが難しかったりします。 wkrte なら、エディタにカーソルがフォーカスしない状態だとツールバーを表示せず、普通のテキスト領域（textarea）のように表示させられます。 何もはいってない状態だと、一見普通のtextareaです 内容が入ってもツールバーがないので目立ちすぎず、いい感じです。 カーソルを合わせるとツールバーが表示。これはとてもスマートですね。 高機能なテキスト編集を実現しつつ、ペ
データベースをAJAXで直接編集できるテーブルがインスタントに作れる「DHX Quick Tables」が便利:phpspot開発日誌
データベースをAJAXで直接編集できるテーブルがインスタントに作れる「DHX Quick Tables」が便利 2009年12月17日- データベースをAJAXで直接編集できるテーブルがインスタントに作れる「DHX Quick Tables」が便利そうです。 簡単にいうと、データベースとテーブルを指定すれば次のような、AJAXで即座に編集が可能なテーブルを作成することができます。 各カラムは「編集可能」や「読み込みオンリー」に指定することができて、好きなカラムのみ編集させることができます。 データの追加、削除、編集といったこともAJAXで実施することができます。 データベースを扱う部分の管理画面とかに使えるスクリプトを動的に作ることができてしまいますね。 利用には条件があって、id に auto_increment なint値を指定しているテーブルにしか使うことができません。 設置方法は、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
