ITエンジニア/デザイナ向けにオープンソースを毎日紹介

HTMLの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2009/08/20

便利!CSS Spriteを作成するAIRアプリ「Tonttu」

CSS Spriteとは小さなアイコンなどの画像をくっつけて一つの画像として保存し、表示する際にはCSSで位置を指定して表示するという手法だ。Googleをはじめ、膨大なアクセスのあるWebサービスで活用されている手法であり、画像を読み込むコネクション数を減らすことができる。CSS Spriteを作るならぜひ使いたい ...

List

  • 2009/07/27

WebKitを使ったHTML2PDF「wkhtmltopdf」

Safariではレンダリングエンジンとして、WebKitが採用されている。iPhoneやAndroid、Palmといったモバイル機器やAdobe AIRでもWebKitをレンダリングエンジンとしており、そのシェアは拡大中だ。高速なレンダリングが可能であり、何よりオープンソースだ。WebKitを使ったHTML2PDF そ...

List

  • 2009/07/13

Aptana/NetBeans/TextMate/Codaと連携するHTML/CSS補完ツール「Zen-coding」

CSSやJavaScriptが多用されるようになり、一般的なオーサリングツールでは求めるデザインが容易にはうまくいかなくなっている。そのため技術者の場合は手打ちでHTMLを描く人も多いはずだ。だが、面倒なのは確かだ。各種エディタで利用可能 もっとシンプルにタグ入力を行いたい、そう考える方に使ってみて欲しいのがZen-c...

List

  • 2009/06/21

Webシステム開発者に送る便利なテンプレート「Web App Theme」

正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。Basecampにも似たWebアプリケーションテンプレート 例えばWebシステムの管理画面を考え...

List

  • 2009/06/11

Ajax + XMPPベースのチャットシステム「JWChat」

XMPPはGoogle Waveでも用いられるということもあって、俄然注目を集め始めている。XMPPは既にJabberやGoogle Talkなどで使われており、多数の実装が存在する枯れた技術だ。それだけに情報量も多く、とても使いやすいだろう。Ajaxを使ってブラウザでJabberチャットが可能 サーバも各種あるが、ク...

List

  • 2009/05/28

Googleカレンダーライクな動作を実現するにはこれ「dhtmlxScheduler」

GoogleがAjaxを頑張りすぎているせいで、一般的なWebシステム開発においてもAjaxを多用したシステムが求められるようになっている。特に表計算やカレンダー、メールなどそれまでローカルで使っていたものを置き換えようとした際に起こる問題だ。カレンダーを導入しようと思った時に「Googleカレンダーみたいにドラッグで...

List

  • 2009/05/19

変わり種。Web上にiPhone風の画面を再現する「jPint」

分野としてはWeb OSが近いだろうか。Webブラウザだけあれば、どこからでも作業ができるようになるWeb OS、認知度やシェアはまだまだ低いがスマートフォンの分野であればもう少し需要はあるかも知れない。iPhone上で動作するiPhone風サイト そんな可能性をちらりと感じさせるのがjPintだ。今回紹介するオープン...

List

  • 2009/04/18

iPhone向けWebサイト構築の基盤に「UiUIKit」

特定デバイス向けのWebサイト構築というのはごくシンプルだ。iPhone向けのWebサイトを構築する場合は、iPhoneで正しく見られれば良い。PCのように多彩なブラウザが使われていたりするとその表示誤差を吸収する必要があるが、iPhoneであればSafariだけで良い(今の所は)。アイコンリスト そのため、iPhon...

List

  • 2009/03/12

iWebでのSEOの基本をナビゲート「iWeb SEO Tool」

SEOというと、リンク集のようなサイトを増産して検索エンジンでの結果をいかに上手に操作するかと言ったテクニックのような印象が強い。だが実際には検索エンジン最適化と言われるだけあって、良質なコンテンツをいかにユーザと検索エンジンに届けるかを考える技術のことだ。画像のaltを設定する そのため、基本さえ押さえれば後は小手先...

List

  • 2009/01/26

高品質なiPhone向けWebサイトを構築するフレームワーク「iWebKit」

iPhoneやiPod Touch向けのサービスを提供してみたいと思う人は多いはずだ。だが専用アプリケーションの開発はObjective-Cを習得する必要があったり(他の言語でもできるが)、App Storeへの申請が面倒に感じてしまうかも知れない。iPhone/iPod Touch向けサイトを作るのに便利 その点、W...

