CrossStorage - クロスドメインで使えるlocalStorage
HTML5で追加されたAPIの一つにlocalStorageがあります。特定のサイト内で使える簡易的なストレージですが、一つのサイトでしか使えないのが難点です。時に別なサイトでも使いたいと思うことがあるでしょう（特にサブドメイン）。 そこで使ってみたいのがCrossStorageです。クロスドメインで使えるストレージです。 CrossStorageの使い方 使っているところです。外部ドメインにあるlocalStorageを使えます。 別なドメインからも。 CrossStorageではハブになるドメインが一つ必要です。そこではアクセスできるドメインを指定し、さらにパーミッションを設定できます。そして外部ドメインからはiframeを使ってメッセージを交換する仕組みになっています。原理はシンプルですが面白い仕組みです。 CrossStorageはJavaScript製のオープンソース・ソフトウェ
OpenSlideshare - PHP製のSlideshare/SpeakDeckクローン MOONGIFT
セミナーや勉強会で登壇した際にはスライドをSlideshareにアップロードしています。人によってはSpeakDeckにアップロードしている人もいるでしょう。ポートフォリオとしても役立ちますし、コンテンツマーケティングの一つにも使われています。 そんなスライド共有サイトを自分でも持ちたいと思ったらOpenSlideshareを使ってみてはいかがでしょう。他サービスにアップロードしない分、ブランディングを構築するのに良いかもしれません。 OpenSlideshareの使い方 OpenSlideshareのトップページです。アップロードしたスライドが一覧表示されます。 スライド詳細。スライドの切り替え、ダウンロードなどができます。 埋め込み用コードを取得することができます。 新しくユーザ登録します。 スライドのアップロードができるようになります。 OpenSlideshareが対応しているのは
PHPで簡単に構築できるCalDAV/CardDAVサーバ·Baïkal MOONGIFT
BaïkalはPHP製、GPL v3のオープンソース・ソフトウェアです。 社内での情報共有の基礎になるのがスケジュールやアドレス帳の共有です。外部サービスを使っても良いですが、社内でCalDAV/CardDAVサーバを立ち上げるならば採用したいのがBaïkalです。 インストールを開始します。ウィザードに沿って進めていくのみです。データベースはMySQLの他、SQLiteも選択できます。 ダッシュボードです。まずユーザを追加します。 格好いいUIでツールチップも表示されてとても入力しやすいです。 ユーザに紐づいたカレンダーが自動的に生成されます。 こちらはアドレス帳です。 Webベースの管理画面も備わっていますが、基本的な利用は全てクライアントソフトウェアから行います。iPhoneやMac OSX、Thunderbird、Androidなどの多様なデバイスがCalDAV/CardDAVをサ
Aozora - Webデザインに便利なダミーテキストを生成
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webサイトをデザインする際にテキスト部を「あああああ」などで埋めたりします。これでは何となくイメージがわきづらいという問題があります。また文字が短い場合、長い場合など様々なパターンの文字を作る必要があります。 そこで使ってみたいのがAozoraです。有名な小説などから文字を適当な長さの生成してくれます。 Aozoraの使い方 AozoraはRubygemsでインストールできます。 $ gem install aozora 後はオブジェクトを作るだけです。 puts Aozora.new #=> "私はその人を常に先生と呼んでいた。だからここでもただ先生と書くだけで本名は打ち明けない。これは世間を憚かる遠慮というよりも、その方が私にとって自然だからである。私はその人の記憶を呼び起す
Webshot – PhantomJSを使ってWebスクリーンショットを保存
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webサイトのスクリーンショットを撮ってくれるAPIって便利ですよね。でも一般に公開されているサービスの場合、セキュリティ上Cookieが伴うものは使えなかったり、URLを与えるだけでその後操作した後のスクリーンショットは撮影できません。 そこで使ってみたいのがWebshotです。Rubygemsのライブラリとして提供されるスクリーンショット撮影ライブラリです。 Webshotの使い方 Webshotは $ gem install webshot にてインストール可能です。ブラウザはPhantomJSを使っていますので、WebKitベースのレンダリング結果が保存できます。 使い方としては、最もシンプルな方法として ws = Webshot::Screenshot.instance
Cockpit - コンテンツ管理“だけ”を提供する小さなCMS MOONGIFT
CMS（コンテンツ・マネジメント・システム）を導入すると、どうしてもシステムにサイト全体のテイストが引っ張られてしまいます。カスタマイズ前提のCMSもありますが、それでも機能面などはシステムが提供するもの以上が提供できないでしょう。 そんな多機能なものではなく、運用担当者が必要なコンテンツを手軽に差し替えられる程度のCMSが欲しい…そう考える方に使ってみて欲しいのがCockpitです。ごくごく小さなCMSです。 使い方 まずはインストールです。といっても単に設置する程度で終わります。 インストールが終わったら、デフォルトのadmin/adminでログインします。 ログイン後の画面、いわゆるダッシュボードです。提供される機能はコレクション、リージョン、メディアマネージャとなっています。 メニューもあります。アドオンを使って機能拡張もできます。 例えばリージョンの一つ。これはフォームを作ってい
Bootstrapベースの管理画面用テンプレート·Charisma MOONGIFT
CharismaはHTML5/JavaScript製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 Webシステム開発において意外と不遇なのが管理画面です。内部の人が使うものなので適当に作られるケースが多くなります。そこで使ってみたいのがCharismaです。リッチな管理画面をBoostrapをベースに作り上げる事ができます。 ウィジェットがついた、リッチな管理画面です。ここまで恵まれているケースは早々ないでしょう。 ドラッグ&ドロップによる配置変更もサポート。 折り畳んで隠す事もできます。 グリッドは細かくサポートされています。 カレンダー。システム内部のデータをマッピングすると見通しが良くなりそうです。 メンバー一覧。検索やラベルもあって便利そうです。 ギャラリー。サムネイル写真をきれいに並べています。 タイポグラフィ。様々なタグをサポートしているので奇麗
自由度の高いWebアンケートフォームを作成·Survey Builder MOONGIFT
Survey BuilderはPHP製のオープンソース・ソフトウェア（GPL）です。 Webベースでアンケートフォームを作る際に便利なのがGoogleスプレッドシートですが、項目が固定化されていて、見た目にこだわったフォームは作れませんでした。そこで使ってみたいのがSurvey Builderです。 インストールしました。さっそくダッシュボードにいきます。 最初にサイト設定を行います。 次に新しいアンケートを作成します。ここはまずアンケート開始前に表示する内容や、アンケートの最大数、ログイン必須か否かといった設定を行います。 アンケートを実際に行ったところです。 確認メッセージも出せます。 完了時のメッセージも決められます。 アンケート結果の確認です。 Survey Builderの面白いところは、アンケートフォーム内容をCKEditorを使って、WYSIWYGに行えるということです。項目
WebベースのVisioと言えそうな·Diagramo MOONGIFT
DiagramoはWebベースのフローチャートアプリケーションです。 個人的にCacooというサービスを好きでよく使っているのですが、機密性の高いドローなどではクラウドサービスが使えないかも知れません。そんな時に試してみて欲しいのがDiagramo、Webベースのフローチャートソフトウェアです。 インストールします。ウィザードで進めていくだけです。 メイン画面です。左側にステンシル、中央が実際に配置する部分です。 日本語も使えます。 ネットワークやUMLも作成できます。 ステンシルがドラッグアンドドロップではなくクリックベースなのはちょっと残念ですが、操作性は悪くありません。画像エクスポートは有料の範囲になっていますが、フローチャートをはじめとする図面の共有目的であれば十分ではないでしょうか。 DiagramoはPHP製のオープンソース・ソフトウェア（GPL）です。 MOONGIFTはこう
MySQL/SQLiteのER図を描くPHPスクリプト·mysqlviz MOONGIFT
mysqlvizはMySQL/SQLiteの構造を可視化するライブラリです。 DBを使ったシステムを構築していると必要になるのがER図ではないでしょうか。そんなER図を実際のデータベースのダンプファイルをベースに描き出すのがmysqlvizです。 ヘルプです。 まずdotファイルを生成します。 さらにdotファイルをpngに変換して得られた結果です。 mysqlvizはMySQLとSQLiteに対応しています。MySQLの場合はダンプファイル、SQLiteの場合は実際のデータベースファイルを読み込んでdotファイルを出力します。後はGraphvizを使ってPNG画像に変換する仕組みになっています。 mysqlvizはPHP製、GPL v3のオープンソース・ソフトウェアです。 MOONGIFTはこう見る mysqlvizの面白いところはMySQLについてはダンプファイルを使っているということ
SQLを整形、ハイライトして分かりやすい表示を実現·pgFormatter MOONGIFT
pgFormatterはPostgreSQLをはじめとするSQLを整形するソフトウェアです。 SQLは文法さえ覚えてしまえば誰でも使えるようになる反面、書き方が冗長的でものすごく複雑な形になってしまうことが多々あります。そこで使ってみたいのがpgFormatter、SQL整形ツールです。 元のSQLです。 こんな感じに整形されます。 デモです。こんな複雑なSQLも… すっきり見やすく！ インデントが深くても見やすいです。 pgFormatterはその名の通り、PostgreSQLのシンタックスハイライトに対応しています。SQLとしてはSQL-92/99/2003/2008/2011のキーワードに対応しています。キーワードや関数の大文字化（または逆に小文字化）も指定できます。 pgFormatterはPerl製、PostgreSQL Licenceのオープンソース・ソフトウェアです。 MOO
ビジネスで重宝しそうなデータベースクエリー共有システム·Oculus MOONGIFT
Oculusはビジネス用データベースクエリー共有システムです。 開発者の所にはたびたびユーザが訪ねてきてデータベースから一定の条件で抜き出したデータが欲しいと言われることがあります。そんなことが繰り返しあるとSQLをテキストファイルで残しておいたりする人も多いのではないでしょうか。そこで使ってみたいのがOculusです。クエリーを共有したり、データのダウンロードができます。 インストールはRubyGemsで行います。 オプションです。ユーザ名、パスワード、データベースを指定して実行します。 起動しました。 実行しました。結果が下に表示されます。 データはテーブル上に表示されます。 こちらはクエリーログです。 クエリーを保存しておけます。お気に入り登録も可能です。結果はダウンロードもできます。 お気に入りのクエリー一覧です。 Oculusを共有して使えば、最初は開発者がクエリーを作成し、後は
これは便利！Mac OSX/Linuxで動くIE7〜9のVirtualBox用仮想イメージを作成·ievms MOONGIFT
ievmsはMicrosoftが提供するIE動作検証用Virutal PC向け仮想イメージをVirutalBox向けに変換するソフトウェアです。 IEで見たWebサイトの確認をしたいと思ったらWindows機が必要です。さらにIE7/8/9と各バージョンを用意しなければなりません。そんなのは面倒だ！というMac OSX/Linuxユーザの方は今すぐievmsを実行しましょう。ievmsはIE7〜9のVirtualBox用の仮想イメージを作成してくれるソフトウェアです。 インストール中です。数GB以上あるものばかりでかなりの時間を要します。 とりあえずIE7とIE8の仮想イメージができあがりました。VirtualBoxで確認できます。早速起動してみます。 Windows7が使われています。なお最初の起動時にライセンスが切れていましたがオンライン認証で通りました。 アクティベート後、再起動すれ
デザインパターンの学習に。Java製のシンプルなテキストエディタ·Jexi MOONGIFT
JexiはJava製のテキストエディタ。デザインパターンを考慮して開発されている。 JexiはJava製のオープンソース・ソフトウェア。Javaと言えばサーバサイドでの利用が多いが、その前はクライアントサイド向けのアプリケーション開発で利用されていた。だが実行速度やUIがこなれないこともあってなかなか普及しなかった。 シンプルなUI 今はハードウェアの性能も向上し、EclipseのようなJava製の大型ソフトウェアも多くなってきている。そんな時代からこそ使ってみたいのがJava製のテキストエディタ、Jexiだ。 JexiはSWTを使って開発されているので、コンポーネントが各OSに準拠しており使い勝手が良くなっている。テキストエディタとしてはシンプルな機能しか揃っておらず、簡単な文字装飾やフォントサイズの変更、画像の埋め込みができる。 画像の埋め込みにも対応しているが、表示が崩れてしまった
Web上でヒートマップを簡単に実現するHTML5/JavaScriptライブラリ「heatmap.js」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
heatmap.jsはWebベースのヒートマップ表示ライブラリ。 heatmap.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。グラフには様々な種類があるが、とりわけ作るのが難しそうなグラフにヒートマップがある。一定の範囲における影響度を表現したり、ユーザの動きを可視化するのに使われたりする。 デモ 動線を可視化することによってサイトの流れを変えたり、店の商品配置を変えるデータにもなりえる。そんなヒートマップを表示するためのライブラリがheatmap.jsだ。 heatmap.jsはWebブラウザ上で指定した範囲（画像など）の上にヒートマップを表示するライブラリだ。マウスの動きに合わせたり、クリックでヒートマップデータを作ることが出来る。クリック場所をトラッキングしておけば、元データを集積することができるだろう。 地図との組み合わせ 画像だけでなく、地図の上にレイ
WebベースのアクションRPGを開発するならば使いたいフレームワーク·RPG JS MOONGIFT
RPG JSはHTML5/JavaScriptによるWebベースのゲーム開発用フレームワーク。 RPG JSはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5を使ったゲームフレームワークが続々と登場している。ある程度汎用的なものもあるが、やはりゲームジャンルに合わせたフレームワークを選ぶのが大事だろう。 デモゲーム RPG（ロールプレイングゲーム）は常に人気の高いゲームジャンルだ。Webブラウザ上でできるRPGを自作したいならば使うべきはRPG JSだろう。 RPG JSはHTML5/JavaScriptで作られている。矢印キーとスペースで動いたり話しかけたりする。サウンドにも対応する。そして剣を装備するとAキーで振ることができる。NPCも数多くいて、話しかけるとゴールドを貰えたりする。聖剣伝説のようなアクションRPGになっており、どんどん攻撃をしかけていけるよ
WindowsのJSONを使った開発のお供に。JSONをツリービューに展開する·JSON Viewer, MOONGIFT
JSON ViewerはVisual Studioとの連携も可能なJSONビューワー。 JSON ViewerはWindows用のオープンソース・ソフトウェア。XMLを面倒なものに感じていたのはタグの仕組みによって記述が冗長的になってしまうからだった。ライブラリがあるので利用はさほど難しくないが、自分で作成するのは面倒だった。 貼付け そこで登場したのがJSONだ。XMLほど複雑な表記に対応できる訳ではないが、その代わりにとてもシンプルに記述できる。また、大抵の場合はそこまで複雑な定義は必要としないだろう。JSONは元々Web向けの技術だったが、最近は変わってきている。そこで登場したのがJSON Viewerだ。 JSON ViewerはWindows用のソフトウェアで、JSONフォーマットの文書を貼付けると、ツリー状に展開してくれるソフトウェアだ。JSONは改行などをなくして送受信される
MOONGIFTプレミアムについて | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
Arborは複数のオブジェクトを関連性を含めてビジュアル化するライブラリ。 ArborはJavaScript/jQuery製のオープンソース・ソフトウェア。データをビジュアル化する方法は幾つか存在する。例えば棒グラフや折れ線グラフも一つのビジュアル化だ。どの方法を選ぶかはデータの種類と見せ方によって異なるだろう。 こんな表示も 幾つかのオブジェクト同士が関連して存在する場合に使えるのがArborだ。例えばソーシャルネットワークのユーザの関連性を表示したり、友人同士のつながりをビジュアル化するといった時に使えそうなライブラリだ。 Arborは幾つかのハブがあり、そのハブから枝が伸びて別なハブにつながっているようなビジュアル化を行う。表示して終わりという訳ではなく、常にゆらゆらと動いている。さらにハブをドラッグして移動させることもできる。その時には関連するハブも干渉して動く。 さらに複雑な描画
PSPを推進するダッシュボード·The Software Process Dashboard MOONGIFT
The Software Process DashboardはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア。PSPとはPersonal Software Processの略だ。ソフトウェア開発プロセスの手法を個人のスキルや生産性向上に応用しようと言う試みだ。 画面上にフローティングする とは言え、ソフトウェア開発の効率化とは、結局の所個々人のスキル向上と密接に絡む所が大きい。そのためPSPを通じて個々人の生産性を高めることができれば、おのずとソフトウェア開発力も向上するのだ。それを補助するのがThe Software Process Dashboardだ。 PSPで大事なのは「有用な記録を続けること」にある。そのためプロジェクトやタスクごとに時間を記録する機能が備わっている。ボタン一つで計測を開始し、集積していく。日常的にはその繰り返しだ。そして欠陥ログを残し
NodeJS用のパッケージ管理·npm MOONGIFT
npmはJavaScript製のオープンソース・ソフトウェア。サーバサイドJavaScriptで有力な選択肢になりつつあるNodeJS。この手のフレームワークが流行るか否かはフレームワークの性能はもとより、周囲のコンテンツによって左右される。 例えばフレームワークに関するドキュメントであったり、支持するユーザ層、さらに充実したライブラリも重要な要素だ。NodeJSにもそれが登場した。パッケージ管理システムを提供するnpmだ。 npmはrpmライクな名称のNodeJS用パッケージ管理システムだ。コマンド一つでNodeJSに関係する様々なライブラリをインストールできる。既に多数のライブラリが登録されている。npm自体のインストールもコマンドライン一行で済んでしまう手軽さだ。 npmコマンド自体がroot権限を必要としているのが難点ではある（筆者環境だけだろうか）。だが、それ以上に便利だ。npm
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
