吹き出し風CSSデザインをオープンソースで·CSS Arrow Please MOONGIFT
CSS Arrow PleaseはCSSだけで作成する吹き出しデザインをオンライン上で行えるサービスです。 Twitterをはじめコミュニケーションが基本のサービスで欲しくなるのが吹き出し風のデザインです。そんなデザインをオンラインで簡単に作成できるのがCSS Arrow Pleaseです。 トップページです。左に描かれている吹き出しデザインが右側のCSSで作成されています。 吹き出しの位置は上下左右から選べます。 色はカラーピッカーを使って自由に選択できます。 カスタマイズしたパターンです。 CSS Arrow Pleaseでは吹き出しの配置や色、線の太さなどを自由にカスタマイズできます。後は出来上がったスタイルをコピーして自分のサイトに組み込むだけです。 CSS Arrow PleaseはHTML/CSS製のオープンソース・ソフトウェア（MIT License）です。 MOONGIFT
多彩な表現をご覧あれ。JavaScriptによるデータビジュアル化ライブラリ·JavaScript InfoVis Toolkit（JIT） MOONGIFT
JITはJavaScriptを使ったデータビジュアル化ライブラリです。 JavaScriptを使ってWeb上でデータを多彩にビジュアル化するライブラリがJavaScript InfoVis Toolkit（JIT）です。その多彩な表現をご覧ください。 積み上げのエリアグラフです。表示の際にはアニメーションが実行されます。 実際のコードです。 棒の積み上げグラフです。 横向き、2Dのグラフです。 関連グラフです。マウスで動かせます。 マウスオーバーで説明が表示されます。 こんなグラフもあります。 星形。格好いいです。 カスタマイズにも多様に対応しています。 容量の表示などによく利用されるツリーマップです。 こちらもパターンが色々用意されています。 グラフを組み合わせたパターンです。 こんな表現も可能です。 派生していくアニメーションが格好いいです。 円グラフです。アニメーションやマウス操作に
よくあるニーズを疎結合に。内部や外部の画像をリサイズや切り抜き、簡易加工を行うPHPスクリプト·TimThumb MOONGIFT
TimThumbは内部または外部の画像を取り込んでリサイズ、切り抜き、簡易加工を行うPHPスクリプト。 TimThumbはPHP製のオープンソース・ソフトウェア。Webサイトを作る際に重要な要素が画像だ。テキストが並んでいるだけでは重苦しいが、画像をうまくちりばめることで華やかに、見栄えのいいサイトに仕上がる。ユーザに画像をアップロードしてもらうサイトも多い。 リサイズ ユーザがアップロードしたり、外部にある画像を使う場合サイズがばらばらであったりして扱いが悪い。そんな画像を加工するのに使えるのがTimThumbだ。 TimThumbはPHPで画像のパスを指定してリサイズしたり、簡単な加工を行うソフトウェアだ。パスを指定することも、URLを指定することもできる。GDライブラリを使っているのでPHP側を対応させる必要がある。単純なリサイズだけでなく位置を指定した切り抜きもできる。 切り抜き
Titaniumを使った開発をより生産性高くするために公式IDEを使おう·Titanium Studio MOONGIFT
Titanium StudioはEclipse（Aptana Studio）をベースにしたTitaniumやWebシステム開発に特化したIDE。 Titanium StudioはTitanium用、Java製のフリーウェア。日本でもTitaniumによるiOS、Androidアプリの開発が盛んになっている。JavaScriptでの開発なので、普段使っているテキストエディタで開発できるのが魅力だが、より効率的な開発のためにはIDEを使う方が良いかもしれない。 開発画面 Titanium StudioはまさにそのためのAppcelerator公式のIDEだ。Titanium開発はもちろん、RailsやPHPでの開発においても役立つ機能を盛り込んだ、Web/スマートフォン開発のためのIDEだ。 Titanium StudioはEclipseをベースに開発されている。Appceleratorが買収
PowerPointを使ってプロトタイプを作ろう·PowerPoint Prototyping Toolkit MOONGIFT
世の中には何でもPowerPointでやらないと気が済まないという人たちがいる。Excel使いがそうであるように、PowerPoint使いがいるのだ。余計なソフトウェアを購入するよりはよっぽども良いが、再利用性のない方法をとられても困る気はするのだが…細かいところは気にしないでおこう。 PowerPointを使ってアプリケーションの画面を作る そんなPowerPointウィザードな方々に送る、プロトタイプ作成ツールキットがPowerPoint Prototyping Toolkitだ。 今回紹介するフリーウェアはPowerPoint Prototyping Toolkit、PowerPointを使ってアプリケーションのプロトタイプを作成するツールキットだ。 PowerPoint Prototyping Toolkitは画面や画面を構成するオブジェクトを作成し、PowerPoint2007の
イラストや写真から線画を抜き出す·境界線画抽出 MOONGIFT
良い写真やイラストがあり、色合いを変えたり、塗りを変更して二次創作をしたいと思うことがあるかも知れない。だが既に色が塗られているイラストから線だけを抜き出すという作業は手間ひまがかかる。そんなことをやっていたら日が暮れてしまうだろう。 某イラストより そこで境界線を抜き出す作業をコンピュータにやらせてみよう。ある程度できれば、後は多少手を加えればすぐに使えるようになる。 今回紹介するフリーウェアは境界線画抽出、写真やイラストから境界線を抜き出すソフトウェアだ。 境界線画抽出はイラストや写真を元にして使えるソフトウェアだ。既に色が塗られていても良い。まず、間引きという処理によって色合いを抑えていく。次に境界抽出によって色合いの特徴的な変化部分を抽出していく。 保存するとさらに白みが増す この二つの操作によって殆どの作業は完了する。ただしバランスが以外と難しい。より効率的に抜き出すには多少のな
持っている音楽をカラオケにして楽しむ·BestPractice MOONGIFT
音楽は聴いて楽しむ他に、自分で歌って楽しむこともできる。カラオケはブームが去ったとは言え、未だに人気がある。行き慣れている人もそうでない人も、カラオケに行くとなるとひっそりと自宅で練習しているのではないだろうか。 音楽ファイルをリアルタイムで変換する ボーカルが入った状態で練習すると、それにつられて歌えるので何となくうまく歌えている気分になる。だがいざカラオケになると歌いだしやテンポが合わなかったりする。いざその場になって慌てないよう、BestPracticeを使って練習しよう。 今回紹介するオープンソース・ソフトウェアはBestPractice、通常の曲からボーカル部分を消すことができるソフトウェアだ。 BestPracticeは手持ちのMP3、WAVやCDを再生することができる。そしてリアルタイムにボーカル部分と思わしき帯域を弱めることができる。これを使えばカラオケと似たような音楽の中
ぜひお試しを！写真を並べて素敵な形を作成する·Shape Collage MOONGIFT
携帯電話で撮った写真は画素数が少ないので、ちょっと前のモデルでは気軽に写真は撮れるものの現像するにはちょっと物足りない感じもあった。そのような写真はパソコンに取り込んで閲覧するのが一般的だろう。 スマイルマーク型に写真を並べたところ だがコンピュータ上のアルバムソフトウェアでただ眺めているのはもったいない。大胆にこんな変化を遂げてみるのはどうだろう。 今回紹介するフリーウェアはShape Collage、写真を色々な形に沿って並べてくれるソフトウェアだ。 Shape CollageはJavaで作られたソフトウェアで、Windows/Mac OSX/Linuxなどマルチプラットフォームで動作する。そのおもしろは、多数の写真を使わないと伝わりづらい。その点、手軽に撮れるデジカメや携帯電話の写真は素材として最適と言えそうだ。写真はドラッグアンドドロップで登録する。 これはハート形 写真を登録した
高品質なiPhone向けWebサイトを構築するフレームワーク·iWebKit MOONGIFT
iPhoneやiPod Touch向けのサービスを提供してみたいと思う人は多いはずだ。だが専用アプリケーションの開発はObjective-Cを習得する必要があったり（他の言語でもできるが）、App Storeへの申請が面倒に感じてしまうかも知れない。 iPhone/iPod Touch向けサイトを作るのに便利 その点、Webサイトであれば申請も不要ではじめられる。ネットワーク必須のサービスを作るならSafari経由でも十分かも知れない。そんな時に便利なフレームワークがiWebKitだ。 今回紹介するオープンソース・ソフトウェアはiWebKit、iPhone/iPod Touch向けのWebサイトを構築するフレームワークだ。 iWebKitを使うと、iPhoneやiPod Touchに適したWebサイトを簡単に構築できるようになる。左に移動していくナビゲーションや、テキストや画像を使ったリス
Sparklinesをエクセルで·Sparklines for Microsoft Excel MOONGIFT
Sparklinesとは一行くらいの高さで表示される小さなグラフのことだ。小さいがために、各行単位でグラフを表示したり、刻々と変化するグラフを表すのに便利だったりする。数十のグラフを一つの画面上に表示する際にも、データとの整合性がとりやすく、見栄えもいい。 Excelで使えるSparklines 最近、色々な場所で見るようになってきたが、まだまだ一般化される必要があるだろう。その手助けになるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはSparklines for Microsoft Excel、ExcelでSparklinesを実現するソフトウェアだ。 Sparklines for Microsoft ExcelはMicrosoft Office 2000または2003向けに作られたアドオンではあるが、2007でも動作した。棒グラフ、線グラフ、円グラフをはじめとして
MOONGIFT: » 必見！怖くなるくらい優秀なCMS「concrete5」:オープンソースを毎日紹介
これまで多数のCMSを見てきたが、ここまで完成度が高いと言えるものに出会ったことはなかった…そう言えるくらい凄い。このどきどき感はDekiWikiに触れた時に感じたものに近い。 見たまま編集できるCMS CMSと言えば、ユーザ画面と管理画面に分かれていて、管理画面はモジュールやテーマの設定、各項目の並びを指定するのが通常だ。実際の出力結果はシステム任せで、その点が柔軟性に欠ける点でもあった。 しかしこれは違う。見たまま編集でき、さらに高い柔軟性を維持している。 今回紹介するオープンソース・ソフトウェアはconcrete5、デザイン、管理、コンテンツ作成全てが高度なCMSだ。 相当個人的な感情が入ってしまっているのは、同じようなシステムを構築する予定があったからだ。だがconcrete5は完成度も高く、多少の改造さえ施せば十分な気がする。やはり下手に開発コストをかけるよりもオープンソースで探
MOONGIFT: フィード/ブックマーク/写真を共有する「sux0r」:オープンソースを毎日紹介
Web2.0が声高に騒がれていた時に注目を集めたキーワードが「共有」だった。ソーシャル○○とついたサービスが様々に乱立していた。だが、情報は個人よりもグループで収集、共有した方が便利なのは確かだ。 ソーシャルな情報を一元化 ある区切りをもった情報を蓄積するのに便利なプラットフォームとしてこちらを紹介しよう。 今回紹介するオープンソース・ソフトウェアはsux0r、情報収集プラットフォームだ。 sux0rはブックマーク、フィード、写真そしてブログと言った情報を蓄積することができる。例えば釣りに関する情報だけを蓄積したり、キャンプ情報やある技術に限った情報を蓄積、共有していくのに便利そうだ。 日本語も読める PHPで開発されており、MySQLまたはPostgreSQLで動作する。ログインは独自またはOpenIDに対応している。1ユーザに対して複数のOpenIDを紐づけられるのが変わっていて便利だ
MOONGIFT: » たった1ファイルのMySQLフロントエンド「phpMinAdmin」:オープンソースを毎日紹介
MySQLを使った開発において、その管理インタフェースによく使われるのがphpMyAdminだ。とても便利で使いやすいソフトウェアではあるが、長い開発の歴史の中で肥大化し、様々なニーズに対応し、そのファイル数も数多くなってきている。 テーブル構造の表示 便利になることは悪いことではないが、あまり肥大化したアプリケーションは設置の手間や、問題が発生した時の解決手段が分からなかったりと問題も出てきてしまう。そこで一気にスリムなこれを使ってみよう。 今回紹介するオープンソース・ソフトウェアはphpMinAdmin、1ファイルのMySQLフロントエンドだ。 phpMinAdminはPHP製のソフトウェアで、たった1ファイルしか配布されていない。これを設置するだけでMySQLの管理が行えるようになる。ユーザの権限設定や、データベースの選択からはじまり、一通りの操作ができる。 データの一覧表示 テーブ
MOONGIFT: » Firefox上のマッシュアップ開発環境「Open Mashup Studio」:オープンソースを毎日紹介
マッシュアップに興味はあっても、複雑なプログラムを組んだり、それをアップロードする場所を考えると意気消沈してしまう。手間なく作れて、すぐに公開できるとしたら、アイディアをベースにもっとマッシュアップは増えていくかもしれない。 グラフィカルに画面を設計 マッシュアップを作るのに、ブラウザベースであるのは理にかなっている。インターネットが必須のWeb APIだけに、ブラウザ上で開発できれば効率的にできるかも知れない。 今回紹介するオープンソース・ソフトウェアはOpen Mashup Studio、マッシュアップを開発するためのFirefoxアドオンだ。 Firefoxアドオンだと思って、油断してはいけない。Open Mashup Studioは想像以上にすごい。テキストボックス、ボタン、ラジオボタンといったHTMLコンポーネントや、画像のスライドショー、マップなどをグラフィカルに配置できる。
MOONGIFT: » WebベースのQ&Aサイトを構築するなら「Askeet」:オープンソースを毎日紹介
かつてGoogleも取り組み（そしてサービスは閉じられた）、海外ではYahoo! Inc.が勝者になっているQ&Aサイト。日本ではこの手のサイトが数多く存在している。Yahoo!知恵袋やOKWave、人力検索はてななどだ。 トップページ だがこの分野はもっとニッチな、もっと専門性を持たせる形で市場が存在するかも知れない。そう考えるならQ&Aサイトを立ち上げてみよう、もちろんオープンソースを使ってだ。 今回紹介するオープンソース・ソフトウェアはAskeet、Symfonyを使ったQ&Aサイトソフトウェアだ。 AskeetはPHPのフレームワーク、Symfonyを使って構築されている。PHP+MySQLで構築されているので、それほど難しくなく立ち上げられるのではないだろうか（筆者はSymfony初だったので苦労したが）。 質問表示 ユーザ登録すると質問を投げられるようになる。そして回答し、その
MOONGIFT: » Photoshopのブラシをプレビュー「ABRviewer」:オープンソースを毎日紹介
デザイナーの方でPhotoshopを利用している人は数多い。画像編集機能の多様さ、優秀さもさることながら、カスタマイズ可能なブラシ機能が便利に感じている方も多いのではないだろうか。 しかしいざインストールしてみたら印象が違ったという場合もあるだろう。そうした時に便利なのがこのビューワーだ。 今回紹介するオープンソース・ソフトウェアはABRviewer、Photoshopのブラシプレビューツールだ。 ABRviewerではブラシファイルとして利用する*.ABRのプレビューが可能になっている。そのブラシを使って描かれるブラシの形を表示してくれる。背景色、前景色を指定することが可能だ。 一覧したブラシはPNG画像として出力することもできる。その際にはサイズを指定できるようになっている。ABRviewerを使えば、ブラシの形をインストールせずに確認できて便利だ。 ABRファイルはデザイン系のサイト
MOONGIFT: 自宅のメディアサーバを外でも楽しむ「Orb」:オープンソースを毎日紹介
自宅ではiMacをメディアサーバに据えている。動画や音楽、写真等を一カ所に集め、それをiPod TouchやAppleTVに転送して楽しむと言った具合だ。一つのところにデータが集中していると便利なことこの上ない。 そんなメディアサーバを自宅のみならず外部からでも利用できるようにするのがこのソフトウェアだ。 今回紹介するフリーウェアはOrb、デジタルライフを楽しむソフトウェアだ。 OrbはWindows向けに提供されるソフトウェアで、インストールすると動画や写真、音楽などを一元管理するメディアサーバが立ち上がる。それだけでも便利なのだが、mycast.orb.comへログインすると、外部からでもそれらのメディアにアクセスできるようになる。 音楽をFlashプレーヤで聞いたりすることもできる。TVチューナーが接続されていると、外部からテレビを見ることもできるようだ。さらに便利なのがWindow
2枚の写真から3Dを作成·LOOXIS Faceworx MOONGIFT
3次元の物体を設計するのには正面図、平面図、側面図の三つが必要だ。これらの情報があれば、隠れている場所を除けば設計ができる。だがその条件を減らしてしまい、コンピュータ上で補間するとどうなるだろう。 二枚の写真から3Dモデルが作られる 自分の写真が二枚あったら試してみよう。思ったよりも良いできにびっくりするはずだ。 今回紹介するフリーウェアはLOOXIS Faceworx、2枚の写真から立体像を作成するソフトウェアだ。 LOOXIS Faceworxは正面と側面の二枚の写真から、3D化された人の顔を作成してくれる。ブルーバックなど背景に気をつかわずとも自動的に顔を認識してくれる機能がある。横顔は認識がずれることがあるので（完璧な横向きなら大丈夫だろうが）、ずれた時は手動で認識を修正できる。 鼻が高いのは欧米のソフトウェアだからだろうか… それだけで3Dの顔ができあがる。英語圏のソフトウェアだ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JPEG.rocks - WASMを使ってクライアントサイドでJPEG画像を最適化 MOONGIFT
KnowledgebasePublisher レビュー MOONGIFT