List

  • 2008/12/24

iPhoneやWindows Mobileをエンタープライズ向け端末化するフレームワーク「RhoSync/Rhodes」

まだ詳細がつかみきれていないのですがご紹介。iPhoneやWindows Mobileといったスマートフォンは、個人で使う分には多少持て余す所がある。やはり本来活用されるべきは企業内、エンタープライズ向けのマーケットと言えるだろう。この分野は既にBlackberryなどがシェアを大きく占めているが、日本をはじめまだまだ...

List

  • 2008/12/20

Backpackを真似たTiddlyWiki「TiddlyBackpack」

おお、また土曜日だ!まさにWikiサタ到来の予感(?)!情報はできるだけ集約するのが良い。散在していると何がどこにいったか分からず、探すコストが発生してしまう。情報が一つの所にあるのはとても便利なことだ。それを解決しようと言うのが37 Signalsの提供するBackpackだ。ページを作成し、その中にメモとコードを書...

List

  • 2008/12/15

余計な属性やタグはカット!「WordOff」

※ 画面は公式サイトよりExcelやWYSIWYGなエディタを使っていて、HTMLをコピー&ペーストすると、元々のHTMLが持っていた情報をそのまま引き継いで貼り付く。これは開発元にとっては優しさのつもりかも知れないが、場合によってはもの凄く不要な機能だったりする。とは言え、テーブルの貼付けでは表組がそのまま保持された...

List

  • 2008/11/26

もうこれで十分。HTML上でテーブルを表示するなら「Sigma Grid」

業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数が...

List

  • 2008/11/26

段組みを実現するCSSレイアウトをオープンソースで「Typogridphy」

プログラマーやSEの方々はWebデザインが苦手だ。私自身、色々勉強はしつつもどうにも好きにはなれない。そのため、極力テンプレート的なものを使って作業するようにしている。デザインを後回しにすると、システムがある程度できた時にはじめることになり、折角乗っている気分を台無しにする恐れがある。CSSで段組みを実現 最近の流行は...

List

  • 2008/11/23

オンラインでファイルを編集する「editApage」

高機能なCMS、Concrete5の優秀さはあえて語るまでもないだろう。その開発者たちは、他にも幾つかオープンソースのプロジェクトを立ち上げている。あのCMSを開発した彼らの作るオープンソース・ソフトウェア…それだけで期待が高まってしまう。修正したい場所を指定する ごく簡単なDBを使わない、HTMLベースのWebサイト...

List

  • 2008/10/18

Webアプリケーション時代にふさわしいWeb OS「Web OSX」

シンクライアントがビジネスユースで押し進められているが、今ひとつ流行りきっていない。個人的にはHDDをとってしまい、Webアプリケーションのみ動作する方が便利に感じてしまう。その際に必要なのは、ブラウザと日本語入力/表示環境だ。YouOSを引き継いだMac OSX風インタフェースのWeb OS Web OSの構想は幾つ...

List

  • 2008/09/08

プロジェクトベースのHTMLエディタ「SEEdit Maxi」

HTMLの編集ソフトウェアは、DreamweaverのようなWYSIWYGなものか、タグ入力を補助するタイプのものかに分かれる。前者の方が分かりやすいが、細かな設定やCSSベースで組み立てていく際にはタグ入力補助の方が便利な場合もある。全体図 HTMLやCSS、JavaScriptを一手に作成できるのがこのソフトウェア...

List

  • 2008/08/18

Ajax開発で使えそうなJavaScriptのHTMLレンダリングエンジン「PURE」

Ajaxを使った開発において、Prototype.jsなどのAjaxではレスポンスを全て指定したID内に入れてしまうことでごく簡単に複雑なレンダリング結果を表示できるようにしている。Ajaxというと、結果のXMLを操作して複雑にJavaScriptを操作しなければならないというイメージに比べてずいぶん単純になり、身近に...

List

  • 2008/08/11

iPhone/iPod Touch向けインタフェーステンプレート「iPhone Universal」

iPhoneは国内ですでに7万台売れているそうだ。この数字が大きいかどうかは分からないが、iPod Touchと含めて考えると10万人以上のユーザがいると考えられるだろう。世界で考えれば数百万人のユーザが存在する。iPhone/iPod Touch専用のHTMLテンプレート そのため、AppStoreのように専用端末で...