#ls2(JavaScript)
*テンプレート [#kceb1a85]
**HTML 5形式でちょっと試したいときのテンプレート
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>JavaScriptテスト</title>
</head>
<body>
<script>
<!--
document.write('Hello, world!<br>');
//-->
</script>
<noscript>JavaScriptが利用できません。</noscript>
</body>
</html>
注：UTF-8で保存してください~
**簡易的なHTML 4形式でちょっと試したいときのテンプレート
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>JavaScriptテスト</title>
</head>
<body>
<script type="text/javascript">
<!--
document.write('Hello, world!<br>');
//-->
</script>
<noscript>JavaScriptが利用できません。</noscript>
</body>
</html>
注：UTF-8で保存してください~
備考：DOCTYPEを付ければ正式なHTML 4となります
**ソース記入方法 [#r07be2f0]
***別ファイルに記述する方法 [#u8db2226]
HTML5
<script src="js/foo.js"></script>
HTML4.01, XHTML
<script type="text/javascript" src="js/foo.js" charset="UTF-8"></script>
※文字コードが違う場合はこのようにcharasetを指定します
***HTMLファイル中にまとめて記述する方法
<script type="text/javascript">
<!--
ココにコードを記述します
//-->
</script>
<noscript>ご使用の環境ではJavaScriptが動作しません。
このページはJavaScriptを使用していまので、一部機能をご利用いただけません。</noscript>
スクリプトが使えない場合は、コード部分を<!-- ... -->によってコメントとして表示しないようにしています。
***XHTMLファイル中にまとめて記述する方法
<script type="text/javascript">
//<![CDATA[
ココにコードを記述します
//]]>
</script>
<noscript>ご使用の環境ではJavaScriptが動作しません。
このページはJavaScriptを使用していまので、一部機能をご利用いただけません。</noscript>
XHTMLでは<!-- -->を使用すると本当にコメントとなりスクリプトが実行されなくなりますので、<![CDATA[ ... ]]>によってスクリプトを囲います。スクリプトが利くブラウザでは//でこの囲い自身を無効とします。
***タグのイベントハンドラ属性で直接記述する方法 [#bdd35781]
<iframe src="http://mainichi.jp/" width="1024" height="768" scrolling="auto" frameborder="1" onLoad="alert('loaded')">
</iframe>
***aタグのhrefに直接記述する方法
<a href="JavaScript:window.alert('Hello, world!');">ダイアログを表示</a>
*リンク [#f9af324e]
-[[スマートフォン対応でよく使うhtml、css、javascriptのまとめ>http://kazu69.net/blog/memo/1023]] ☆☆☆
-[[newを封印して、JavaScriptでオブジェクト指向する(1) | 泥のように>http://blog.tojiru.net/article/199670885.html]] ... ☆☆☆継承したり、親の関数を呼び出したり！
-[[Mobile Safariのクリックイベントを高速化「fastClick.js」 | MOONGIFT>http://www.moongift.jp/2012/09/20120901-2/]] ... ☆☆遅延が全然違います。ゲームなどでは入れた方が良さそうです。
-[[シンプルJavaScript継承 | CSS-EBLOG>http://css-eblog.com/javascript-link/simple-javascript-inheritance.html]]
-[[フロントエンドJavaScriptにおける設計とテスト スライドショー | Kazuhito Hokamura氏>http://hokaccha.github.com/slides/javascript_design_and_test/]] ... 『1. ModelとViewを明確に分ける 2. Viewを疎結合にする』
-[[JavaScriptの開発をより簡単にしてくれる便利すぎるオンラインツール8 | yugurido>http://www.yuguri.com/2013/02/02js_tools/]]
-[[JavaScriptで金額の表記にコンマを付ける | バシャログ技術情報ブログ>http://c-brains.jp/blog/wsg/13/02/13-191107.php]]
-[[JavaScript によるイベントドリブン | Hatena-Textbook>https://github.com/hatena/Hatena-Textbook/blob/master/javascript-event-driven.md]] JavaScriptの込み入ったことを分かりやすく解説☆☆☆
-[[YUI Compressor Online>http://yui.2clics.net/]] JavaScriptやCSSファイルをアップするだけで手軽に圧縮したり、難読化てくれるWebサービス
-[[Greasemonkeyの使い方とアイコン素材>http://paro2day.blog122.fc2.com/blog-entry-704.html]]
-[[マンガで分かるJavaScriptプログラミング講座>http://crocro.com/write/manga_javascript/wiki.cgi]]
-[[アークウェブシステム開発SandBox記事『Ajax/iframeを使ったAjaxでComet?』>http://www.ark-web.jp/sandbox/wiki/167.html]] iframeを使って外部リンク参照の制限を回避するヒントになりそう
-[[JavaScriptの基礎講座>http://homepage2.nifty.com/Shouji/pc/js/index.html]] ... 見やすい図やサンプルが有って、分かりやすいサイトです。
-[[JavaScriptist JavaScriptの基礎>http://javascriptist.net/docs/javascript_basic.html]]
-[[Gihyo.jp Firefox 3とFirebugで始めるJavaScript開発>http://gihyo.jp/dev/feature/01/firebug]]
-[[Gihyo.jp jQueryではじめるAjax>http://gihyo.jp/dev/feature/01/jquery-ajax]]
-[[Gihyo.jp マッシュアップを，ひとりでスピーディに大量構築する方法>http://gihyo.jp/dev/feature/01/mashup]]
-[[ドラッグ&ドロップでファイルのアップロードを可能にするJavaScriptライブラリ | CREAMU>http://blog.creamu.com/mt/2013/03/javascript_9.html]]
-[[JavaScript オブジェクトのクローンを作成する最も効率的な方法は何ですか？>http://ja.softuses.com/21068]] ... 『JSON.parse(JSON.stringify(obj))』が興味深かったです。
-[[undefined値の判定 | 泥のように>http://blog.tojiru.net/article/205007468.html]]
-[[IBMのWeb開発技術文書一覧>http://www.ibm.com/developerworks/jp/views/web/libraryview.jsp]]
--[[jQuery Mobile と CSS3 を使用して、ユーザー機器に応じて調整されるデザインを実装する>http://www.ibm.com/developerworks/jp/web/library/mo-jquery-responsive-design/index.html]]
--[[canvas を HTML マークアップで補完する>http://www.ibm.com/developerworks/jp/views/global/libraryview.jsp?view_by=search&sort_by=Date&sort_order=desc&view_by=Search&search_by=canvas+%E3%82%92+HTML+%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E3%81%A7%E8%A3%9C%E5%AE%8C%E3%81%99%E3%82%8B%3A&dwsearch.x=0&dwsearch.y=0]] ... HTML描画とCanvas描画の組み合わせ方などを解説
--[[HTML 5 を使ってモバイル Web アプリケーションを作成する>http://www.ibm.com/developerworks/jp/views/xml/libraryview.jsp?sort_by=&show_abstract=true&show_all=&search_flag=&topic_by=-1&type_by=%E3%81%99%E3%81%B9%E3%81%A6%E3%81%AE%E7%A8%AE%E9%A1%9E&search_by=HTML+5+%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB+Web+%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B&%E9%80%B2%E3%82%80.x=0&%E9%80%B2%E3%82%80.y=0]] ... ジオロケーション API、マッシュアップ、ローカル・ストレージ、オフラインでの動作、Web ワーカーなどの記事です。
-[[URL（URI）エンコード・デコードを行う方法 | にししふぁくとりー>http://www.nishishi.com/javascript/2007/encodeuri.html]]
-[[JavaScriptでGETを取得する | S-MEMO>http://www.s-memo.net/blog/2007/03/javascriptget_1.php]]
-[[swap関数 javascriptで、配列の二値の交換をする関数>http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1190697456]]
-[[JavaScript で File API を使用してファイルを読み取る>http://www.html5rocks.com/ja/tutorials/file/dndfiles/]]
-[[(JavaScriptでの)バイナリデータの送信と受信 | yoyaのメモ>http://d.hatena.ne.jp/yoya/20130425/jsbin]]
-[[モテる Java script スライドショー>http://www.slideshare.net/osamum/java-script-20062574]]
-[[JavaScriptの落とし穴 スライドショー>http://www.slideshare.net/ikdysfm/java-script-20131612]]
-[[JavaScriptのMVCフレームワークと仲間たち | Developer's IO>http://dev.classmethod.jp/ria/javascript-mvc-frameworks/]] ... 各種JavaScriptライブラリを紹介
-[[[JavaScript]for 内でイベントリスナとか登録するときにやっちゃいがちな間違い. とその対処法を３つほど. | TM Life>http://tmlife.net/programming/javascript/javascript-for-eventlistener-bug-closer.html]]
-[[Web描画パフォーマンスの改善 | Cacoo Blog>http://blog.cacoo.com/ja/2013/06/03/web-paint-performance/]]
-[[JavaScript でのローカル ファイルの読み込み | HTML5 Rocks>http://www.html5rocks.com/ja/tutorials/file/dndfiles/]]
-[[JavaScript イディオム集 | nmi.jp>http://nmi.jp/archives/488]]
-[[Unicode と JIS / EUC / シフトJIS 間の変換 | AOK's JavaScript Library>http://homepage3.nifty.com/aokura/jscript/jcode.html]]
-[[JavaScriptで任意の文字列をテキストファイルとしてダウンロードさせる | Yahoo知恵袋>http://note.chiebukuro.yahoo.co.jp/detail/n194205]]
-[[WEBページをJSで自動操作できるようにできる「SlimerJS」 | PHPSPOT>http://phpspot.org/blog/archives/2013/08/webjsslimerjs.html]]
-[[JavaScriptの初見で読みづらいシンタックス＆パターン9種 | havelog>http://havelog.ayumusato.com/develop/javascript/e316-javascript_evil_syntax.html]]
-[[社内研修「JavaScript基礎」の資料を公開します！ | mixi Engineers' Blog>http://alpha.mixi.co.jp/2013/11844/?utm_source=twitterfeed&utm_medium=twitter]]
-[[Refactor To Functional: a great introduction to functional programming in JavaScript>http://linusnorton.github.io/posts/refactor-to-functional/]]
-[[【保存版】スマートフォン制作でよく使うJavaScript まとめ | ウェブ帳>http://www.webcyou.com/?p=4727]]
-[[iOS6 Mobile SafariがAjax POSTでキャッシュする問題を回避する方法 | Developers.IO>http://dev.classmethod.jp/smartphone/ios6-safari-post-jquery/]]
-[[localStorage基本操作>http://qiita.com/ichikawa_0829/items/85413fedc59822ccef75]]
-[[JavaScriptの「型」の判定について | Qiita>http://qiita.com/south37/items/c8d20a069fcbfe4fce85]]
-[[最強オブジェクト指向言語 JavaScript 再入門！ スライドショー>http://www.slideshare.net/yuka2py/javascript-23768378]]
-[[あれ、いつも書いてるな〜というJavaScript の小技集 | バシャログ。>http://c-brains.jp/blog/wsg/14/03/05-100000.php]]
-[[JavaScriptのコーディングTips集 - 主に言語とシステム開発に関して>http://d.hatena.ne.jp/language_and_engineering/20140311/JavaScriptProgrammingTips]]
-[[型変換のいろいろ>http://qiita.com/zawascript/items/a25eaf7a222ac3671275]]
-[[Javascriptのスタイルガイドまとめ(おすすめ4選) | Qiita>http://qiita.com/takeharu/items/dee0972e5f39bfd4d7c8]]
-[[JavaScript - CoffeeScriptを使う理由 | Qiita>http://qiita.com/asaake88/items/9462844b049900ffb22c]]
-[[最強オブジェクト指向言語 JavaScript 再入門！ スライドショー>http://www.slideshare.net/mobile/yuka2py/javascript-23768378]]
