約 2,903,275 件
https://w.atwiki.jp/ohden/pages/52.html
http //user1.matsumoto.ne.jp/~goma/js/ -- (s1n) 2009-11-12 15 32 06 Require.js -- (s1n) 2014-10-10 10 31 08 var jsObj = JSON.parse(jsonString); var jsonString = JSON.stringify(jsObj); -- (s1n) 2015-03-10 15 35 00 strict mode 厳しく見てくれるモード。開発中はこのモードにしておく方が良いと思う。ただし、利用できるブラウザは限られる。 -- (s1n) 2015-03-10 18 52 32 Object.seal(obj):objへのプロパティ追加を無視する Object.freeze(obj):objへの変更で例外を発生 -- (s1n) 2015-03-10 20 40 51 https //developers.google.com/web/fundamentals/primers/promises?hl=ja#whats-all-the-fuss-about https //developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise/then -- (s1n) 2017-10-20 17 32 39 JEST:Javascript test用framework -- (s1n) 2021-01-20 09 37 02 StimulusReflex -- (s1n) 2021-01-20 15 33 30 Next.js:https //nextjs.org -- (s1n) 2021-04-01 16 05 45
https://w.atwiki.jp/hokonin/pages/38.html
#blognavi HTMLフォームにはコンボボックスが存在しない。 Ajaxを使わない条件では、JavaScriptで擬似的に実現したものが見つかったが良いものがなかった。 そこで、JavaScriptでテキストボックス、ボタン、リストボックスを連携させて擬似的にコンボボックスの操作感を実現してみた。 動作確認はIE6のみなのであしからず。 HTML HEAD TITLE 擬似コンボボックス /TITLE STYLE type="text/css" .ComboButton { font-size 9px; position relative; left -2px; top -1px; width 17px; height 20px; } .ComboList { position relative; left -2px; top -2px; visibility hidden; } /STYLE SCRIPT Language="JavaScript" function ShowList(Num) { var ListBox = document.getElementById("List_" + Num); ListBox.selectedIndex = -1; ListBox.size = ListBox.length; ListBox.style.visibility = "visible"; // いきなりfocusするとonBlurが変に発生するので10ミリ秒後にfocusする。 setTimeout("document.Form1.List_" + Num + ".focus()", 10); } function HideList(Num) { ListBox = document.getElementById("List_" + Num); ListBox.style.visibility = "hidden"; ListBox.size = 1; } function Selected(Num) { TextBox = document.getElementById("Text_" + Num); ListBox = document.getElementById("List_" + Num); // TextBoxをfocusする。ListBoxにonBlurイベントが発生しHideListが呼ばれる TextBox.focus(); var index = ListBox.selectedIndex; TextBox.value = ListBox.options[index].value; } /SCRIPT /HEAD BODY FORM name="Form1" INPUT type="text" name="Text_1" style="width 80" !-- ※本コメントブロックはatwiki表示調整用 -- INPUT type="button" class="ComboButton" value="▼" onClick="ShowList(1)" BR SELECT name="List_1" class="ComboList" style="width 100" onChange="Selected(1)" onBlur="HideList(1)" option value="Item 1" Item 1 /option option value="Item 2" Item 2 /option option value="Item 3" Item 3 /option option value="Item 4" Item 4 /option option value="Item 5" Item 5 /option /SELECT /FORM /BODY /HTML カテゴリ [Program] - trackback- 2009年04月21日 21 38 44 あああ -- あああ (2012-08-28 09 59 42) 名前 コメント #blognavi
https://w.atwiki.jp/myrenshu/pages/46.html
No. HP ATK No. HP ATK No. HP ATK No. HP ATK No. HP ATK No. HP ATK
https://w.atwiki.jp/sampleisbest/pages/479.html
開発環境 メモ帳 実行環境 Microsoft Edge
https://w.atwiki.jp/sampleisbest/pages/486.html
開発環境 メモ帳 実行環境 Microsoft Edge
https://w.atwiki.jp/sampleisbest/pages/481.html
開発環境 メモ帳 実行環境 Microsoft Edge
https://w.atwiki.jp/aias-jsstyleguide2/pages/16.html
Closure Linterの使い方 このページは http //code.google.com/intl/ja/closure/utilities/docs/linter_howto.html の日本語訳です。 Closure LinterはJavaScriptのコードスタイルがGoogleのスタイルガイドに適合しているかをチェックするツールで、Google自身が提供しています。またエラーを警告するだけでなく、エラー箇所を自動的に修正してくれる機能も持っています。 このドキュメントは Closure Linter のインストールと利用の仕方を解説するものです。 Closure Linter のインストール Closure Linter のインストールには、Python のeasy_installユーティリティを使ってください。 Linux LinuxにClosure Linter をインストールするには、以下のコマンドを実行してください。 $ cd /tmp /tmp$ sudo easy_install http //closure-linter.googlecode.com/files/closure_linter-latest.tar.gz Mac OS X Mac OS XにClosure Linter をインストールするには、以下のコマンドを実行してください。 $ sudo easy_install http //closure-linter.googlecode.com/files/closure_linter-latest.tar.gz Windows Windowsに Closure Linter をインストールするには Windows版Pythonをダンロード、インストールします。 Easy Installをインストールします。 以下のコマンドを実行します。 > easy_install http //closure-linter.googlecode.com/files/closure_linter-latest.tar.gz 注意 Closure LinterのWindowsサポートは試験的です。 スタイルの問題点を発見する Closure Linterで単独のファイルを処理するには、こうします $ gjslint path/to/my/file.js このような結果が得られます Line 46, E 0110 Line too long (87 characters). Line 54, E 0214 Missing description in @return tag Line 66, E 0012 Illegal semicolon after function declaration Line 150, E 0120 Binary operator should go on previous line "+" Line 175, E 0011 Missing semicolon after function assigned to a variable Line 210, E 0121 Illegal comma at end of array literal Line 220, E 0002 Missing space before " " ディレクトリ全体を再帰的にチェックすることもできます。こうしてください $ gjslint -r path/to/my/directory デフォルトでは、Closure Linter はJsDocアノテーションが正しく記述されているかをチェックします。もしあなたのプロジェクトでJsDocアノテーションが無いことをチェック対象にしたくなければ、次のようにして機能を無効にしてください $ gjslint --nojsdoc -r path/to/my/directory このフラグによってJsDocアノテーションの有無はチェックされなくなりますが、記述されているJsDocアノテーションの内容が正しいかどうかの検証は相変わらず行われます。 --strict フラグ もしスペースの使い方やJsDocの型、@authorタグなどについて Closure Linter により厳格なルールを適用させたければ、--strictコマンドラインフラグを使用してください。またClosure Libraryにコードを寄贈する場合は、--strictを必ず使わなければなりません。 訳注 --helpフラグを使って、利用可能なオプションの完全なリストを参照することができます。 スタイルの問題点を修正する 上に示したどのコマンドでも、gjslintをfixjsstyleに置き換えると、gjslintによって検出されたエラーの多くを自動的に修正することができます。 例えばこのようにします $ fixjsstyle path/to/file1.js path/to/file2.js fixjsstyleを使用する前に、ファイルをバックアップするか、それらをソース管理システムに保管しておくべきです。あなたが望まないようなかたちでスクリプトが改変されてしまう可能性もあるからです。 訳注 --helpフラグを使って、利用可能なオプションの完全なリストを参照することができます。
https://w.atwiki.jp/suddenbrigade/pages/21.html
Google Apps Script開発メモ 結局ごりごり書いたので、その作業メモ置き場です。 ライブラリ化しました。閲覧許可は出してます。 SB2Libプロジェクトキー:MbZ6VCBNjPkpbgJLep1jyO_cPDIz7V91U 戦術(職業)はこれまで募集分+αにしか対応してませんロードランナー、軽歩兵、ファンタジーアーチャー、ファンタジーシーフ、ファンダジーダンジョンアタック、ファンタジーウォリアー、ファンタジーマジシャン 参考リンク Google Script Apps全般Google Apps Script:本家(英語)、リファレンスあり Google Apps Lab Google Apps Scriptの開発手法まとめ 逆引きGoogle Apps Scriptリファレンス GASのライブラリを使って楽したい① とりあえず使ってみる_( 3」∠)_ Google Apps Scriptで作った関数類をライブラリ化しよう アドオン関係アドオン・プログラムを作ろう! (1/5) スプレッドシート系Google Apps Script で Spreadsheet にアクセスする方法まとめ Google Apps Script で Spreadsheet のセルのデータ操作についての備忘録 AppsScriptでスプレッドシートのセルにフォーマットを設定する フォーム系googleのフォームについて フォームの回答を事前入力する その他Google Apps Scriptで使えるメッセージボックスあれこれ Underscore.js入門 (全10回) - プログラミングならドットインストール JavaScript入門 JavaScript リファレンス Google JavaScript Style Guide 和訳
https://w.atwiki.jp/yamjack/pages/24.html
文字列の連結は「+」を使う var s = "Hello" + " " + "world"; 数値演算は+ - * / % インクリメント/デクリメント i++ j--も使える。 i+=2 もOK。 i++; // i=i+1; j--; // j=j-1; i+=2; // i=i+2;
https://w.atwiki.jp/m_shige1979/pages/1043.html
AjaxでXMLデータで処理を行う 概要 AjaxをGETメソッドで送信する クライアント Html !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http //www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / title テストサイト /title script type="text/javascript" src="./ajax_test.js" /script /head body form name="fm" input type="button" value="XML取得" onclick="asyncSend()" / /form br / div id="result" /div /body /html javascript // リクエストオブジェクトを取得 function getXHR(){ var req; try{ req = new XMLHttpRequest(); }catch(e){ try{ req = new ActiveXObject( Msxml2.XMLHTTP ); }catch(e){ req = new ActiveXObject( Microsoft.XMLHTTP ); } } // 返却 return req; } // Ajax送信処理 function asyncSend(){ // リクエストオブジェクトを取得 var req = getXHR(); // コールバック関数を定義 req.onreadystatechange = function(){ // オブジェクトエレメントを取得 var result = document.getElementById( result ); // 通信完了ステータスチェック if(req.readyState == 4){ // リクエストステータスチェック if(req.status == 200){ // XMLデータを取得 var doc = req.responseXML; // エレメントを取得 var nodes = doc.getElementsByTagName("Result"); // データ数をチェック if(nodes.length = 0){ result.innerHTML = "合致するデータはありませんでした。"; }else{ // ULエレメントを作成 var ul = document.createElement( ul ); // ノードの数繰り返す for(var i = 0;i nodes.length;i++){ // nodeを取得 var node = nodes.item(i); // 属性値を取得 var attriValue = getAttribute(node, date ); // 新規のLIエレメントを取得 var li = document.createElement( li ); // タイトルのテキストデータを取得 var name = getNodeValue(node, name ); var key = getNodeAttribute(node, name , type ); var dob = getNodeValue(node, dob ); var price = getNodeValue(node, price ); var label = attriValue + "[" + name + "(" + key + ")" + " " + dob + price + "]"; // テキストエレメントを取得 var title = document.createTextNode(label); // LIエレメントへ追加 li.appendChild(title); // ULエレメントへ追加 ul.appendChild(li); } // resultの値を変更 result.replaceChild(ul, result.firstChild); } }else{ // 通信失敗 result.innerHTML = "サーバエラーが発生しました。"; } }else{ // 通信完了前 result.innerHTML = "通信中…"; } } // サーバとの非同期通信を開始 req.open( GET , http //localhost.testweb01/ajax_xml_test.php , true); req.send(null); } // 指定タグのテキスト値を取得する function getNodeValue(current, name){ var node = current.getElementsByTagName(name).item(0); return node.firstChild.nodeValue; } // 指定タグの属性値を取得 function getNodeAttribute(current, name, key){ var node = current.getElementsByTagName(name).item(0); return node.getAttribute(key); } // 指定ノードの属性値を取得する function getAttribute(current, name){ var node = current.getAttribute(name); return node; } サーバ php ?php header("Content-Type application/xml; charset=utf-8"); echo HTML_EOF ?xml version="1.0" encoding="UTF-8"? ResultSet Result date="20110101" name type="A" Madness1 /name dob 1 February 2004 /dob price 150 /price /Result Result date="20110102" name type="B" Madness2 /name dob 1 February 2005 /dob price 200 /price /Result Result date="20110103" name type="C" Madness3 /name dob 1 February 2006 /dob price 170 /price /Result /ResultSet HTML_EOF; ? 結果 初期表示 押下