イマドキのIDE事情(124) HTML5/CSS3対応エディタ「BlueGriffon」を試してみる
BlueGriffonとは? BlueGriffonはFirefoxに搭載されているGeckoエンジンを使用したHTMLエディタで、NvuやKompoZerといったGeckoベースのHTMLエディタの後継にあたる。ソースコードとWYSIWYG編集を切り替えながら編集を行うことができる。最大の特徴は、HTML5やCSS3に対応しているという点だ。 BlueGriffonはマルチプラットフォームで動作し、WebサイトのダウンロードページにはWindows、Mac、Ubuntu用のインストーラが用意されている。Webサイトは英語のみだがインタフェースは最初から日本語に対応している。 BlueGriffonを使ってみよう 実際にBlueGriffonの機能を見てみよう。まずはHTMLの作成時に「ファイル」メニューの「新規作成ウィザード」で使用するHTMLのバージョンなどを指定してHTMLを作成でき
マークアップ効率化 - zen-codingでコーディングを倍速に
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
KompoZer(Nvu)マニュアル
KompoZerのヘルプファイル全訳です。一通り目を通すことで、KompoZerの基本的な使い方がマスターできる構成になっています。またKompoZer≡Nvuとして語句を置き換えることで、そのままNvuのマニュアルとしても読むことができます。 最初のチュートリアル編では、ごく簡単にKompoZerの諸機能が概説してあります。これを読むだけでもKompoZerで簡単なウェブページが作れるようになるでしょう。KompoZerの機能をもっと詳しく解説してあるのが、次のヘルプファイルです。初めてサイトを作成しようという方でも、最初から読み進めていけばバッチリだと思います。
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
プレビュー付HTMLエディタ·Selida MOONGIFT
最近はDreamweaverやKompoZerをはじめとしたWYSIWYGなHTMLエディタを使わなくなっている。手打ちでdivタグを書いて、CSSで調整する方が楽になってしまった。 そうなると手打ちのHTMLタグエディタが便利になるかも知れない。そこで紹介したいのがこのソフトウェアだ。 今回紹介するフリーウェアはSelida、プレビュー機能がついたHTMLタグエディタだ。 断っておくと、Selidaは日本語入力で難がある。なので、一からHTMLを作成するというよりも最終的なデザインを調整する方が用途に合っているかも知れない。 構成は3ペインになっており、左上がプレビュー、左下がHTMLエディタになっている。右側はHTML全体のテンプレートや、カレンダーやダウンロードページ等のテンプレートを作成できるようになっている。 ごく簡単なサイトを作る際に、デザインを考えるのが面倒な事がある。その点
MOONGIFT: » WYSIWYGなHTMLオーサリング「KompoZer」:オープンソースを毎日紹介
個人的にAdobe GoLive（今は既にないだろうか）とDreamweaverは前者が高く、後者が安いイメージがあった。が、全く違っていたようだ。Adobe Dreamweaverは4万円以上する高価なソフトウェアに変わっていた（元々？）。 こうなると個人ではおいそれと手を出しづらくなる。最近はDivタグ+CSSでデザインする事が多くなっているとは言え、オーサリングツールはデザイナー/コーダーの人にとっては便利な存在だ。思い切ってオープンソースで代替えを探してみてはどうだろう。 今回紹介するオープンソース・ソフトウェアはKompoZer、Nvuの後継になるHTMLオーサリングソフトウェアだ。 KompoZerはその根幹がNetscape Composerにある。それもあって、レンダリングエンジンにはGeckoが使われており、表示の信頼性は高い。 また、アドオン機能やテーマ機能、JavaS
窓の杜 - 【NEWS】WYSIWYG編集可能なHTMLエディター「Nvu」の後継「KompoZer」v0.7.10が公開
オープンソースのWYSIWYG型HTMLエディター「KompoZer」v0.7.10が、8月30日に公開された。Windowsに対応するフリーソフトで、編集部にてWindows XP/Vistaでの動作を確認した。現在、作者のホームページからダウンロードできる。 「KompoZer」は、WYSIWYG編集機能を備えたHTMLエディター。HTMLタグを手書きで記述する必要がなく、複雑なテーブルや入力フォームをマウスドラッグなどで簡単に作成できるのが特長。また作成中のHTMLソースをリアルタイムでプレビューすることもでき、プレビュー画面でタグを修正することも可能。 「KompoZer」は、「Mozilla」から派生したHTMLエディター「Nvu」の後継版。「Nvu」はv1.0公開以来更新が止まってしまっており、いくつか発見された不具合も未修正のままとなっている。そこで本ソフトは、これらの不具合
窓の杜 - 【NEWS】好きなテキストエディターでHTMLタグ入力補完を利用できる「HTMLAssistant」
さまざまなテキストエディターでHTMLタグ入力補完機能を利用できるようにする支援ソフト「HTMLAssistant」v1.06が公開された。Windowsに対応するフリーソフトで、編集部にてWindows XPでの動作を確認した。現在、作者のホームページからダウンロードできる。 「HTMLAssistant」は、タスクトレイ常駐型のHTMLタグ入力支援ソフト。普段利用しているさまざまなテキストエディター上で、HTMLタグの入力補完を実現できるのが特長。 本ソフト起動中に任意のテキストエディターで“<”を入力すると、HTMLタグの要素や属性の候補リストがキャレット位置にポップアップ表示される。このとき、1文字入力するたびに該当するHTML要素が絞り込まれていく仕組み。また、属性に関してもキャレット位置の要素に対応する候補のみに絞り込むことが可能。 本ソフトは多くのテキストエディターに対応して
HTMLのWYSIWYG編集が可能なEclipseプラグイン「richhtml4eclipse」：CodeZine
HTMLのWYSIWYG編集が可能なEclipseプラグイン「richhtml4eclipse」がリリースされた。バージョンは0.4。無償でダウンロードすることができる。 「richhtml4eclipse」の入手はSourceForge内のWebページから行う。実行に必要なのは「 de.spiritlink.richhtml4eclipse_0.4.0.zip」と「de.spiritlink.richhtml4eclipse.example_0.4.0.zip」の2つのファイルだ。これらをダウンロードし、zipファイルをそれぞれ解凍して、「eclipse/plugin」フォルダ内に配置する。 Eclipseを起動し、メニューバーから「ウィンドウ → ビューの表示 → その他」を選択。一覧の「Sample Category」内にある「Sample View」を選択することで実行すること
ikiwiki MOONGIFT
静的/動的の選択できるWiki 動的だけでは負荷が高く、静的だけでは柔軟性に欠ける。両方の特徴を持ったWikiエンジンです。 静的/動的の選択できるWiki Wikiエンジンと言うと、常に動的にページを生成しているので動作が重たいと言う印象がある。また、動的生成の場合はプログラムのミスなどでデータが消失する可能性もある。全てに問題をなくそうと思ったら、静的生成がベストだ。 とは言え動的生成の道をなくしてしまうのも勿体無い。それぞれのニーズに合わせられるのがikiwikiだ。 ikiwikiはPerlで作られたオープンソース・ソフトウェアで、MarkDownを記法と採用している。テキストエディタなどで記述後、コマンドラインで実行するとHTMLファイルを生成してくれる。 また、CGIモードもあり、Webベースで編集やページ追加を行うこともできる。更にバージョン管理をSubversionを使って
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オープンソースのWebアプリ開発向けコードエディター「Brackets」Sprint 23が公開
KompoZer - Easy web authoring
XHTML+CSSを勉強中です。タグ打ちで実際に作ってみようと思っています。…
軽快に動作するWYSIWYGエディタJavaScript （openWYSIWYG） - youmos