アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
MOONGIFT: » テキストから各種ドキュメントへ変換する「txt2tags」:オープンソースを毎日紹介
開発用のドキュメントと、提出用のドキュメントと二つ書かなければならないことがある。どちらも似たような内容だが体裁が異なる。だがそのためにコストをかけるというのは非効率的だ。 テスト文書 この手のソフトウェアは数多く存在するが、開発ドキュメントの管理にWikiエンジン（DokuWikiなど）を使っているなら、これの利用はありかも知れない。 今回紹介するオープンソース・ソフトウェアはtxt2tags、一つのテキストフォーマットから各種文書形式に変換するソフトウェアだ。 txt2tagsはすでに7年も開発が行われているソフトウェアで、テキスト文書から各種ドキュメントに変換する機能がある。特にWiki（Wikipedia/MediaWiki形式）、gWiki（Google Code向けWiki）、DokuWIki、MoinMoinのWiki系フォーマットに対応しているのが利点だ。 HTMLでの生成
テキストエディタでWebサイト構築をガンバル人へ（1/3） ― ＠IT
テキストエディタでWebサイト構築をガンバル人へ：どこまでできる？ 無料ツールでWebサイト作成（6）（1/3 ページ） 「あえて」テキストエディタでWebサイト構築 今回はテキストエディタと組み合わせることで、開発をより便利にできるツールについて考えてみよう。 現在「あえて」テキストエディタでの開発を行われている方には、現在使っているエディタを選択するまでの“経緯”や“こだわり”があると思う。筆者もこれまでにさまざまなテキストエディタを試し、「この程度のもので十分だ」と感じるテキストエディタを現在使っている。 テキストエディタ＋α そこで今回は、テキストエディタ自体とそのプラグイン／拡張機能に関する紹介は行わないこととし、「どのようなテキストエディタを使っている場合でも、組み合わせて使うことでより簡単にWebサイト構築ができるツール」という観点で紹介したいと思う。もちろん、Webオーサリ
MOONGIFT: » WYSIWYGなHTMLオーサリング「KompoZer」:オープンソースを毎日紹介
個人的にAdobe GoLive（今は既にないだろうか）とDreamweaverは前者が高く、後者が安いイメージがあった。が、全く違っていたようだ。Adobe Dreamweaverは4万円以上する高価なソフトウェアに変わっていた（元々？）。 こうなると個人ではおいそれと手を出しづらくなる。最近はDivタグ+CSSでデザインする事が多くなっているとは言え、オーサリングツールはデザイナー/コーダーの人にとっては便利な存在だ。思い切ってオープンソースで代替えを探してみてはどうだろう。 今回紹介するオープンソース・ソフトウェアはKompoZer、Nvuの後継になるHTMLオーサリングソフトウェアだ。 KompoZerはその根幹がNetscape Composerにある。それもあって、レンダリングエンジンにはGeckoが使われており、表示の信頼性は高い。 また、アドオン機能やテーマ機能、JavaS
MOONGIFT: » HTMLを解析してCSS生成「html2css」:オープンソースを毎日紹介
CSSで便利だと感じるのは構造を階層化できる点だが、逆にきちんと構造化しておかないと欠点にもなりかねない。別な所で定義した名称と重複してしまい、どうもうまくいかないという経験がある人も多いはずだ。 まず現状どういった構造になっているのか、それを把握する所からはじめてみよう。それが分かればうまく構造化できるはずだ。 今回紹介するオープンソース・ソフトウェアはhtml2css、HTML文書を解析してCSSファイルにするソフトウェアだ。 html2cssはclassやid、そしてタグの構造を解析して、それをCSS形式で出力してくれる。これを見てみると、CSSのネストした構造がどの位深いのか良く分かる。無駄な点があればそれも見えてくるだろう。ソースとしてファイル、文字列またはURLを利用できる。 最上位がhtml bodyからはじまるので、大抵ネストは深くなるだろう。だが、そこから不要なものは抜き
【特集】業務で使える！ 無料Webサイト作成ツール集（1/3） － ＠IT
上記ツールの詳細や、ほかのさまざまな無料Webサイト作成ツールについて知りたい読者は本稿に併せて、連載「どこまでできる？ 無料ツールでWebサイト作成」もぜひご参照ください。 Webサイト開発はテキストエディタだけで行えるのか？ ■ 今後もWebサイト開発にHTMLコーディングは必要なのか？ Web標準にのっとった制作、CSSによるレイアウト、Ajaxなど、HTMLとCSS、JavaScriptなどで実現可能なことは意外と多いものだ。その中でも、特にAjaxはこれまでシステム開発をしてきたプログラマが得意とする部分だろうし、世の中のデザイナーには、デザインだけではなくこれからはHTML制作に進もうと考えている人もいることだろう。 こういったことから、たとえ世の中がリッチなコンテンツ、Web 2.0、CMSという方向に進んでいったとしても、HTMLベースのWebサイト構築というものは、尽きる
窓の杜 - 【NEWS】ローカルやWebサイト上の複数HTML/CSSを一括して文法チェック「bkhvalid」
ローカルやWebサイト上の複数HTML/CSSファイルを一括して文法チェックできる「bkhvalid」v0.2.0が、23日に公開された。Windows Me/2000/XPに対応する寄付歓迎のフリーソフトで、利用は個人目的に限られる。現在、作者のホームページからダウンロードできる。 「bkhvalid」は、HTML 2.0～4.01およびXHTML 1.0/1.1、CSS 1/2/2.1に対応する文法チェックソフト。複数のファイルを一括してチェック可能なほか、タグの色分け表示やエラー箇所へのジャンプができるテキストエディターを内蔵しており、多数のHTML/CSSを効率よくチェック・修正することが可能だ。 チェック対象のHTML/CSSは、ローカル上のファイルを本ソフト上のファイル一覧へドラッグ＆ドロップしたり、WebページのURLを列挙して複数登録できる。あとはツールボタンから一括して全
窓の杜 - 【NEWS】好きなテキストエディターでHTMLタグ入力補完を利用できる「HTMLAssistant」
さまざまなテキストエディターでHTMLタグ入力補完機能を利用できるようにする支援ソフト「HTMLAssistant」v1.06が公開された。Windowsに対応するフリーソフトで、編集部にてWindows XPでの動作を確認した。現在、作者のホームページからダウンロードできる。 「HTMLAssistant」は、タスクトレイ常駐型のHTMLタグ入力支援ソフト。普段利用しているさまざまなテキストエディター上で、HTMLタグの入力補完を実現できるのが特長。 本ソフト起動中に任意のテキストエディターで“<”を入力すると、HTMLタグの要素や属性の候補リストがキャレット位置にポップアップ表示される。このとき、1文字入力するたびに該当するHTML要素が絞り込まれていく仕組み。また、属性に関してもキャレット位置の要素に対応する候補のみに絞り込むことが可能。 本ソフトは多くのテキストエディターに対応して
chalow - CHAngeLog On the Web
since 2007-02-05, last update 2007-10-19 たつを chalow は ChangeLog ファイルを HTML ファイルに変換してブログ化するツールです。 chalow は CHAngeLog On the Web の略です。 Perl で書かれています。 もちろん開発者のブログは chalow を使っています。 ソースは「無償・無保証・著作権放棄」で公開しています。 要するに好き勝手に使ってくださいということです。 情報 chalow の ChangeLog: chalow の ChangeLog を chalow で HTML に変換したもの。 README: 使い方など。 ChangeLog の各部の名称: chalow では各部を以下 (クリックで拡大) のように呼ぶことにし ます。 設定ファイル、CSS、プログラムソースを見るときにご参照下さ
マイクロソフト製サイト作成ソフト「Expression Web」日本語ベータ版
以前まで「Microsoft Expression Web Designer」という名称だったモノで、日本語ベータ版は無料で利用できます。ウリとしては、Web標準へ準拠しており、なおかつ洗練されたCSSページレイアウトが可能という点。 個人的には、Wordで作ったHTMLを最適化する機能やCSSなどのチェック機能、アクセシビリティの検査機能がなかなかお役立ち。使用感はDreamweaverっぽい。 というわけで、ダウンロードして実際に動かしてみました。 Microsoft(R) Expression(R) Web 日本語ベータ版 起動にはMicrosoft .NET Frameworkが必要で、上記ページにダウンロード用のリンクが用意されています。 インストール可能な環境はWindows XP + SP2、Windows Server 2003 + SP1、Windows Vista。推奨
Opera が純正の開発者ツールをリリース - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先日公開された Opera の開発者向け情報サイト Dev.Opera にて、 Opera 純正の開発者ツールが公開されました！今回公開されたのは以下の 3 つです。 DOM Console インタラクティブに DOM ツリーを表示し、スタイルや属性などの状態を調査できます。 DOM Snapshot 現在の DOM ツリーのスナップショットを別ページに表示します
bsSvnBrowser MOONGIFT
Ajax+RailsなSubversionブラウザ Rails製のSubversionブラウザです。Ajaxを使い、画面遷移の少ない作りになっています。 Ajax+RailsなSubversionブラウザ ヘイ、Bill。クールなアプリケーションの作り方を知ってるかい？まず第一にWebブラウザの方が良いね。次にAjax、これを使うのがインポータントだ。そして最後はRails、これもまたインポータントなファクターなんだ。 ん？これらを組み合わせると何ができるかって。じゃぁ一つみせてあげるよ、HAHAHA。 今回紹介するオープンソース・ソフトウェアはbsSvnBrowser、Ajaxを使ったSubversionブラウザだよ、Tom。 まず特徴と言えるのはAjaxを使った画面遷移の少ない操作性。これがクールだ。そう、とてもクールだ。そしてもう一つはリビジョンの見え方が数多い事だ。 各リビジョンご
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
XHTML+CSSを勉強中です。タグ打ちで実際に作ってみようと思っています。…
熱いMac Book Proを冷やせ、Fan Control MOONGIFT