You-Dont-Need-jQuery - jQueryを使わない書き方教えます
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました jQuery、便利ですよね。すぐに使ってしまうのですが、サイズは肥大化していますし、実際に使うのはそのごく一部でしかなかったりします。 そこで参考にしたいのがYou-Dont-Need-jQueryです。その名の通り、jQueryを使わない標準的な記法を教えてくれるプロジェクトです。 You-Dont-Need-jQueryの使い方 You-Dont-Need-jQueryはソフトウェアというわけではなく、READMEの中で説明をしてくれます。例えばセレクタの書き方。 $('selector'); // ↓ document.querySelectorAll('selector'); クラスを指定する書き方。 $('.class'); // ↓ document.querySele
MindMapIt - リストを編集して表示はマインドマップで
マインドマップソフトウェアは数多くありますが、その多くはビジュアル的な編集を行うものとなっています。確かに見た目はいいのですが、サイズが大きくなると編集が面倒に感じます。 そこでプログラマーで向きなMindMapItを紹介します。テキストを編集してマインドマップに反映していくタイプのソフトウェアです。 MindMapItの使い方 メイン画面です。編集は左にあるノードリストを変更します。 文字を追加したり、ノードの位置変更も簡単です。 日本語も使えます。 MindMapItのいいところはアウトライン的にどんどん編集していった結果をビジュアル的にマインドマップで確認できることでしょう。ノードの場所や色などを気にすることもなく、アイディアの深掘りに集中できるでしょう。 MindMapItはHTML5/JavaScript製のオープンソース・ソフトウェア（GPL）です。 MindMapIt Jos
Skyline - CSSフレームワーク開発のベースに
どれだけスタイルシートのフレームワークが登場してきても、それでも大抵のWebサイトは独自のスタイルシートで組まれているものです。しかし独自で組むとデザイン漏れが発生し、後付けで設定を追加したり更新が続くと徐々に最初の設計思想から離れていくものです。 そこで使ってみたいのがSkylineです。Skylineはデザインフレームワークという訳ではなく、カスタムスタイルシートフレームワークを構築する差異の出発点として欲しいと考えているライブラリです。 Skylineの使い方 Skylineは4つの階層に分かれています。ベース、エレメント、レイアウトそしてモジュールです。それぞれ目的に沿って、書き加えていきます。SkylineはOOCSS/SCSSを使って書けるようになっています。 HTMLの構造はHTML5に沿って書かれており、モバイルファーストな設計思想になっています。さらにjQueryの組み合
E.B.U.R.P.·ぜひお試しを！HTML5を使ったiOS/Androidアプリも作成できるRPGエンジン MOONGIFT
クロスデバイスなRPGが作れるようになりますよ！ といっても現代風な高機能なRPGでもなく、グラフィックもシンプルなゲームですが。昔懐かしいドラゴンクエスト1〜3あたりの雰囲気が感じられるRPGゲームを作れるエンジンがE.B.U.R.P.です。 CoffeeScriptを使っており、コマンドラインでビルドコマンドを実行することでiOS/Android向けにアプリとしてパッケージできるようになっています。つまりE.B.U.R.P.を使えばクロスデバイスに容易に対応させることができるのです。 ということでデモゲーム（Webブラウザで試せます）を遊んでみます。 Gurkというゲームが遊べます。画面の上半分がゲーム、下が入力画面となっています。 ゲーム開始です。中央にいる旗を持ったユニットが自キャラです。 上下左右の矢印キーを使って動かします。 外に出ました。あからさまに敵っぽいのがいますね。 戦
Resumable.js - HTML5で実現したリジューム付きファイルアップローダー MOONGIFT
アップロード途中で止まると相当なストレスですよね。そこで使ってみたいライブラリです。 HTML5を使うとファイルをドラッグ&ドロップでアップロードできるようになってとても便利になっています。しかしごく小さなファイルのアップロードであればまだしも、巨大なファイルをアップロードするとなるとまだ大きな問題が残っています。それがネットワークエラーです。 Webではファイルを一括でアップロードしますので、途中でエラーが起きるとまた最初からやり直しになってしまいます。これはクライアント/サーバ双方に負荷がかかる仕組みです。これを改善できるのがResumable.js、リジューム対応のファイルアップローダーです。 サンプルのnodeアプリケーションで実験します。 900MBくらいのファイルをアップロードします。 右側にある一時停止ボタンを押すとアップロードが停止します。 いつでも再開が可能です。 この仕
JavaScriptのソースコードをもっと格好よく、見やすく·Code Illuminated MOONGIFT
Code IlluminatedはWebベース、JavaScript製のオープンソース・ソフトウェア。開発者にとってシステムのソースコードを直接見られるというのは貴重だ。ライブラリの操作が分からないとき、どのように処理をしているのか気になった時にソースコードが見られれば簡単に解決する。 ハイライト表示されると見やすい しかし単なるソースコードのファイルだけが置いてあるのでは利便性が高いとは言いがたい。見やすくなっていてこそ、使いたいと思えるものだろう。JavaであればJavaDoc、PHP用のPHPDocumentorも知られているが、これらは書き方を習得するのが面倒に感じてしまう。JavaScriptに限定されるがCode Illuminatedはなかなかユニークなソースコードビューワーだ。 Code Illuminatedは左にクラスの説明やメソッドに関する説明がされ、右側にソースコー
WordPressをドキュメント管理システムに·WP Document Revisions MOONGIFT
WP Document RevisionsはWordPressを使ってドキュメント管理システムを構築するプラグイン。 WP Document RevisionsはPHP製/WordPress用のオープンソース・ソフトウェア。元々はブログエンジンとして登場したものの、シェアを一気に拡大していく中でCMS（コンテンツマネジメントシステム）として進化しているWordPress。Webサービス開発のベースに使われることも多い。 ファイルアップロード そんなWordPressが次なる進化を遂げようとしている。それは環境になることだ。もはやWordPressがなければビジネスが回らない、そんな状態になってしまうのだ。その一つ、WordPress上でドキュメント管理システムを構築するのがWP Document Revisionsだ。 WP Document Revisionsはリビジョン管理システムを含
複数バージョンのFirefoxを一括インストール·Mozilla Firefox Collection MOONGIFT
Mozilla Firefox CollectionはWindows用のフリーウェア。Webサイトを開発する際にはどのバージョンのブラウザからサポートするかが工数に影響を与える。ブラウザは進化するに従ってレンダリング結果やJavaScriptの動作が異なったりするので、多くのブラウザをサポートする場合はテストの工数が増えていく。 4つのFirefoxがインストールされる IEでは複数のバージョンをインストールして確認するソフトウェアがあるが、Firefoxでは見かけなかった。だがMozilla Firefox Collectionはまさにそのためのソフトウェアになる。Firefox2〜3.6までの歴代Firefoxでのシステム確認作業が出来るようになる。 インストールされるのは2、3.0、3.5、3.6の4つのFirefoxになる。さらにFirebugやWeb DeveloperといったW
ノートPCを紛失する前に設定しておこう·Prey MOONGIFT
PreyはWindows/Mac OSX/Linux向けのオープンソース・ソフトウェア。ノートPCは持ち歩いてカフェや空港、駅などで作業するのにぴったりだ。だがちょっと置いておいた隙に盗まれてしまったり、どこかに置き忘れてしまったりという事件も良く聞かれる。 ひっ！ そんな時に追跡装置があれば、と思うだろう。そんな時のためには今のうちに準備が必要だ。使うのはPreyだ。Preyは単体で動作する訳ではなく、PreyのWebサービスと連携して動作するソフトウェアだ（一応単体でも動作するようだが）。その点がなかなかユニークで面白い。 PreyをインストールしたらPreyのWebサービスにユーザ登録し、APIのキーを得る。さらにデバイスを登録しデバイスのキーも得る。この二つをローカルのPreyに設定すれば準備は完了だ。後は盗まれるの待てば（？）いい。いざ盗まれたらPreyのWebサービスにアクセス
Web上でシステムログの閲覧、監視·Clarity MOONGIFT
ClarityはRuby製のオープンソース・ソフトウェア。システムのログを見る際にはSSHを使ってサーバにログインして確認するというのが一般的だ。だが何台もあるサーバに個々にログインするのは面倒だ。社内のサーバであれば、セキュリティ的にも厳しい制限がないことも多い。 そこで使ってみたいのがWebブラウザベースで使えるログ監視ツールだ。Clarityはサーバ上で実行することでWebブラウザ上でログ閲覧を行える。監視したいログの種類も設定できるので、多数のサーバを管理する上で便利に使えるかも知れない。 モードは二つあり検索とTailになっている。検索は指定したログファイルから入力した検索ワードをチェックし、一覧で結果を表示する。Tailはまさに更新されるたびに表示が追加されるTailだ。自動スクロールを有効にすれば自動的にスクロールして表示が更新されるようになる。 背景は黒、文字は白でターミナ
MOONGIFT: » クリックする場所を測定するアクセス解析「ClickHeat」:オープンソースを毎日紹介
アクセス解析からは様々な情報が読み取れる。これを無視してサイト改善はあり得ない。だが、取れる情報は断片的なものだけで、実際にユーザがどういったアクションを起こしているのかは仮説を立てて検証していくしかない。 MOONGIFTのヒートマップ その仮説に役立てるのに便利なソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはClickHeat、クリックされた場所をビジュアル化するアクセス解析ソフトウェアだ。 これは面白い。ClickHeatから生成されるJavaScriptのコードをサイトに埋め込んでおき、しばらくするとサイトのスクリーンショットをバックグラウンドに、クリックされた場所がポイントとして表示される。 JavaScript生成画面 何度もクリックされる場所があると、そこがさらに色濃くなっていく。青から赤へと、まるで炎の温度やサーモグラフィのようだ（なのでヒートマップなの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
