WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。 まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一番効率化に直結するかは人それぞれだと思います。 ただ、何度かこのサイトでもWEBサイトを作る上で便利そうなジェネレーターの存在を共有させて頂いてきましたが、こういうツールは知ってるのと知らないのとでやはり大きな差が出てくることはやっぱり多いと思います。特に最近はWEBに強いクライアントの存在も目立ってきて、自分だけじゃなく、お客さんにとっても、もしかしたらプラスになるジェネレーターの類も多いんじゃ
Hello all. After 14 years of existence, it's time to wave goodbye to BlueGriffon. There are many reasons for that, some related to technology (for instance Mozilla killing XUL), some related to me (my will to change and move to something else after so many years), and some others related to corporate context (I'm fed up with running a small company). It's been a wild ride of two decades (Netscape,
CSSSはHTML5/JavaScript/CSS3で作られたWebベースのプレゼンテーションテンプレート。 CSSSはHTML5/JavaScript/CSS3によるオープンソース・ソフトウェア。最近はHTMLやJavaScriptを使って作られたプレゼンテーションが増えている。JavaScriptでキーの動きに合わせてスライドを動かす類のものだ。 奇麗なHTMLプレゼン コンテンツがHTMLベース、つまりテキストで作れるのが大きな魅力だろう。そして最新のWeb技術を盛り込んで作られたのがCSSSだ。 CSSSは矢印キーによるスライドと切り替えと、Ctrlキーと組み合わせたキーボードショートカットをサポートしている。Ctrl+Hでスライドのサムネイル一覧を作ることもできる。矢印を押すたびに文字が追加表示されていくと言ったアクションも実装できる。 スライド一覧 良いと思ったのは、スライドの
PeityはjQueryでSparklineグラフ（円、棒、折れ線）を描くJavaScriptライブラリ。 PeityはjQuery/JavaScript製のオープンソース・ソフトウェア。Webサイトはテキストコンテンツが多い。一覧表などはテーブルタグを使えば簡単に実現できるが、それをグラフ化しようと思うと面倒に感じてしまうからだろう。 円グラフ だがライブラリを使えば容易に実現できる可能性がある。Canvasタグを使ってSparkline系グラフを描くライブラリがPeityだ。 Sparklineとは一行程度の小さなグラフで、縦軸横軸の説明は行わない。そのような説明がなくとも十分理解できるグラフについて使われる。ごく小さいので文章中に埋め込むのも容易だ。Peityでは円グラフ、折れ線グラフ、棒グラフの三種類を描くことができる。 折れ線グラフ タグの中に埋め込まれた文字を使ってグラフにして
mod_sendmailはメール送信（sendmail）機能をApacheモジュールとして提供するライブラリ。 mod_sendmailはApache用のオープンソース・ソフトウェア。Webサービスを開発するには幾つかの技術を組み合わせる必要がある。扱いやすさで言うと、HTML/JavaScript/CSS/サーバサイドの言語は問題ないだろう。若干面倒になるのがデータベースとメールだ。 LDAP認証例 メールは特に面倒くさい。ユーザ登録などでよく使われるがデータベースにトランザクションをしつつメールを送信して無事送信できればコミットをする。プロトコルが違う部分は実装がしづらくなる。だがmod_sendmailはその面倒さを解消してくれそうだ。 mod_sendmailはメール送信にRESTfulなインタフェースを提供してくれるApacheモジュールだ。この手のライブラリは元々あったのでは、
appMobiはWebブラウザ上でスマートフォンアプリを実行、開発できるソフトウェア。 MOONGIFTはこう見る PhoneGapやTitaniumなど、JavaScriptを使ってiPhoneをはじめとする各種スマートフォン向けアプリを開発できる環境が整ってきている。共通言語が使える分、開発工数が減る他、どこかの陣営が崩れた時のリスクヘッジにも繋がるだろう。問題はAPIが共通化されることによる最大公約数的なアプリになってしまうことにある。 appMobiの場合も基本は同じだが、デモ実行環境をWeb上で使えるというのが利点になる。傾きやGPSを擬似的に実行できるのはユニークだ。またGoogle ChromeとJavaがあれば良いので、WIndows/Linuxでも開発できる利点もある。App Storeの場合はアプリ生成が有料になってしまうが、利用する価値は十分あると思われる。 appM
NAME Tatsumaki - Non-blocking web framework based on Plack and AnyEvent SYNOPSIS ### app.psgi use Tatsumaki::Error; use Tatsumaki::Application; use Tatsumaki::HTTPClient; use Tatsumaki::Server; package MainHandler; use parent qw(Tatsumaki::Handler); sub get { my $self = shift; $self->write("Hello World"); } package FeedHandler; use parent qw(Tatsumaki::Handler); __PACKAGE__->asynchronous(1); use J
html5mediaはjQuery/JavaScript製のオープンソース・ソフトウェア。HTML5を使って動画を流す場合に使われるのがvideoタグだ。現在主流になっているMPEG4にはライセンスコストがかかるので標準化が困難で、広まるのは難しい状況ではある。 Safariで実行した場合。videoタグのまま そんなvideoタグを使えばFlashを使わない、または使えないブラウザでも動画の閲覧が出来るようになる。だがIEをはじめとしてHTML5に対応していないとvideoタグが使えないので二重の開発を行う必要があるのは問題だ。そこで使ってみたいのがhtml5mediaだ。 html5mediaは多数のブラウザでvideoタグを使えるようにするライブラリだ。記述するのはvideoタグでよく、html5mediaを読み込むことでHTML5に対応していればそのままvideoタグを使い、対応し
epgrecはPHP+MySQLによるオープンソース・ソフトウェア。2011年にアナログ放送が終わり、デジタル放送に一本化される予定になっている。テレビの対応は意外と進んでいるようだが、レコーダーは準備されているだろうか。専用機器の購入も良いがパソコンによる録画管理に切り替えて見るのはどうだろう。 筆者環境ではチューナーがないので番組情報は取得できず… Linuxなどで安価に録画管理サーバを立ててみるのは面白そうだ。実際の録画を行うチューナーもFriioやPT1といった面白いガジェットが登場している。そうした録画情報をWebベースで管理できるのがepgrecだ。 epgrecはPHP+MySQLで作られており、Linux上での動作を推奨している（チューナーをコマンドラインで操作するので）。番組表をダウンロードしたり、録画予約することも可能だ。家の中はもちろん、ポートさえ開けば外からでも録画
Hexadecimal Color Code R:212 G:255 B:204 H:111 S:20 B:100 L*:95.94 a*:-22.94 b*:19.92 C:22% M:0% Y:31% K:0% とても淡い黄緑系の色
dygraphs JavaScript Visualization LibraryはJavaScript製のオープンソース・ソフトウェア。グラフライブラリは多数あれど、大抵は円グラフや棒グラフなどのシンプルなグラフを描く機能しかない。高度なグラフを描こうとすると利用できるライブラリは途端に少なくなる。 高機能なグラフライブラリ また高度なグラフはクライアントサイドだけでなく、サーバサイドの仕組みが必要になることも多い。そんな中dygraphs JavaScript Visualization Libraryはとても簡単に使えるグラフライブラリになっている。JavaScriptでSVGを描いてグラフ化するのだ。 主なグラフはX-Y軸を持った折れ線グラフになるようだ。とはいえ測定範囲を含んだグラフを描いたり、グラフの一部をマウスを使って拡大する、マウスオーバーすると値が表示されるなど高度な機能
概要 画像ファイルを使用せずCSSの定義のみでグラデーションを可能にするCSSコードを生成します。 開始色、終了色、高さを入力し生成ボタンを押すとCSSのコードが出力され、グラデーションのプレビューが表示されますので、 CSSコードをそのままコピペしてご使用ください。 使い道としては、このページのように背景色として使用する以外にもこんな風に みたいにすることもできますので、 ボタンやテーブルヘッダ等のパーツに適用してもいいかもしれません。以下がサンプルのコードです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style> input.text{border:solid 1px #ccc;} input.text, /*↓
正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。 Basecampにも似たWebアプリケーションテンプレート 例えばWebシステムの管理画面を考えた場合、ユーザ向けの画面は気合いが入っているのに管理画面は酷いものが多い。そこで使ってみたいのがWeb App Themeだ。 今回紹介するオープンソース・ソフトウェアはWeb App Theme、テーマにも対応した汎用的テンプレートだ。 Web App ThemeはLighthouse、Basecamp、RadiantCMSにインスパイアされたWebアプリケーション向けテンプレートだ。右上のユーザ情報、タブを使った機能の振り分け、個別のタブの中にさらにセカンダリーのタブを
CMSにも向き不向きがある。高性能で言えば先日紹介したConcrete5は飛び抜けていると思うが、それでも決して万能ではない。ブログのような使い方をしたいと思ったらやはりWordPressやMovable Typeのほうが向いているだろう。 ユーザ画面。シンプルさとは裏腹に高性能。 そんな訳で、優秀だから使うと盲目的に従うのではなく、様々なソフトウェアの中から自分にあったもの、目的にあったものを選定するように心がけたい。今回紹介するのはCMS Made Simple、PHPで作られたCMSだ。 CMS Made Simpleはシンプル、と銘打っているが実際は高性能だ。ウィザード形式のインストーラーも便利だし、モジュール機能もある。主な機能としてはコンテンツ管理、テンプレート、ユーザ管理、モジュール、サイト管理となっている。データベースはMySQLまたはPostgreSQLに対応している。
先日のConcrete5に続き、これまたどきどきしてしまうようなソフトウェア。こんなものがオープンソースで出るようになると、独自開発する意味はどんどんなくなっていきそうだ。 こ、こんなものがオープンソースだなんて… 280 Slidesと言うサービスがある。280 North, Inc.が開発しているAppleのプレゼンテーション作成ソフトウェアであるKeynote風のWebアプリケーションなのだが、その出来に衝撃を受けた覚えがある。同様にGoogleドキュメントのプレゼンテーションも良くできている。それをオープンソースで実現してしまうのがSlimeyだ。 SlimeyはGPLの下に公開されているオープンソース・ソフトウェアで、プレゼンテーションを作成するアプリケーションだ。 実現できることはまさにGoogleドキュメントのプレゼンテーションやKeynoteと同様のプレゼンテーション作成だ
これまで多数のCMSを見てきたが、ここまで完成度が高いと言えるものに出会ったことはなかった…そう言えるくらい凄い。このどきどき感はDekiWikiに触れた時に感じたものに近い。 見たまま編集できるCMS CMSと言えば、ユーザ画面と管理画面に分かれていて、管理画面はモジュールやテーマの設定、各項目の並びを指定するのが通常だ。実際の出力結果はシステム任せで、その点が柔軟性に欠ける点でもあった。 しかしこれは違う。見たまま編集でき、さらに高い柔軟性を維持している。 今回紹介するオープンソース・ソフトウェアはconcrete5、デザイン、管理、コンテンツ作成全てが高度なCMSだ。 相当個人的な感情が入ってしまっているのは、同じようなシステムを構築する予定があったからだ。だがconcrete5は完成度も高く、多少の改造さえ施せば十分な気がする。やはり下手に開発コストをかけるよりもオープンソースで探
RailsがあるからRubyをやる、という訳ではないだろうがRailsからRubyに入ったという人は数多い。そうした人にとって、コントローラやモデル、テストケースまで生成できるコマンドラインツールは非常に便利に感じることだろう。 同様の手法をJavaScriptでも活かそうというのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはnewjs、JavaScriptの開発、テスト環境構築ソフトウェアだ。 newjsはgemからインストールできる。そしてnewjsコマンドで必要なファイルを一気に生成してくれる。そしてテストケースも生成してくれるので、開発からテストと言った流れがスムーズになる。 サーバなどは特にないようで、生成されたHTMLファイルをブラウザで開いてUnitTestを実行する。他にも作成したファイルをRubyForgeへアップロードする機能や、Webサイト（ind
Webブラウザ上で何でも行うようになっている。ビューワーについてはFlashが秀逸で、音楽を聴いたり、動画を見たり、ドキュメントを閲覧するようなことがブラウザ上だけで完結するようになっている。 動画はどのサービスでも有効に使われているが、自サイト内でプレーヤを提供したければこちらをどうぞ。 今回紹介するオープンソース・ソフトウェアはNonverBlaster、オープンソースのFLVプレーヤだ。 NonverBlasterはシンプルなインタフェースのFLVプレーヤで、再生と音量調整、そしてフルスクリーンモードがサポートされている。URLでFLVファイルを指定するだけで使える手軽さが良い。 自動再生、フルスクリーンモードの許可、各種色の設定などをJavaScriptから行えるのも特徴だ。再生するだけであれば、プレーヤは殆ど変更する必要はなく、HTML側だけで終われるのが嬉しい点だ。 自分の撮っ
※ 画像は公式サイトより。 テキストエリアを置き換えて使うWYSIWYGなHTMLエディタは数多い。ブラウザ上で様々な装飾が施せるとあって、Webサービスを作る際に良く利用しているが、ごてごてしている感があった。 また、いかにもと言う表示になってしまうのも気になっていた。見た目をそのままに編集できるWYSIWYGエディタがこれだ。 今回紹介するオープンソース・ソフトウェアはNicEdit、表示しながら編集できるWYSIWYGエディタだ。 NicEditはJavaScriptを使ってテキストエリアはもちろん、Div/Span/Pタグであっても編集可能にしてくれる。表示されたそのまま編集できるというのは面白い。 複数のテキストエリアを変更することや、Ajaxを使って保存することもできる。表示するツールの指定もできるので、簡易的な場合や画像やリンクまで埋め込める豪華な場合と使い分けられる。 見た
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く