テンションを下げないためのフォーム設計 - EC studio デザインブログ
こんにちは。新免です。 サイトの制作者や、サイトの運営者の方なら、 購入フォームや登録フォームって、みなさん気にされますよね。 商品の購入や、お問い合わせ、会員登録など、 サイトが目標としていることをゴールとすれば、 そのゴールにどうすればスムーズに到達するかを考えなければなりません。 その中でも、難しいのが購入フォームや登録フォーム。 購入フォームまで来たけど、入力項目の数が多すぎるのでフォームを 見た瞬間にそのサイトから離れたり、なんだかわからないけど、 エラーばかり出るので途中で購入を諦めたりと、 フォームにたどり着くまでは欲しいものがありテンションが上がってたけど、 フォームに来たとたんユーザーのテンションが下がったのでは ゴールにたどり着けません。 いかにユーザーのテンションを下げずにゴールをさせるかが重要になり、 そのためにはユーザーに不安感を与えたり、ストレスを与えたりしては
独学 JavaScript
「どのブラウザに向けてページを作る？」のページを追加(1998/11/01)。 世界時計のサマータイム対応版を追加(1998/10/28)。 独学JavaScriptをダウンロードしてオフラインで読めるように、zip形式で圧縮したものを用意しました。 [ 98年11月15日版(TAR+GZ形式) djs981115.tar.gz (75k) ] [ 98年11月15日版(ZIP形式/PC向け) djs981115.zip (75k) ] JavaScriptとは何だろう htmlへJavaScriptを埋め込む 変数とif文 変数 ちょっと詳しく コメント 関数 for文 JavaScriptに対応していないブラウザに迷惑をかけないために 文字列の扱い FORMとの連動(buttonクリック) FORMとの連動(inputフィールド) FORMとの連動(inputフィールド)[改良版 IE
高度な JavaScript 技集
JavaScript で作って意味があるのかどうか分かりませんが、作ってみました。 応用編 入力したテキストをページ上に書き出し、個々の文字をドラッグ＆ドロップ で動かせるようにする ソースを読んでも中身が分からない HTML を作成する パスワードチェックの部屋 (パスワードは「開けごま」ですが、HTML のソースや JavaScript を解析しても、絶対にパスワードが分からない仕組みになっています。) バー ライブラリ編 こんなの JavaScript で作るかよってな代物です。 できてしまったものはしょうがないでしょう。 utf.js (UTF-8 <-> UTF16 変換) base64.js (Base64 encode/decode) md5.js (MD5) des.js (DES 暗号化/復号化) zlib.js (JavaScript による zlib 実装、zlib
JavaScript例文辞典
■基本 ［０１］JavaScriptを定義する ［０２］外部JavaScriptファイルを読み込む ［０３］スタイルシートを定義する ［０４］NN3、NN4、NN6、IE4.x、IE5.xで動作するように記述する ［０５］NN4でのみ動作するように記述する ［０６］NN6でのみ動作するように記述する ［０７］IE4.x以上で動作するように記述する ［０８］IE5.x以上で動作するように記述する ［０９］IE5.5以上で動作するように記述する ［１０］ビヘイビアファイルを読み込む ［１１］IEとNN両方で動くように記述する ［１２］連続して関数を呼び出す ［１３］MacOS Xかどうか判別する ［１４］Safariのみ動作するように記述する ［１５］Safariのバージョンを返す ［１６］Operaのみ動作するように記述する ■構文 ［０１］変数に文字や数値を入れる ［０２］四則演算を行う
Site Cooler NZ | Points to Note When Shopping for a Washing Machine
Points to Note When Shopping for a Washing Machine There are different washing machines brands in New Zealand. When shopping, therefore, you need to ensure that first, you get a quality machine; a machine that will last through many years without breaking down. You check product warranties and reviews when shopping to ensure a machine is a good quality. The material of the drum can be enamel, plas
メールマガジン「目指せ！ウェブマスター」JavaScript講座
メールマガジン「目指せ！ウェブマスター」JavaScript講座の原稿です。 現在、中断されてしまっている状態です。未掲載原稿も含めて、ここに掲載してあります。 一部内容が古くなっていたり誤字脱字がありますが、修正できていません。 これは問題あり、という場合にはopenspc@po.shiojiri.ne.jpまでメールをください。 最終更新日：2005年2月17日 第 １回 「JavaScriptって？」 第 ２回 「JavaScriptを書いてみよう」 第 ３回 「JavaScriptを書く時の約束ごと」 第 ４回 「メッセージを表示」 第 ５回 「"を表示」 第 ６回 「文書内にメッセージを表示」 第 ７回 「繰り返し処理（１）」 第 ８回 「繰り返し処理（２）」 第 ９回 「四則演算」 第１０回 「最適化」 第１１回 「ランダムに文字を表示する」 第１２回 「条件分岐、if..el
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
JavaScript の配列と連想配列の違い - IT戦記
id:cheesepie:20070131:1170172709 最近は、こういう風に JavaScript を勉強する人が増えていてとても嬉しいです ＾＾ id:cheesepie さん頑張ってください！ で、ちょっと配列と連想配列の使いかたが違うようなので、エントリーを書こうと思いました。おせっかいだったらすみません＞＜ ！ やっぱり、このへんが JavaScript の難しいところのひとつなのだろうか。 ということで、 JavaScript の配列と連想配列の違い いってみよおー 連想配列とは JavaScript では連想配列は一番シンプルなオブジェクトのことである。つまり、すべてのオブジェクトは連想配列である。 以下のすべての連想配列はまったく同じものである。 // 1 var obj = { hoge: 'hoge' }; // 2 var obj = { 'hoge': 'h
Javascriptのイベントハンドラ設定方法 | ユージック
Javascriptのイベントハンドラ設定方法 2007年5月7日 DOMやJavascriptを勉強しているとイベントハンドラの設定方法が色々とあってどの方法でやれば一番良いのかわからなくなってきたので、自分の覚書もかねてイベントハンドラの設定方法をまとめてみようと思います。 尚、サンプルはボタンを押すと”クリックされました”とアラートが出るだけのシンプルなスクリプトでご紹介します。 （X）HTMLの中に記述する方法 <form> <input type="button" id="myButton" value="Click" onClick="alert('クリックされました');"> </form> （X）HTMLの中でイベントハンドラを利用する方法で（X）HTMLとスクリプトの分離ができていないのであまり良い方法とはされていませんがシンプルな方法の一つです。 .onclickを使う
ハタさんのブログ(復刻版) : javascriptを初めて学ぶ人についてのおさらい。その１
僕にも教える人ができた(? というか人にモノを教える立場)になったので、とりあえず、最近はもっぱらjavascriptを教えています。 もともとCやJavaなどについてはある程度の知識がある人なので、それを少しjs的な意味で、関数言語的な教えをやっている最中のメモ 変数って何ですか？変数って値もしくは式そのものに利便的な名前をつけているものです 次のhogeとfooは値をいれる箱ではなく、値そのものに別名(もしくは分かりやすい名称)を割り当てているだけに過ぎませんよ。 var hoge = 1; var foo = [1, 2, 3]; alert(hoge + 1); // 2 alert(foo[0]); // 1 alert(1 + 1); // 2 alert([1, 2, 3][0]); // 1 つまり、関数自体を変数に代入する事ができます。(functionとは特別な呼び名
これは便利! JavaScriptの勉強はこのコンテンツで - Eloquent JavaScript | エンタープライズ | マイコミジャーナル
Eloquent JavaScript Eloquent JavaScriptというタイトルのもとでJavaScriptに関する情報が公開されている。同コンテンツの作成はMarijn Haverbeke氏の手によるもの。プログラミングの簡単な紹介からJavaScriptを使ったプログラミングの勘どころが丁寧にまとまっている。JavaScriptの仕様を解説するスタイルではなく、実際に必要になる処理や間違いやすい部分について取り上げながら説明がおこなわれている。JavaScriptを使ったプログラミングを実施するすべてのデベロッパに一読をお薦めしたいコンテンツだ。Eloquent JavaScriptの目次は次のとおり。 Introduction Basic JavaScript: values, variables, and control flow Functions Data stru
JavaScriptライブラリの先駆け「prototype」を勉強しなおすサイト20
twitter facebook hatena google pocket 現在JavaScriptライブラリは数多くリリースされていますが、それらのさきがけとなったのは「prototype」でした。 またNASAのサイトでも使用されているように、その実力は広く認められています。 今回はprototypeの価値を見直し、勉強できるサイトを紹介します。 sponsors Reference ・prototype.js リファレンス（v1.4.0,1.5.x,1.6.0） ・prototype.js の開発者向けメモ：（v1.5.0） ・prototype.jsリファレンス HowTo / Review ・第１回：Prototypeライブラリの内部 ・いまからはじめるPrototype.js ・第１回：Prototype.jsを使う準備 ・Prototype.jsとは何か ・Prototype
[JS]デザイナーのためのjQueryのチュートリアル
Web Design Wallのエントリー「jQuery Tutorials for Designers」から、JavaScriptのライブラリ「jQuery」が視覚的にどのように動作するかデモと共に解説してる10のチュートリアルを紹介します。
ブログが続かないわけ | 初心者プログラマーが簡単なフォームを作るときにやりがちな6つのミス
お問い合わせフォーム、登録フォーム、キャンペーンの申込フォーム。 Webにはいろいろなフォームがある。 Webプログラマーであれば誰もが一度は作ったことがあると思う。 新人プログラマーの初めての実務がフォームであることも多いだろう。 新人が作っているというのにもかかわらず、技術的にも面白い部分がないせいか、正しい知識のある人がレビューすることが少ないと思われる。 単純さゆえにテストが不足しているということもあるかもしれない。 上記の理由は憶測にすぎないが、杜撰なフォームがたくさん出回っているのは事実だ。 もう、CAPTCHAの話とか以前の問題だ。 よく見かける悪い例を簡単にあげておく。新人が初めての実務に当たるときにこれを気にしてくれれば、世の中のフォームがだいぶ良くなると思う。 1. クライアントサイド(JavaScript)でのチェックのみ。 2. 選択肢式の入力欄に対するチェックの漏
[CSS]divもfloatもclearもhackも使用しないで組む3カラムレイアウト | コリス
TJK Designのエントリーから、ヘッダ・フッタ・3カラムのレイアウトをdiv, float, clear, CSS hackを使用しないで実装するスタイルシートの紹介です。 A CSS layout that does not rely on DIV, FLOAT, CLEAR nor structural HACK! 対応ブラウザは、WidnowsがIE5.01, 5.5, 6, 7, Fx0.8, 1.5, 2.0, Op9.0, 9.24、MacがIE5.2, Safari2.0, 3.0, Fx2.0、LinuxがKonqueror, Mozilla、そしてiPhoneとなっています。 仕組みは、簡単に説明するとリストを使用したもので、実装方法は８つのステップで紹介されています。
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
Re:一晩で覚えるjQueryの逆引き基礎サンプル7つ (でぃべろっぱーず・さいど)
一晩で覚えるjQueryの逆引き基礎サンプル7つ*ホームページを作る人のネタ帳 jQueryに書くとほってんとり入りできるらしいので便乗。というかリンク先で紹介されているサンプルコードにちょっと意義異議あり。 一個のサンプルは非常に単純な構造になっておりますゆえ、jQueryをすでにやったことがある人にとって必要ないものだということをあらかじめご了承くださいませ。 ということであれば、「jQueryらしい」書き方をした方が良いかなと思います。 で、僕ならこう書くってことで。 全般的に使われている$(document).ready(fn)は、$(fn)でショートカットできます。 $(document).ready(function(){alert('hoge');}) は、 $(function(){alert('hoge');}) こう書けると。 まあ、これはどうでもいいや。短く書けるって
[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス
CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
JavaScriptの勉強用サイトまとめ - 遥か彼方の彼方から
プログラム学校の課題でJavaScriptを使うことになったので、改めて勉強に使えそうなサイトをまとめてみました。学校の教材はDOMという単語すら出てこないものですし、かといって本を買おうにも財布に１００円しかないので。普段あまりブクマなどで保存してないため、うろ覚えなまま探しました。もし「そこは参考にしちゃまずい」とか「JSやるならここ読めよ」とかあれば是非教えてください！ Core JavaScript 1.5 ガイド - MDCガイド。具体的に「これって何なのよ」ってときに見る。いきなり見ると逃げ出したくなる。Core JavaScript 1.5 Reference - MDCリファレンス。各オブジェクトについて知りたいときに。JavaScript style guide - MDCスタイルガイド。コード規約的なもの。複数人でやるなら大切そう。個人でも、余裕が出来たら意識した方がい
jQueryのコードを良くする5つのTIPS
jQueryのコードを良くする5つのTIPS 5 Tips for Better jQuery CodeでjQueryのコードを良くする5つのTIPSが紹介されています。 DOM中にデータを保存できるdataメソッドを使おう $('selector').attr('alt', 'this is the data that I am storing'); // then later getting that data with $('selector').attr('alt'); 「alt」などのHTMLにデータを保存しておくと後で取り出せなくなってしまうことがあるから良くない。 $('selector').data('meaningfllname', 'this is the data I am storing'); // then later getting the data with
RedLine Magazine : IE6 → 透過PNG+overflow=混ぜるな危険（追記有）
IE6 → 透過PNG+overflow=混ぜるな危険（追記有） >>081205：追記 解決しました (追記:081205)はてブのコメント見たらこの下記の症状が出ない方もいらっしゃるみたい。私が検証に使ってるIE6はIETesterのものと「IE6 standalone の落とし穴」っていう記事で書いた透過も使えるこっちのスタンドアローン版IE6なんだけど、もしかしてもしかして正規版では正常に動作してるとか？？コメント書いてくださった方が正規版IE6なのかどうかは分からないけれども、一応その件も補足しとこかなということで追記。 やりたかった事 親ボックスには大きめの写真を入れたい。 その親ボックスの写真は背景じゃなく、諸事情でimgタグで入れること。 その中にまたボックスを作って背景に透過PNG画像を使用してテキスト本文入れたい。親ボックスの写真が透ける感じで。 そのテキスト本文部分は
jQueryを使うときに気をつけるべき8のポイント : tech.kayac.com - KAYAC engineers' blog
DAHONのBoardwalkを修理しようとしておもいっきり壊してしまいました。agoです。 普段はjQueryをメインで使用しているのですが、使っていていくつか注意すべき点があったのでまとめてみました。 （一部jQueryではなく、DOMの仕様上の制限も含まれています） 1 $().filterにstring以外のものを渡すとエラー 1.4系では修正されていました $().findや$().notは大丈夫ですが、$().filterの場合引数にjQuery objectや配列、html elementなどを渡すとエラーになります。 （たとえばjQuery objectを渡した場合、Firefoxでは「TypeError: t.substring is not a function」というエラーが発生します） 確認する ちなみに、$().findや$().notはstring以外も渡せるた
jQueryを良くする25のTIPS
jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。
2008年、ウェブのデザイナー・開発者がおさえておきたいリソース集 | コリス
2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。 2008 Most Popular Design posts, Tutorials and Resources デザイン関連 Photoshopのチュートリアル関連 Illustratorのチュートリアル関連 Photoshop&Illustratorのブラシやベクター素材 JavaScript関連 WordPress関連 CSS関連 フォント&タイポグラフィ関連 ツール&素材関連 デザイン関連 42 Awesome Business Card Designs 20 Beautiful HDR Pictures
0日目：jQueryプラグイン作成の基礎知識 (1/2)
この記事は「【短期集中連載】この冬作ろう！ jQueryプラグイン講座」のウォーミングアップ編です→[連載インデックス]へ 数あるJavaScript／Ajaxライブラリの中でも2008年、もっとも勢いがあったのが「jQuery」だ。jQueryは従来の“Webアプリケーション”のプログラマーだけでなく、コーダーやデザイナーといった“Webサイト”の作り手からも広く支持を集めた。そのjQueryの特徴の1つである「プラグイン」の作成方法について本連載では解説する。簡単なプラグインを1日1本、 実際に作っていく6日間の集中講座だ。ぜひこの冬休みを利用して、楽しみながらjQueryプラグインを作ってみよう。 そもそも「jQuery」ってなんだ？ 「jQuery（ジェイクエリー）」は代表的なAjax/JavaScriptライブラリの1つです。jQueryの特徴としては「少ないプログラムコードで、
バッドノウハウ x 3 - latest log
id="foo" の要素にアクセス 普通はこう <script id="foo"> alert(document.getElementById("foo").txt); </script> document.getElementById は省略できる <script id="foo"> alert(foo.txt); </script> 27byte減 ショートコーダーならスルーしがたい小悪魔的誘惑 IEを判別(IE="\v"=="v";) (13byte) IE5〜IE8でtrueになるのはJScript5.xが垂直タブ(\v)を無視した比較を行うから だがJScript8.0ではfalseになる IE9で通用する保障が無い 他には IE=!!top.execScript; // ダメ Chrome でも true (20 byte) IE=!!top.ScriptEngine; //
2行でJavaScriptを高速化する方法 - rand's
id:amachangさんの 一行で IE の JavaScript を高速化する方法 - IT戦記 に対して、id:uupaaさんが http://d.hatena.ne.jp/uupaa/20081230/1230604575 でIE以外でも使える色々な方法を提案なさっています。でも、 「正直documentを_docに置き換えるの面倒＞＜」 そこで、たかがreplace(/document/g, '_doc')の手間を惜しむ皆様のために用意した、2行でJavaScriptを高速化する方法がこちら： script全体を(function(document){と})(document)で囲む これだね！ ベンチマーク uupaaさんの記事にあるB系のソースを使わせていただきました。 ブラウザ B0 B1 B2 B3 B4 B5 b6 IE 6 10281 4938 10844 4672
これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20:phpspot開発日誌
皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応
選択範囲を保存するBookmarklet (Kanasansoft Web Lab.)
dataスキームって文字列ならbase64しなくても使えるんですね。知らなかった。よくよく考えてみればなるほどです。ただ、encodeURIComponentは必要。で、こんなBookmarkletを作ってみた。 /* ================================================================================ Name : 選択範囲を保存するBookmarklet Ver1.0.0 In : [none] Out : [none] Note : 選択範囲の文字列を保存します。 -------------------------------------------------------------------------------- Version : Ver1.0.0 | 2009/01/10 | 新規作成 ----
[Javascript] 関数宣言の落とし穴 function foo ( ){..} と var foo = function ( ) {..} は動作が違うので要注意！
Home Subscribe function funcname(args){ do something}; は var funcname = function(args){ do something}; と等価になる。 javascriptを理解するためのたった2つの大切なこと javascriptを理解するためのたった2つの大切なこと:改 引用元の記事はすばらしい記事ですが、ここは間違いです。 等価だと思っていたらひどい目にあいます。 サイ本 第5版のp.96にちゃんと書いてあります。 function文はプログラムの静的な構造を定義するだけなのです。 JavaScriptコードが解析されコンパイルされたときに、関数は定義されます。 どういうことかというと、 function foo( ){ ... } はコンパイル時に関数が定義されます。 var foo = function( ){
リキッドデザイン問題は max-width と IE6 用 expression で解決 - eclucifer blog
Date 2009-01-15 19:06 Category blog / Web 関連 Tags blog / CSS / JavaScript / push!! / tips / Web 関連 / Webデザイン / Web制作 / 考え方 Navigation Link Newer Older 使用中の Firefox アドオンまとめ Comments / Trackbacks Comment Form Name URL Add Your Comment Trackback URL http://eclucifer.net/blog/web/2009011501.html/trackback/
CSS: emベースでのmax-widthをIE6のexpressionで - mayokara note
/* モダンブラウザ用 */ body { width: 95%; margin: 20px auto; max-width: 75em; } /* 最後にWinIE6用トリック（スターハック） */ * html body { width: expression(document.documentElement.clientWidth > parseInt(currentStyle["max-width"],10)*parseInt(document.documentElement.currentStyle.fontSize,10)*4/3 ? currentStyle["max-width"] : "inherit"); } fontSizeはptベースで返ってくるので96dpiと想定して変換してます（*4/3のところ）。 互換モードの場合はdocument.documentEleme
URIエンコード（URLエンコード） | Diaspar Journal
おすすめのクレジットカードを徹底比較 クレジットカードのおすすめ コンビニでお得なおすすめクレジットカード 普段利用することの多いコンビニでお得になるクレジットカードがあります。セブンイレブンン・ローソン・ファミリーマートなどよく利用するコンビニでお得になるクレジットカードを支払いで利用すれば多くのポイント還元があります。 1年間などの長い期間で計算すると、コンビニで還元率が高いクレジットカードを利用すると大きな差が出てきます。 三井住友カード（NL） 年会費永年無料還元率0.5％～5.0％国際ブランド 特典最大8,000円相当プレゼント セブンイレブン・ローソン、マクドナルドなどでタッチ決済料で驚異の5.0％ポイント還元 セキュリティを高めカードの両面にカード番号や氏名、セキュリティーコードの無いナンバーレスクレジットカードです。カード番号等は全てアプリ上で管理します。最大の特徴は対象コ
Macromedia Flash - テクニカルノート一覧
スクリプティング | トラブルシューティング | Tips | オブジェクト指向プログラミング | リファレンス | ActionScript 3.0 | Stage3D | 数学 | ドキュメント正誤表 | スクリプティング FN0108016 名前のない関数(匿名関数/関数リテラル) FN0109008 if/else if/elseアクションを使った処理 FN0110001 1から連番の配列をつくる(ループ処理) FN0110003 for...inループについて FN0110002 素数を調べる(ループ処理2) FN0201001 素数を調べる(ループ処理3) FN0201004 String.splitメソッドを再定義する[上級テクニック] FN0203003 スコープチェーン FN0204001 superでスーパークラスのメソッドを実行する FN0204002 __proto
企業ロゴ
過去に私達は企業や団体のロゴマーク、シンボルマークのデータベースを企画したことがあります。 諸々の事情により中途で断念した企画ではありますが作成したデータを有効利用いただけると考え無料公開しております。充実度ではまだまだ不足がありますがポストスクリプトデータならではの活用ができると考えております。尚、すべてのデータは著作権等はクリアされておりません。ご利用の際はダウンロードした方の責任範囲でのご利用にとどめてください。（ダウンロードした方が印刷物等をスキャンしトレース作業を行ったとお考えください）また、企業、団体あるいはその関係企業でご協力いただける方、ご賛同いただける方のデータのアップロードも募集しております。illustrator形式のファイルで添付してメールいただければ随時掲載いたします。 ●Windowsでご利用になりたい方へ 掲載しているファイルは拡張子がhqxになっていま
ActionScript FLASHRAVE - FLASHの作成講座と活用方法 -
FLASHには"ActionScript"と呼ばれるスクリプト言語により、動画の再生コントロール、データ表示などFLASHで実現できることがさらに広がります。 マウスやキーボードといったユーザ操作によるアクション、利用する素材に複雑な動きや効果をもたらす場合にも"ActionScript"を利用します。 "ActionScript"にはバージョンが存在し、「Flash MX 2004」からは2.0が、「Flash CS3」以降では2.0と3.0が利用できるようになっています。 ActionScript 3.0 のプログラミング（外部リンク） ActionScript 3.0 言語およびコンポーネントリファレンス（外部リンク） ActionScript 2.0 の学習（外部リンク） ActionScript 2.0 リファレンスガイド（外部リンク） AS2.0とAS3.0の違い
二点間の距離を求める （三平方の定理） / 初心者のためのフラッシュレベルアップ講座
ProcreoFlashDesign 初心者のためのFlashレベルアップ講座 ■二点間の距離を求める （三平方の定理） ■概要 ステージ左上が 座標(X,Y)=（0,0） ●ball1（赤ボール） X1=ball1._x Y1=ball1._y ●ball2（青ボール） X2=ball2._x Y2=ball2._y ■解説 上の例のような大元のステージ（_root）に配置された赤いボールのムービークリップ（ball1とします。）と青いボールのムービークリップ（ball2とします。）の直線距離を求めるアクションスクリプトの解説をしていきます。 二点間の距離を求めるために必要な要素はそれぞれのムービークリップのｘ座標とｙ座標です。具体的に書くと ball1のx座標は _root.ball1._x （上図ではX1） y座標は _root.ball1._y （上図ではY1） ball2
Flash 8 入門講座：ITpro
Flash 8 入門講座 目次 お絵描きからActionScriptを使ったアニメーション制作まで いまやすっかり，Web上のインタラクティブ・コンテンツの代名詞となった感がある“Flash”。実は，アニメーションやゲームなど私たちが目にする，いわゆるFlashコンテンツは正確には「Flashムービー（ファイルの拡張子は.swf）」と呼びます。 Flashムービーを作成する方法はいくつかありますが，一般には，アドビシステムズの開発ツール「Macromedia Flash（以下，単にFlash）」を使います。本連載では，Flashの最新版である「Flash 8」を使って，Flashムービーの作成方法を中心に紹介していきます。Flash 8を持っていないという人も，1カ月間タダですべての機能を使用できる体験版がアドビシステムズのWebサイトに用意されているので，ダウンロードして一度試してみては
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
一撃必殺JavaScript日本語リファレンス
JavaScript の文字コード処理に関する覚書
ちょっと便利なCSS Tips いろいろ - DesignWalker
Scriptを使わないCSSエフェクト、Tipsいろいろ - DesignWalker
JavaScriptのイロハ：特集 - builder by ZDNet Japan
ウェブ制作に便利そうなチートシート16選 | IDEA*IDEA
はじめてのjQuery
http://www.designwalker.com/2009/01/table.html
http://www.javac.jp/flash/flashlab/graph/index.html
ActionScript 3.0メモ
ActionScript 逆引きクイックリファレンス