jQuery.selection - テキストの選択範囲を自由自在に扱えるjQueryプラグイン MOONGIFT
おお、これはかなり使えそう！ テキストボックスやテキストエリアに入力された文字列に対して何らかの処理を行いたいと思うことは良くあります。さらにキャレットのある場所や選択されている文字に対して処理を行うのも良くある処理ではないかと思います。 例えばWYSIWYGエディタを作ったり、選択文字を別なサービスに飛ばしたりといった使い方が考えられます。意外と選択範囲を取り出すというのは面倒な処理なのですがjQuery.selectionを使うとごくごく簡単にできそうです。 テキストボックスの場合 例えばテキストボックスの例です。 $('#sel-input').click(function(){ alert($('#input').selection()); $('#input').focus(); }); $('#input').selection() で選択されている文字が取れます。 こんな感じ
Gmail.js - GmailにAPIを追加するJavaScriptライブラリ MOONGIFT
これはGmailをさらに便利なものに変えてしまうかも！ IT系の方でGmailを使っている方は多いと思います。gmail.comはもちろん、Google Appsもあります。そんな幅広く使われているGmailだからこそ、多数の機能拡張が開発されていたりします。単純に使うだけでなく、自分でカスタマイズすればもっと面白い使い方が見いだせるでしょう。 そんなGmailを拡張するスクリプトのベースになりえるのがGmail.jsです。Gmailを自在に操作するAPIとして使えます。 最初の使い方としては、Gmail.jsとjQueryを読み込むところからはじまります。Gmailを開いて以下のコードをコンソールで実行します。 var jq = document.createElement('script'); jq.src = "https://ajax.googleapis.com/ajax/lib
Googleアナリティクスを使ったA/Bテストを簡単に実現させる MOONGIFT
easyABはjQuery/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 ボタンの色が赤であるべきか、青であるべきか、キャッチコピーはどちらの方が良いか。そんなことは正直試してみないと分かりません。そこで必要なのがA/Bテストで、easyABを使えばGoogleアナリティクスを使って容易に測定できます。 使い方です。スロットと呼ばれるのがテスト設定になります。A/Bの2パターンに限らず多数の値で試す事ができます。 テストコードです。valueがGoogleアナリティクスで取得できる値になります。 easyABを使えばGoogleアナリティクスへ渡すデータと、そのデザイン上の変更ポイントを簡単に管理できるようになります。JavaScriptでの指定なので画像を変えてみたり、ラベルを変えたりと様々な項目を変更した結果をテストできるでしょう。 MOONGIF
シマウマは個体によって縞が違う。シマウマ用写真検出データベース·StripeSpotter MOONGIFT
StripeSpotterはシマウマの研究を行うための個体検出およびデータベースソフトウェア。 StripeSpotterはWindows/Mac OSX用のオープンソース・ソフトウェア。肌の色や国籍が違うだけで人の顔の判別はとてもしづらくなる。外国人が日本人の顔を判別できないといったり、その逆を感じたことは少なからずあるはずだ。 個体検出 人同士でさえそうなのだから、対動物になれば特にそう感じられるはずだ。何十頭といるシマウマの中で、自分たちが追跡している対象だけを見つけるのは相当困難だが、StripeSpotterを使えばコンピュータで解析できる。 StripeSpotterは写真の中からシマウマを判定して見つけ出すソフトウェアだ。非常にマニアックだが動物学者にとってはとても便利なソフトウェアになるのだろう。シマウマの模様は個体ごとに異なるので、それをStripeSpotterを使って
自分で作ることもできるゲームエンジン·VASSAL MOONGIFT
VASSALはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア。ソーシャルゲームが花開き、注目が集まった一年であった。ソーシャルゲームはまだまだシンプルなものが多い（むしろシンプルな方がうける）ので、今後もプレーヤは増えていくだろう。 ゲーム例 シンプルなゲームと言えば、代表的なのはカードゲームやボードゲームだ。オンラインにいる世界中の人たちとみんなでわいわいと楽しみながらボードゲームを興じれる、そんなソフトウェアがVASSALだ。 VASSALはボードゲームやカードゲームといったシンプルなゲームのエンジンだ。あくまでゲームエンジンなので、人が作ったものはもちろん、自分で作成することもできる。既に多数のゲームが登録されており、ダウンロードして遊ぶこともできる。 こんなゲームも サーバでオンライン接続を管理するようになっており、VASSALのサイトへいくとゲームごと
Python製表計算ソフトウェア·Pyspread MOONGIFT
PyspreadはPython製の表計算ソフトウェア。 [/s2If] PyspreadはPython製のオープンソース・ソフトウェア。ビジネスの場で最も多く利用されているのではないかと思われるのが表計算ソフトウェアだ。MS Excelのようなローカル型はもちろん、今ではGoogle SpreadsheetのようなWebアプリケーション型も存在する。 ツールバーもあり、意外としっかりしている そんな表計算ソフトウェアではあるが、単なる情報入力だけでなくマクロや計算式を埋め込んでこそ真の価値が表れてくるだろう。VBAで組むのは嫌だ、というPythonプログラマーはPyspreadを試してみても面白そうだ。 PyspreadはPythonで作られた表計算ソフトウェアだ。単なる文字入力もできるが、面白いのは各セルに入っているのはPythonオブジェクトという点だ。そのため計算式もPythonのコ
MOONGIFT : これは凄い！Yahoo! Pipesを解析&変換「pipe2py」 オープンソース・ソフトウェア/フリーウェアを毎日紹介
pipe2pyはYahoo! Pipesの内容をPythonコードに変換する。 MOONGIFTはこう見る これは非常に面白い。Yahoo! Pipesはフィードを解析して変換したりするのにとても便利に使っているが、pipe2pyを使うとYahoo! Pipes上では難しかったデータ操作（認証系や基幹系との組み合わせ等）も自由に実装できるようになる。 さらにGoogle App Engineとの組み合わせが面白い。クローリングのタイミングや、フックスクリプトとして使ったりと色々な応用ができるはずだ。Pythonの勉強として使ってみるのも面白そうだ。 [/s2If] pipe2pyはPython製のフリーウェア（ソースコードは公開されている）。フィードを加工したり、テキストを読み込んで何らかの変換を行った後に再配信するようなシステムは数多い。特にフィードをJSON化するニーズは強く、それによ
Google App Engineを使ったコミュニティベース·Project Babel 2 MOONGIFT
Project Babel 2はPython製/Google App Engine用のオープンソース・ソフトウェア。自分から情報を発信するだけのコンテンツサイトから、双方向性の情報発信に発展したものがコミュニティサイトだ。運営は難しいが、当たれば大きなサービスに発展する可能性がある。 フォーラム、コミュニティサイトの基盤に コミュニティサイトの要件は多々あるが、基本的なところはさほど変わらないだろう。何かのコンテンツを元にみんなでわいわい楽しめれば良い。そんなコミュニティサイトをGoogle App Engine上に構築するなら使ってみたいのがProject Babel 2だ。 Project Babel 2はコミュニティサイトの基盤となるべく開発されている。ただし現状ではV2EXというコミュニティサイトそのものになっている。V2EXはTwitterライクなインタフェースで、誰かが面白そう
jQuery製のWYSIWYGエディタ·CLEditor MOONGIFT
CLEditorはjQuery/JavaScript製のオープンソース・ソフトウェア。CGMが盛り上がるにつれて、ユーザがコンテンツを作成する際の利便性を考えなければならなくなっている。そのためブログなどではWYSIWYGエディタが利用されるのが当たり前になっている。 jQuery製のシンプルなWYSIWYGエディタ 有名なものとしてはCKEditorやTinyMCEといったソフトウェアが知られている。どちらも高性能だがその分、動作が重たいのが問題だ。もっと軽量、かつ自分で拡張が容易なものを探しているならばCLEditorを使ってみよう。 CLEditorの特徴はjQueryを使っていることになる。それによってCLEditor単体のサイズは軽量になる。既にWebサービスの中でjQueryを基盤としているならば良い選択肢になりそうだ。主な機能や文字装飾や画像のURL指定での埋め込み、リンクな
Google App Engineを使ったブログシステム·keb-log MOONGIFT
keb-logはGoogle App Engine用/Python製のオープンソース・ソフトウェア。Google App EngieはWebサービス開発者向けのシステムだと思われているが実はそうではない。一定のリソースまでは無料なホスティングサービスと考えることもできる。 エントリー画面 自分で開発する必要もない。既に多数のソフトウェアがGoogle App Engine用に開発されている。例えばブログがそうだ。自分の独自ブログを立てたいならばkeb-logのようなソフトウェアをダウンロードして利用すれば良い。 keb-logはDjango製のブログシステムで、カテゴリやタイトル、本文、タグ、要約を記事としている。画面上部に年数が並び、その下に月が並ぶという独特なインタフェースになっている。記事には画像も貼付けることが可能だ。 投稿画面 各記事にはコメントが付けられる。一部のデータはkeb
Google App Engine上でPyPress·PyPress For GAE MOONGIFT
PyPress For GAEはGAE用/Python製のオープンソース・ソフトウェア。世界中のブログエンジンシェアを大きく握っているのがPHPのWordPressだ。オープンソースということもあり、その勢いは止まらない。バージョンアップを重ねるごとにどんどん便利になっている。 WordPress for Python! そんなWordPressを模して開発されているのがPython製のWordPressとでも言うべきPyPressだ。とは言えPythonが動くサーバならばPHPも動くだろうし、わざわざ乗り換える需要がないかも知れない。だがGoogle App Engineとなると話は別だ。PyPress For GAEがその答えになる。 PyPress For GAEはPyPressをGoogle App Engine上で動作するようにカスタマイズされたソフトウェアだ。機能的にはWord
JavaScript製のガントチャート·JSGantt MOONGIFT
JSGanttはJavaScript製/Webベースのオープンソース・ソフトウェア。多人数、または複数社が関わるプロジェクトでは一つのタスクの結果が別なタスクに関わっていることが多々ある。そうした時の遅延はプロジェクト全体の調整が必要であり、滞りなく進めるのは至難の業だ。 JavaScriptでガントチャートを生成 そのためタスク間のスケジュールや関わり方を示すのにガントチャートがよく使われる。これまでのガントチャートは画像出力型が多く、生成後の再利用性が今ひとつだった。そんな不満を解消してくれるのがJSGanttだ。 JSGanttはその名の通りJavaScriptによるガントチャート生成ソフトウェアだ。縦にタスクが並び、横に日程が並ぶ。各タスクごとにスケジュールが帯になって表示され、その結果が別なタスクに線でつなげられる。タスクの関連性が見いだせるはずだ。 折りたたんだり表示範囲を変更
Google App EngineをCDNに·CirruxCache MOONGIFT
CirruxCacheはPython製/Google App Engine用のオープンソース・ソフトウェア。Googleは世界中にサーバを持ち、アクセス元にとって最も高速に応答できるサーバを選択してデータを返している。それはGoogle App Engineであっても変わらない。 管理画面はない 高速にデータを返すということは、ごくごくシンプルなCDN（コンテンツ・デリバリー・ネットワーク）と言うことができるかも知れない。その可能性を考え開発されているのがCirruxCacheだ。 CirruxCacheはGoogle App Engine上に立て、静的なコンテンツ（画像など）をキャッシュさせることで次回からのアクセスを高速化するものだ。TTLの設定も行われる。滅多なことでは更新されないコンテンツ（画像など）に対して用いるのが良いだろう。 設定はコードで行う。 キャッシュ可能なIPアドレス
Google App Engineで他サービスの認証を用いる·gaema MOONGIFT
gaemaはPython製/Google App Engine用のオープンソース・ソフトウェア。Google App EngineではGoogleの認証システムが容易に使えるようになっている。とは言えOpenIDが多数のサイトで対応している現在、認証としては他のサービスを使いたい場合も多い。 OpenIDでログインするサンプル 類似のサービスとしてはTwitterやFacebookが挙げられるだろう。この手のサービスならば通知も兼ね備えるので、さらに使い勝手が良い場合もありそうだ。そんな多彩な認証ニーズに応えるのがgaemaだ。 gaemaは認証統合ライブラリとも言うべきソフトウェアで、OpenID認証の他、OAuth、Googleアカウント、Facebook、FriendFeed、Twitterといったサービスに対応している。デモ版ではGoogleアカウントに対応したものが試せる。 ログ
Google App Engine上で動作するブログエンジン·Bloggart MOONGIFT
BloggartはPython製/Google App Engine用のフリーウェア（ソースコードは公開されている）。Google App EngineはWebアプリケーションを開発するのに便利なクラウドサービスだが、もっと一般化するためにはできあがっているWebアプリケーションの普及が欠かせないだろう。 エントリー画面 一般ユーザが使いやすいものとしては、現状筆頭とも言えるのがブログエンジンだろう。BloggartはGoogle App Engine上で動作するように作られたブログエンジンであり、小規模なブログであればフリーではじめられることになる。 Bloggartは管理画面付きのブログエンジンで、新規ポストや一覧、編集を管理画面で行う。サイドバーについては設定ファイルを修正する必要があるし、デザインの修正もテンプレートを変更する必要があるので一般ユーザにはまだ敷居が高いかも知れない。
iPhone/スマートフォン向けのJavaScriptフレームワーク·xui-js MOONGIFT
xui-jsはJavaScript製のオープンソース・ソフトウェア。スマートフォンが隆盛だ。iPhoneはもとよりAndroid、Plam Pre、Windows Mobile、Blackberryと多彩なスマートフォンが登場している。多数のスマートフォンではWebKitをブラウザに使っている。 スマートフォン向けのJavaScriptフレームワーク WebKitであればHTML5にも対応し、JavaScriptも高いレベルで実行ができる。そんな中登場したJavaScriptフレームワークがxui-jsだ。多彩な表現を可能にしつつ、スマートフォンでしか実行できない機能もある。 イベントを取得してHTMLの内容を書き換えたり、アニメーションを実行する操作がコード数行で実現できる。Ajaxも利用でき、アクションによって外部からデータを取得して表示するのも簡単だ。CSSのクラスを追加したり、逆に
ユーザビリティ向上に。デフォルト値を薄い文字で表示する·jQuery Watermark MOONGIFT
jQuery WatermarkはjQuery用のオープンソース・ソフトウェア。最近のWebサイトでは登録フォームにどういった文字を入力すべきかを提示するケースが多くなっている。例えばユーザIDと書かれていれば何を入力すれば良いか分かりやすい。他にも検索ボックスにSearch...と書かれているのもよく見かける。 予め文字を入力してユーザビリティを向上する そんなテキスト入力を補助する効果を実現するのがjQuery Watermarkだ。名前の通りjQueryプラグインなので、jQueryを使った開発の際にはぜひ使ってみたいライブラリだ。テキストボックスの他、テキストエリアに対しても適用できる。 テキストボックスに対して利用する他、パスワードボックスでも通常のテキストを表示しつつマウスがフォーカスしたら内容を消すこともできる。さらにSafari用の検索ボックスへのデフォルト表示にも対応して
一つのHTMLファイルを使ったiPhone最適化サイトライブラリ·Magic Framework MOONGIFT
Magic FrameworkはiPhone向けのオープンソース・ソフトウェア。日本においてもiPhoneが約200万台発売されたという噂だ。ある程度の市場性が出てきたと言えそうだ。そうなるとネイティブアプリや最適化サイトへの需要も高まってくるだろう。 メインメニュー 幾つかのiPhone向けWebサイトテンプレートがあるが、Magic Frameworkもその一つだ。だが特徴的なのは全体で一つのHTMLのみ提供するという点だ。そしてHTMLファイルをJavaScriptで分断し、スライダを使って表示を切り替えられるようになっている。 何ページもあるようなサイトコンテンツを一つのHTMLで表現できる。例えば小説サイトで最初のページを目次に、各見出しごとにページを分割して表示するような方法が考えられる。1ページなので汎用的なテンプレートではないが、マッチする場面もありそうだ。 ページ切り替え
CSSを柔軟にデザインできるフレームワーク·CSScaffold MOONGIFT
CSScaffoldはPHP+CSS製のオープンソース・ソフトウェア。CSSは柔軟に設定ができるため、つぎはぎに設定を付け足していくと管理が煩雑になっていく。はじめこそネストした設定も適切に行うのだが、徐々に乱れていくとやたら長いクラス名ができたり、設定が複数箇所に点在したりすることになる。 元CSSファイル そうなるともう管理しきれるものではない。また最初から作り直したい気分になることだろう。そんな状況を防ぐためにも使ってみたいのがCSScaffoldだ。CSScaffoldはPHPを使ってCSSを生成するソフトウェアで、標準のCSSの書き方に加え、便利な機能を付け加えてくれる。 まずネストだ。CSSの設定をネストして書けばブラウザからのアクセス時には展開して表示する。複数階層でも問題ない。そして定数も便利だ。定数を定義して、数式を用いて内容を変更できる。例えばpaddingの設定を一律
Python向けスクレイピングライブラリ·Scrapy MOONGIFT
ScrapyはPython製のオープンソース・ソフトウェア。Webサービスから必要な情報を抜き出したり、自動操作をしたりと未だに利用されているのがスクレイピングと呼ばれる技術だ。求人、不動産、Eコマース…様々なサイトの情報を機械的に収集し、データベースに蓄積している。 Pythonで外部サイトからデータを収集する際に RubyでWebシステムを開発している場合、HpricotやNokogiriを使っていたが、Pythonによる開発の場合はどうしたら良いだろう。そこで使えるのがScrapyだ。ScrapyはPythonで開発されたスクレイピングとクローリング用フレームワークだ。 ScrapyではWebサイトにアクセスしてデータを取得し、そのデータからXPathを使ってコンテンツにアクセスできる。オブジェクト指向に従って、柔軟に操作ができるのが便利だ。スクレイピングしたデータを使ってWebサイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
