新しい形のWebアプリケーションを提案する·UNHOSTED MOONGIFT
UNHOSTEDはクライアントサイドによる暗号化/復号化による新しいWebアプリケーションのあり方を提案する。 [/s2If] UNHOSTEDはJavaScript/PHP製のオープンソース・ソフトウェア。かつてパッケージソフトウェアが殆どだった時代、ソフトウェアを購入しなければデータの閲覧さえできず、ベンダーにロックインされることを毛嫌う人たちが解放さえたフリーソフトウェアの思想を作り上げた。 デモのメールアプリ オープンソース・ソフトウェアが普及し、さらにWebアプリケーションが使われるようになった結果、ソフトウェアからの解放は進んだがデータは未だにロックインされている。Googleなどを使っているとそう感じられるはずだ。そこからの脱却を目指すプロジェクトがUNHOSTEDだ。 UNHOSTEDは公開鍵と秘密鍵を使ってデータを暗号化し、データをホストさせる。そのためサービス提供側では
これは便利！ブラウザ/レンダリングエンジンごとのCSS設定をJavaScriptで解決する·CssUserAgent MOONGIFT
CssUserAgentはJavaScriptを使ってブラウザ/レンダリングエンジンごとのクラス定義を生成する。 [/s2If] CssUserAgentはJavaScript製/Web用のオープンソース・ソフトウェア。CSSは便利だが、ブラウザによって指定が異なってしまうケースに対応しようと思うと途端に煩雑になってしまう。特にここ数年のようにWebブラウザの種類が増えると大変だ。 このようなクラスが定義される レンダリングエンジンで考えても数多く、さらにバージョンによってレンダリング結果が異なるとなると発狂しそうになってしまうほどだ。そんな苦しむWebデザイナーの方々を救うかもしれないのがCssUserAgentだ。 CssUserAgentはua-*というクラス名を自動的に定義するJavaScriptファイルだ。「ua-（ブラウザ名）」「ua-（ブラウザ名）-（メジャー番号）」「ua-
MOONGIFT : ヘッダーに仕込んでおくと幸せになれるJavaScript「Head JS」 オープンソース・ソフトウェア/フリーウェアを毎日紹介
Head JSはヘッダーに組み込み、JavaScript/CSSの管理を補助するライブラリ。 [/s2If] Head JSはJavaScript製のオープンソース・ソフトウェア。HTMLのヘッダーで行うべき処理は多い。SEO対策としてキーワードの設定や説明文の追加、さらにJavaScriptファイルを読み込んだりCSSを設定したりする。いつの間にかヘッダーがとても長いものになってしまっていたりする。 スクリプトの読み込み さらにJavaScriptを多数読み込んだりすると表示速度に影響が出てしまう。作業の面倒さと複雑さを解決してくれる便利なJavaScriptライブラリがHead JSだ。ヘッダーに入れておくと便利に使えるはずだ。 Head JSが提供する機能は多い。JavaScriptの読み込みを指定することで平行して（しかし順番に）読み込んでくれる。そして読み込んだ後、指定した関数を
JavaScriptパーサ/難読化/可読化ライブラリ·UglifyJS MOONGIFT
UglifyJSはJavaScriptを解析し、難読化および可読化処理を行う。 [/s2If] UglifyJSはJavaScirpit/node.js用のフリーウェア（ライセンスはZLIB-like license）。JavaScriptはサーバサイドの言語が何であれ、Webブラウザ上で動作するプログラミング言語としては共通している。つまりインターネット上で最も利用されているプログラミング言語といえる。 難読化例 最も利用されているだけに活用できる幅が広がれば、より生産性が高まったり、インターネットの高速化につながる可能性がある。WebアプリケーションなどでJavaScriptを多用しているなら注目したいのがUglifyJSだ。 UglifyJSはJavaScriptのパース、難読化および逆に可読化を行うライブラリだ。コンソールベースでも動作し、JavaScriptファイルを指定して難読
HTML編集もできるWebベースのファイルマネージャ·PGRFileManager MOONGIFT
Ajaxによるスムーズな操作が可能なファイルマネージャ。 [/s2If] PGRFileManagerはPHP製のオープンソース・ソフトウェア。様々なローカルアプリケーションがWeb化する中、Web上にあるファイルをWeb上で修正するというのも受け入れられるものになっているかも知れない。セキュリティについてはシステム上で強固に作り込めばいい。 画像のプレビュー その代わりに得られるメリットは大きい。Web上でファイル修正ができればサーバ上のファイルを多人数で変更できる。ファイルの移動処理などもサーバのパワーで一気に終わらせられる。その可能性を感じさせるのがPGRFileManagerだ。 PGRFileManagerは2ペインのWebベースファイルマネージャだ。左側にフォルダのツリーが表示され、その中身が右側に表示される。画像はサムネイルが表示されるようになっている。表示はアイコンの他、リ
jsdo.it
We’re getting things ready Loading your experience… This won’t take long.
Google製、JavaScript/CSSの難読化＆キャッシュ·Reducisaurus MOONGIFT
ReducisaurusはJava製/Google App Engine用のオープンソース・ソフトウェア。Webアプリケーションが隆盛になり、JavaScriptを多用したシステムやCSSによる凝ったデザインのサイトが増えてきた。それぞれフレームワークを使ったりして複数のファイルを扱うケースも多い。 設定方法 JavaScriptやCSSのファイルを複数読み込むにはその分だけコネクションを行う必要があり、負荷がかかってしまう。そこで使ってみたいのがReducisaurusだ。ローカルファイルやリモートのファイルを読み込んで一つにまとめてアクセスできるようになる。 ReducisaurusはGoogleのエンジニアでJaikuの開発にも関わっているプログラマによるソフトウェアだ。実行はGoogle App Engine上で可能になっている。自分でサーバを立てることもできるし、Reducisa
MOONGIFT: » 進捗も分かる、複数ファイルのアップロードを可能にするライブラリ「FancyUpload」:オープンソースを毎日紹介
※ 画面は公式サイトデモより Webインタフェースの欠点は数多いが、その一つがファイルアップロードに関するものだろう。複数ファイルをアップロードできない、ドラッグアンドドロップは使えないなど様々な不満点が存在する。 一括で複数ファイルをアップロードできる そんなブラウザ上の欠点を補ってくれるのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはFancyUpload、複数ファイルのアップロードを可能にするライブラリだ。 FancyUploadはJavaScriptやPHPスクリプトそしてFlashなどからなるライブラリ群で、Flashを使って複数ファイルのアップロードを行う。そして非同期的に通信を行うことでアップロードの進捗がとれるようになっている。もちろん進捗の状況連絡はPHP以外（Railsなど）でも行える。 アップロード中 JavaScriptライブラリの一つであるMoo
ブラウザのアップデートを通知する·Pushup MOONGIFT
※ 公式サイトデモより ローカルのアプリケーションの中で、ブラウザやメーラーといったインターネットのつなぎ手になるアプリケーションはセキュリティに注意する必要がある。放置しているといつの間にかセキュリティパッチが出ており、適用していないブラウザはワームなどの被害に遭うことになってしまう。 Firefox向けの警告 そうした危険なブラウザを関知し、Web上で警告を出すライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはPushup、ブラウザバージョンチェックライブラリだ。 PushupはIE、Firefox、Opera、Safariといったメジャーなブラウザに対応したソフトウェアで、ユーザエージェントから判断して、指定したバージョン以下のブラウザを使っている場合に注意を呼びかけることができる。 Safari向けの警告 注意は面倒なものではなく、右上にGrowl風のポップアップが表
キーコードイベントを一括で調べられるWEBツール:phpspot開発日誌
Keyboard Events and Codes This form cancels all keyUp events. キーコードイベントを一括で調べられるWEBツール。 入力ボックスにキーボードを入力していくことで押したキーのコードがそのまま表示されます。 keydown, keypress, keyup それぞれのコードが取れたり、Shift, Ctrl, Alt キーにも対応しているようです。 JavaScript でのキーコード調査なんかに便利ですね。 関連エントリ クロスブラウザでのJavaScriptキーボードイベントの扱い方
HeartRails Glance | リンク先 「チラ見」 サービス
「チラ見」 ウィンドウに必要を感じないお客様は、「チラ見」 ウインドウ下部の x ボタンをクリックすることにより、以後、そのサイトに付加された 「チラ見」 機能を無効にすることができます。また、「チラ見」 機能を導入済みのサイトには、併せて 「チラ見」 機能の有効／無効を切り替えるための Switch を設置することができます。 Switch を設置したい場所に下記の JavaScript をペーストしてください。 お客様のサイトの文字コードが UTF-8 の場合 <script type="text/javascript" charset="UTF-8" src="http://glance.heartrails.com/api/utf8/switch.js"></script> お客様のサイトの文字コードが EUC-JP の場合 <script type="text/javascrip
忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」:phpspot開発日誌
BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