jQueryとPHPでLinuxのtailコマンドを実装する - EC studio 技術ブログ
Linuxにはtailというファイルの末尾10行程度を表示する、 ログファイルのチェックなどに便利なコマンドがあります。 オプションで一定間隔で常に末尾10行の表示を 更新し続けることもでき、ログの監視などに使えます。 ただ、とっても便利でサーバー管理者御用達のこのコマンド、 当然ながらシェルでログインできなくては使えません。。 レンタルサーバーなどでシェル権限がない場合も多いですし、 何よりもっとカンタンにブラウザから見たい！と思いませんか？ 業務上の都合もありとっても欲しくなってので、作っちゃいました。 jQueryとPHPを使えば、思った以上にサクッと作れてしまったので、 技術ブログでソースコードや解説も含めて公開します。 (jQuery、メチャクチャ便利！です) jQuery + PHPでtailを作る！ まずは今回の完成品です。 シンプルですね。 「TAIL」ボタンを押すとtai
PHPとjQueryのAjax連携の学習用チュートリアル:phpspot開発日誌
Learning jQuery: Submit form PHP Mac style Modal window | AEXT.NET PHPとjQueryのAjax連携の学習用チュートリアルが公開されています。 macスタイルのログインフォームからjQueryでAjax送信してリアルタイム認証を行うサンプルです。 それぞれ簡単なコードになっているので入門にも最適で、かつ成果物もクール。 デモページ 入門としてだけでなく、サンプルとして応用して使ってみるのもよさそうです。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ jQueryでアコーディオン作成のチュートリアル 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル
jQueryを使ったドラッグ&ドロップパネルのチュートリアル – creamu
Web Designer plusで、jQueryを使ったドラッグ&ドロップパネルチュートリアルが紹介されています。 iGoogleやWordPressの管理画面で見られるインターフェースですね。 HTMLとCSS、jQueryのソースが公開されています。 ソートの順番は、ドラッグ後に以下のような文字列が生成されて、サーバサイドで処理しているようですね。 column1=item1,item3&column2=item4,item2,item5& 一度見てみてはいかがでしょうか？ » Collapsible Drag & Drop Panels Using jQuery Gadget Partyでも、ガジェットの管理のページでガジェットの順番を変えられて、ブログパーツでの表示順を変更できます。F.Ko-Jiがさくっと実装してくれました。 今日も天気がよくて気持ちいいですねー。いろいろと出か
wordpress+jQueryで実現するテクニックチュートリアル30選
世界中で使われているCMSの一つwordpress。高い拡張性もその人気の一つですが、今日紹介するのは同じく世界中で使われているjavascriptライブラリjQueryとwordpressを組み合わせて実現するテクニックのチュートリアルを集めたエントリー「30 Tutorials Combining Both WordPress and jQuery」です。 Including jQuery in WordPress (The Right Way) jQueryを正しく、テンプレートに読み込ます方法から、Ajaxを使ってランダムに記事をピックアップ表示させる方法などなど様々なjQueryとWordpressを使ったテクニックが紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■WordPress Featured Post Slideshow
jQueryで作るリアルなホーバーエフェクト – creamu
これはすごい。思わずうなってしまった。 Adrian Pelletierさんのブログ&デザインポートフォリオサイトの記事です。 マウスオーバーすると、ふわっとアイコンが浮き上がって、マウスアウトですっと下に落ちます。 落ちた時のバウンドも実装されているので、有機的でとても気持ちいいですね。 デモは以下から。 » View Demo ぜひ見てみてください♪ » Create a Realistic Hover Effect With jQuery 昨日は会社のイベント。「2人のアートディレクター 仕事・生き方・考え方」というタイトルで、mountのイム・ジョンホさんとRAKU-GAKIの西田幸司さんにお話を伺いました。 懇親会でご挨拶させて頂いたんですが、刺激になりますね。
音楽プレイヤーからスライドショーまでjQueryチュートリアル10「Top10 Simplest jQuery Tutorial」
TOP > WebDesign > 音楽プレイヤーからスライドショーまでjQueryチュートリアル10「Top10 Simplest jQuery Tutorial」 様々な仕掛けや、仕組みを簡単に実装できるjQuery。WEB上では良く見かけますが、今日紹介するのはそんなjQueryを使ったテクニックをあつめたエントリー「Top10 Simplest jQuery Tutorial」を紹介したいと思います。 FancyBox 様々なjQueryを使ったチュートリアルが公開されていますが、今日はその中からいくつか気になったチュートリアルをピックアップして紹介したいと思います。 詳しくは以下 ■Jcrop グラフィックアプリケーションのようなスコープ。選択した範囲に様々な処理が加えられます。 ■AJAX Upload Ajaxも利用した、一般的なアップローダ。主要なブラウザで動作可能
まずは、mixiアプリを使ってみよう、作ってみよう
まずは、mixiアプリを使ってみよう、作ってみよう：基礎から分かる、mixiアプリ作成入門（1）（1/3 ページ） mixiのアプリ？それって何？ 「mixiアプリ」は、iGoogleのガジェットのように、SNS「mixi（ミクシィ）」上に組み込まれて実行される、Webアプリケーションです。主に、JavaScript＋XML＋HTML＋CSSで作ります（やり方によっては、Flashなども使える）。 誰でも開発でき、人が開発したmixiアプリを自分のマイページなどに自由に組み込むことができます。また、Webアプリケーションのため課金方式は異なりますが、iPhoneアプリのようにmixiアプリを作って公開することで報酬を得ることもできます。 mixiアプリは、2009年6月現在、オープンβ環境のみで利用可能となっています。正式版は、8月公開予定です（参考：「mixiアプリ」8月に正式公開 販売
オブジェクト指向っぽい話が分かるかもしれないJavaScript講座 その1 | Takazudo Clipping*
自分はスーパーJavaScripterでこんなすげーのが5行で書けちゃう。やばいだろ！とかいうのでは全然無いですが、オブジェクト指向っぽい話が最近分かってきたつもりで、それでやっときゃ問題無いってことを思い始めているので、なんかそんな話を書いていきます。 こんな短く書くテクニックがあるぜ！ var hoge = hage ? huga : hoga; とか書けちゃうんだぜ！とかより、長くていいから分かりやすく拡張しやすいようにするにはどうするのかとか、そういう話ができればなーと思います。内容的には全くもって新しくも何とも無いですが。jQuery使ってやる前提です。 まんじゅう製造スクリプト 今日はまんじゅうを5個作ります。なんと、まんじゅうは、クリックすると隠れます。 まんじゅうサンプル var Manju = function(){ this.elem; this.hidden = fa
ASCII.jp：Googleマップ＋jQueryで作るAjaxなデザイン｜29分でできる！ あのサイトの“技”を盗め
今やさまざまなWebサイトで使われ、すっかり地図の定番となったGoogleマップ。 コーポレートサイトや飲食店のサイトなどで、純粋に案内図としてページに埋め込むのが一般的ですが、中にはもっとおもしろい使い方で、ユーザーを楽しませているサイトもあります。 一例として、「hitotoki」というWebマガジンを紹介しましょう。hitotokiは、ある特定の場所に関するショートストーリーを地図と絡めて紹介するWebマガジンです。Googleマップをまるで独自に描いた絵地図のようにうまくサイトになじませ、「地理と文学を結びつけた町の文学地図」というコンセプトに合わせて効果的に活用しています。 今回は、このhitotokiのGoogleマップ活用法をお手本としましょう。 今回のお手本サイト： 『hitotoki―町の文学地図』 「場所」にまつわる読者の思い出を募り、地図と写真とともに紹介する投稿型の
Simple Page Peel Effect with jQuery & CSS
You have probably seen these forms of advertisings where you can peel a corner of a website and see a message underneath. It seems most are flash driven, but I decided to try it out using some simple lines of jQuery. View Demo 1. HTML - Page Peel Wireframe The “pageflip” div will act as the container, mainly used to establish the relative positioning. Then nest the image and the span class of “msg
jQueryやPHPを使った便利な仕組みのチュートリアル集:phpspot開発日誌
9lessons: jQuery and Ajax best 9lessons. jQueryやPHPを使った便利な仕組みのチュートリアル集。 9lessonsというサイトがあって色々便利な仕組みのチュートリアルが公開されています。 Twitter Like More Button with jQuery and Ajax. 「もっと読む」をajaxで実現するサンプル Exactly Twitter like Follow and Remove buttons with jQuery and Ajax Twitter風のフォロー、削除ボタンを実現するサンプル Delete a Record with animation fade-out effect using jQuery and Ajax. 行を削除してフェードアウトアニメーションをさせるサンプル jQuery Username Av
JQueryで実現するシンプルで実用的なメニュー「10 Best jQuery Menu Plugins」
コンパクトで高機能なAjaxライブラリjQuery。国内でも多くのサイトで使われているライブラリの一つですが、今回紹介するのはjQueryを使ったシンプルで実用的なメニューを集めたエントリー「10 Best jQuery Menu Plugins」を紹介したいと思います。 jdMenu Hierarchical Menu Plugin for jQuery 全部で10のJQueryで利用して作られたメニューが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■jQuery Simple Drop-Down Menu Plugin シンプルなドロップダウンメニューです。 ■jGlideMenu スライド式になっているメニュー。利便性はあまりない気もしますが、新しい感覚のメニューだと思います。 ■jQuery iPod-style
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHP＋MySQL＋jQueryでYoutube動画マネージャを作るサンプルプログラム:phpspot開発日誌
Tutorials – Tutorialzine
http://www.css-lecture.com/template/2009/0114/
http://blog.caraldo.net/2010/01/jqueryphp.php
IDEA * IDEA
IDEA * IDEA
http://www.designwalker.com/seed/2008/04/jquery.html)
reddit風のGoodかBadの投票機能実装サンプル:phpspot開発日誌