cronをWEB上で管理できてエラー時の通知等も設定できる「minicron」:phpspot開発日誌
minicron by jamesrwhite cronをWEB上で管理できてエラー時の通知等も設定できる「minicron」 cronといえばCLIベースでcrontab -eなどで編集してという古典的な利用法でずっと使っている気がしますが、こちらの仕組みを使えば以下のようなことが可能になります。 ・GUIベースでのcronジョブの管理（作成・編集・削除） ・cronジョブのリアルタイムな出力・ステータスの確認 ・過去の実行ログの確認 ・エラー時のEメール、SMSを使った通知 何もcronを使うことに疑ってかかったことがなかった気がしますが、こうすれば便利というものを始めて目にしたような気がします…。 リアルタイムなジョブの出力確認がブラウザ上で出来て、ログも見れるっていうのは便利そうです。 管理画面。デザインがモダンで分かりやすい。ログ等も見れるっぽい GUIで選べると、cronの *
これは衝撃的！CSS開発を爆速化する「Emmet LiveStyle」:phpspot開発日誌
Emmet LiveStyle ? live bi-directional CSS edit of new generation CSS開発を爆速化する「Emmet LiveStyle」。 ブラウザのDOMインスペクタの方でCSSを修正するとSublimeTextに反映され、またSublimeTextを編集するとブラウザに即反映されるというプラグインです。 ブラウザで編集しちゃえば簡単にカスタマイズはできるけど、テキストエディタにコピーが必要で、逆にテキストエディタで書くのもブラウザのリロードが必要といった具合に手間がかかりますが、その手間がなくなります 更に、複数のブラウザウィンドウに即座に反映されるため、横幅を小さくしたブラウザ、通常のブラウザを開けば、レスポンシブデザインのプレビューが同時に終わります。 片方のブラウザのDOMインスペクタでCSSをカスタマイズしてももう一方のブラウザ
JSでクロスブラウザの動作テストを自動化できる「DalekJS」:phpspot開発日誌
DalekJS - Automated cross browser testing with JavaScript JSでクロスブラウザの動作テストを自動化できる「DalekJS」。 テストコードをJavaScriptで記述すれば、指定したサイトを開いてスクリーンショットを撮って、指定位置をクリックして、といった具合にテストが実施できます Seleniumのような既にメジャーなツールもありますが、これもなかなか便利そうです。 node.jsベースで実装されているみたい。 関連エントリ JavaScriptのコードでPDFを生成できる「jsPDF」 ブラウザ上でRubyプログラムをJavaScriptに変換して実行できる「Opal」 JavaScriptオフ、CSSをのみで動くツールチップライブラリ「hint.css」
どんなデータもリアルタイムなグラフにできるフレームワーク「FnordMetric」:phpspot開発日誌
FnordMetric | Framework for building beautiful real-time dashboards どんなデータもリアルタイムなグラフにできるフレームワーク「FnordMetric」。 どんなデータも次のような美しいUIを持つリアルタイムなグラフにできます。 サイトの会員数、ユニークアクセス数、データ投稿件数等、リアルタイムにデータを見たいような場合に使えそう。 muninなどでもグラフ化できますが、ここまでのUIの美しさとリアルタイム性は備えていないので、リアルタイムに欲しい情報はこれでダッシュボードにして監視すると便利でかっこ良さげ。 Ruby+Redisで書かれていますが、データの表示にはHTML5/JavaScriptのAPIが使えるようです 関連エントリ 世界地図でデータをビジュアライズする際に使えるJSライブラリ「DataMaps」 リアルタ
普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」:phpspot開発日誌
ParamQuery jQuery Grid Plugin 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」 ありきたりなカッコいい、とはいえないような以下のテーブルがあったとします プラグインで初期化すれば、ソータブル、エディタブル、なクールなテーブルに早がわり これは5,6年前でいえば魔法だと思う方は少なくないでしょう。 関連エントリ レスポンシブなテーブルを作るjQueryプラグイン「MediaTable」 テーブルをグラフに変換してくれるjQueryプラグイン レスポンシブなテーブル作りに役立つjQueryプラグイン「FooTable」 テーブルを簡単にカッコよくスタイリングできるjQueryプラグイン「tablecloth.js」 シンプルにテーブルにソート機能を持たせるだけのjQueryプラグイン「jQuery Table So
PHP＋Bootstrapで書かれた美しいGitリポジトリビューア「GitList」:phpspot開発日誌
klaussilveira/gitlist GitHub PHP＋Bootstrapで書かれた美しいGitリポジトリビューア「GitList」 diff、コミット履歴、RSSフィードの出力、シンタックスハイライト、複数ブランチ・タグサポートなどの機能があり、githubっぽく使えます git, mod_rewrite, PHP5.3.3 で動くみたい 以下、スクリーンショット Bootstrapを使うことで簡単に素早く、より洗練されたUIが作れるようになりましたが、こうしたところでもどんどん使われていってますね 関連エントリ WEBブラウザベースのプロジェクト管理ツール「ChiliProject」
WEB開発者はインストール必須のChrome拡張「Pendule」:phpspot開発日誌
Chrome ウェブストア - Pendule WEB開発者はインストール必須のChrome拡張「Pendule」。 昔からあるChrome拡張ですが知らない間に色々と便利になっているようだったのでご紹介。 ４月からはたいている新入社員のWEBデベロッパーさんにもオススメ インストールすると以下のようなボタンが表示されますのでクリック。 まず、StyleSheetのタブではCSSを見れる、CSSがその場でリロードできたり、CSSをを無効にできます サイトで使われているカラーを１６進数で出してくれる機能もあります CSSビュー。折畳み可能で使いやすく見やすい Formsタブ。パスワードを表示したり、hiddenなフィールドのアイテムを表示したりできちゃいます。恥ずかしい！ Imagesのタブでは全部の画像を非表示にしたり、背景画像を非表示にしたり、altを全部表示したりといったことが可能 そ
Twitter Bootstrapじゃなくfacebook Bootstrap？「Fbootstrapp」:phpspot開発日誌
Twitter Bootstrapじゃなくfacebook Bootstrap？「Fbootstrapp」 2012年03月05日- Fbootstrapp by Clemens Krack, based on Bootstrap, from Twitter Twitter Bootstrapじゃなくfacebook Bootstrap？「Fbootstrapp」 Twitterじゃなくてこれからfacebookでしょ、と電車の中で聞きました。 そんな方にはTwitterBootstrapをベースとして作られたFbootStrappがよいかもしれません。おもいっきりfacebookライクなサイトを作ることができます。 facebookを扱うサイトでは使えそうです 関連エントリ FacebookスタイルのシンプルなドロップダウンをjQueryで実装するサンプル Facebookのタイムライン
見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」:phpspot開発日誌
Morris.js 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」。 マウス位置に応じて情報を変えるなど、GoogleAnalytics風のインタラクティブなグラフが描画できます。 実際には次のようなグラフが描画できます。IE6+でも動くということで、そこら辺の心配も無しです サンプルコードも載っていたりするので簡単に使えそうです グラフの種類は線グラフのみですが、多機能すぎて馬鹿でかいよりもシンプルなのが逆にいいかもしれませんね。 関連エントリ HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」 様々なインタラクティブ要素のあるグラフが描画できるJSライブラリ「Elycharts」
指定したパスに沿ってテキストが動く斬新スライドショー実装jQueryプラグイン「Scroll Path」:phpspot開発日誌
指定したパスに沿ってテキストが動く斬新スライドショー実装jQueryプラグイン「Scroll Path」 2012年02月14日- jQuery Scroll Path 指定したパスに沿ってテキストが動く斬新スライドショー実装jQueryプラグイン「Scroll Path」 考えた人はなかなか凄いと思うのですが、予めついっておいたパスをベースにテキストをアニメーションさせられます。 単純にホイールでスクロールしてもいいですし、スライドショー風にページを送ることも出来ます。 文字列の回転なんかはCSS3によりなせる技だと思うんですが、こんな面白いことが出来るんだなぁと改めて関心です。 マークアップは次のようにシンプルに記述できるみたいです 肝心のパスも難しそうかなと思ったんですが次のようなメソッドを使って超簡単に設定できます。 関連エントリ 画像切替が超カッコいいスライドショーが実装できるj
次世代の検索フォームを作成するjQuery＆CSS3サンプル:phpspot開発日誌
Creating “Next Level” Search Form Using jQuery & CSS3 ? Webstuffshare ? Learn and share. The simplest harmony. 次世代の検索フォームを作成するjQuery＆CSS3サンプル。 CSS3をフルに使って、面白い検索フォームを作るチュートリアルです。 アイデアの応用で面白いインタフェースが作れそうです ボタンがあってクリックするとアニメーションしながら伸びて検索フォームになります ボタンをクリックすると立体的にキューブっぽく回転して検索入力ボックスが現れます これを見ると、ああなんかまた色々と出来て数年後にはどうなっていっちゃうんだろう、ついていけるんだろうかなという不安すら覚えてしまいますね。 関連エントリ ページめくりを実現するためのjQueryプラグイン集 高機能なカルーセルを実装
HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」:phpspot開発日誌
Flotr2 HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 次のような綺麗で多様なグラフを描画できるライブラリです。 グラフをクリックするとグラフのサンプル付きでjavascriptのサンプルコードが出てとっても使いやすい iOSでグラフが必要な際に１つの選択肢として。 関連エントリ 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」 HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」 tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」
jQueryMobileよりも軽くて使いやすそうなモバイルサイト作成フレームワーク「jQ.Mobi」:phpspot開発日誌
jQueryMobileよりも軽くて使いやすそうなモバイルサイト作成フレームワーク「jQ.Mobi」 2012年01月18日- jQ.Mobi jQueryMobileよりも軽くて使いやすそうなモバイルサイト作成フレームワーク「jQ.Mobi」。 まだデファクトスタンダードはjQueryMobileではないと思われる激戦区のモバイルサイト作成フレームワークに新しい物が登場。 その名もjQ.Mobi。jQueryMobileが24kbに対してこちらは3.5kb。 実働サンプルをiPhone4Sで見て見ましたが、かなり快適に動作するみたいです。 PhoneGap等と組み合わせるといい感じのアプリが作れるかもしれませんね。 iPhone4Sを使っていると、HTML5アプリの時代はもう来ているというそんな気にさせられます 関連エントリ Android風の日付ピッカー実装用jQueryMobileウ
スマホサイト作成のフレームワーク「iUI」が新しくなっている件:phpspot開発日誌
iUI - Mobile web framework for high-end devices スマホサイト作成のフレームワーク「iUI」が新しくなっている件。 jQueryMobileも便利なのですが、iUIはiPhone発売当初からあるフレームワークで、ルールにそってHTMLを記述するだけでiPhoneアプリのようなページを作れるのが魅力のフレームワークです。 公開当初はgoogle codeとかにホスティングされているだけでしたが専用のカッコいいページもできてる模様。 iPhone, iPad, Android にも対応していて、便利に使えるようになっているようです テーマデザインも色々選べるようになりました。 ビデオプレゼンテーションや、デモを落として試してみましょう 関連エントリ コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」
組織図っぽい図を簡単に作れるjQueryプラグイン「jQuery Org Chart」:phpspot開発日誌
jQuery Org Chart ? a plugin for visualising data in a tree-like structure The Silver Lining 組織図っぽい図を簡単に作れるjQueryプラグイン「jQuery Org Chart」 次のような組織図を作ることができます。ドラッグ＆ドロップでインタラクティブに再配置することも可能です ドラッグ＆ドロップで再配置可能 気になるマークアップですが、ul, li を階層的に記述するだけでよいものになっています。これを上記のようにビジュアライズしてくれるのは楽ですね 関連エントリ アニメーションするスピードメーターを実装できるjQueryプラグイン「Speedometer」 複数要素の関連をビジュアライズできるライブラリ「arbor.js」
デザインが超良い感じのFacebook、Twitter等のソーシャルアイコン用PSDセット:phpspot開発日誌
Download Free Social Media Icons PSD at Downloadpsd.com | download PSD - Download Free PSD デザインが超良い感じのFacebook、Twitter等のソーシャルアイコン用PSDセット すっきりしたデザインなので汎用に使えそうです。 バナーもデザインでCTRが変わってくるという話なのでこうしたソーシャルアイコンもCTRの高いものを出してみると面白いかもしれませんね 関連エントリ シンプルさがいい感じのソーシャルアイコンセット「Simplito」 フラットなフリーの日本向けソーシャルアイコンセット 3Dの立体感が面白いソーシャルアイコンセット
ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」:phpspot開発日誌
Badger - Super sexy iOS style badges for jQuery ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」 $(element).badger(22);みたいに実行すると次のようにブロック要素に通知件数が追加されるというもの。 ちょっとめんどくさそうな処理もたった１行で実行できるのは有難い限りです。 既存の数値にプラスしたり、コールバック関数の指定なんかもできちゃいます。 関連エントリ div全体をクリッカブルにするjQueryプラグイン「DIV LINKER」 綺麗なツリービューが実装できるｊQueryプラグイン「jsTree」 良い感じの水平アコーディオン実装jQueryプラグイン「liteAccordion」
パソコンのブラウザ上でもiOSみたいなスクロールが実現できるjQueryプラグイン「Overscroll」:phpspot開発日誌
パソコンのブラウザ上でもiOSみたいなスクロールが実現できるjQueryプラグイン「Overscroll」 2011年10月03日- Azoff Design | Overscroll | An iOS scrolling emulator for jQuery パソコンのブラウザ上でもiOSみたいなスクロールが実現できるjQueryプラグイン「Overscroll」 Googleマップみたいな感じといえばそうなんですが、加速度がついてアニメーションしながら移動する点なんかも再現されています。 使い方が簡単でスクリプトを読み込んだら、iOSちっくにしたい部分を $(element).overscroll() だけで設定できるのが熱いです。 ホイールにも対応していて芸が細かいです。 使いどころは色々ありそうですが、スマホアプリの紹介ページなんかでつかってもインパクトがありそうですね。 関連エ
Mac OS X風のドックを上下左右どこでも設置できるjQueryプラグイン「Docklr」:phpspot開発日誌
"Docklr" - Simple jQuery OSX-like Dock Menu | jQuery Plugins Mac OS X風のドックを上下左右どこでも設置できるjQueryプラグイン「Docklr」。 次のように上下左右、ページ内、どこにでも設置できるDock風UIを実現できるプラグインです。 ページの左側に設置してもなかなかオシャレですね。 デモページ アイコンをクリックするとバイーンとアイコンがアニメーションするあたりもそっくりです。 上下左右だけでなく、ページ内に普通に設置することもできるみたいです 関連エントリ レイアウトに関する強力なjQueryプラグイン６つ 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」 画像スライダーに関することならお任せ！なjQueryプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHubを自前で持てるRails製オープンソースソフトウェア「GitLab」:phpspot開発日誌