企画書と同時に提出する画面遷移図は,Webの骨格だ。この図一つで,制作・開発効率や工期が決まるといっても過言ではない。今回と次回で,画面遷移図作成の基本と実践について見ていこう。 開発の効率化と長期運用のために 画面遷移図の果たす役割は大きい。顧客に完成予想図をイメージしてもらい,受注を獲得するための一助になる。概算見積書を作成するための資料にもなる。そして,実装機能やデータベース設計を固めるためのタタキ台にもなる。企画書と共に提出すれば終わりというわけではなく,モックアップやプロトタイプ開発にも利用できる。顧客との間で意識や記憶にズレが生じた場合の確認資料としても重宝する。 受注が確定的になると,顧客の要求を入れながら,何度も修正を重ねていく。画面遷移図の段階で調整に時間をかけて完全な合意を得ておけば,開発はスムーズに進む。段取り八分が何より肝心だ。データベース設計のような根幹の部分に変
JavaScriptで線や円、四角形などの図形を描画するためのライブラリ「wz_jsgraphics.js」 2007年02月16日- DHTML: Draw Line, Ellipse, Oval, Circle, Polyline, Polygon, Triangle with JavaScript This JavaScript VectorGraphics library provides graphics capabilities for JavaScript: functions to draw circles, ellipses (ovals), oblique lines, polylines and polygons (for instance triangles, rectangles) dynamically into a webpage JavaScriptで線や円
今日は、オープンソースのドローツール、「Inkscape」をご紹介しようと思います。SVG をネイティブフォーマットとして採用したドローツールなのですが、ほんとうに SVG で実現できているのかと目を疑うほどの多彩な表現が可能です。日本語も問題なく通りますし、マルチプラットフォーム対応なので Windows だけでなく Linux, Mac OS X でも動作します。これがあれば Illustrator はいらない、なんてのはさすがに言い過ぎでしょうが、少なくとも個人用途ならじゅうぶん過ぎる機能があります。そしてなによりも、使っていて楽しいと感じられるソフトに仕上がっています。 今回もいくつかサンプル画像を交えてご紹介していますので、ぜひ読んでみてください。 インストール ではまずインストール方法からいきましょう。ここでは Windows 版を前提にしますが、他にも Linux, Mac
Visioのような図が書けるJavaScriptライブラリ「Open-jACOB Draw2D 」 2006年11月26日- Open-jACOB Draw2D Create drawings and diagrams with the free Javascript library. The User interface allows interactive drawing by using your standard browser. No additional software; no third party plug ins. Just run it and use it. Visioのような図が書けるJavaScriptライブラリ「Open-jACOB Draw2D 」。 次のような図形描画機能を、ライブラリを使うことで自分のツールに組み込めるのが嬉しいところです。 描画した図形
Summary グラフを描画することに特化したJavaScriptライブラリ. <table> 内の数値をデータとして扱うことも可能. MochiKit を利用して開発されている. Internet Explorer でも Canvas をエミュレートして,ベクターな画像が表示可能. グラフを扱うライブラリなど XML/SWF Charts, PHP/SWF Charts[2005-03-10-6] クロスブラウザなベクタグラフィック描画ライブラリ DrawingCanvas.js [2006-01-10-12] wz_jsgraphics.js[2006-07-03-9] Reference liquidx.net - PlotKit - Javascript Chart Plotting http://www.liquidx.net/plotkit/
毎週水曜日に新サービスを公開する、と予告していた ajaxLaunch から、ajaxWrite に続く二つ目のサービスの公開があった。 ajaxSketch は、 Firefox 上で図が編集できる XUL アプリケーション。 丸、四角、多角形や線、文字、色、フォントなどを使ってそれなりの図を描くことはできる。 出力形式が svg のみなので、FireFox 1.5 はいいが Internet Explorer 6 のユーザに図を見せようと思うと SVG プラグインなどが必要になってしまう。svg 形式はデータも小さくていいと思うんだけど、ベタな画像ファイルとして出力する機能もあってもよかったんじゃないかと思った。 Windows にはペイントはあるけどドローツールは標準でついてこないので、Windows (と無料の FireFox)さえあれば図が描けることはいいことだ。めったに図を描い
I uploaded a few experiments I did, whereby I used PHP to generate random SVG. You will need an Adobe SVG plugin to view them. Mind that the new version of FireFox (1.5 and onwards) does support SVG, but in a very limited way. The SVG on these pages is ok, but not all of the files display in FireFox as they should. They might even crash your browser. S be carefull You can use the files as
VML は Internet Explorer 10 で廃止されました。今後は <canvas> を使用することが推奨されます。(2013.1.4追記) VML とは Vector Markup Language の略で、Webページ上で線や円などのベクトル図形を表示するための言語です。IE5.0 以上でサポートされています。Netscape ではサポートされていません。 XMLベースの言語として、1998年5月13日に Microsoft、Macromedia、HP社などから W3C に提案されましたが、そのままは採用されず、Adobe 社の PGML と統合され、2001年9月5日に SVG として勧告されました。将来的には SVG に移行する予定です。「今更 VML・・・」と言われてしまいそうですが、とりあえず、今使える VML について説明します。 ※ このページを IE5.0 以
手書き風アニメーションを自動で生成するFlashMX 2004用追加ペンツールです。 こんな感じのアニメーションを数分で描く事が出来ます。 ActionScriptを使用しないので ・Flash4以下でも再生可能 ・GIFアニメ等での出力も可能 等、多少の利点があります
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く