JavaScriptで覚えておくとよいデータ構造 - 配列・オブジェクト - いろいろ解析日記
JavaScriptで必要なデータ構造の覚書です。 目次 配列 配列を生成する。 配列にデータを追加する。 配列にデータを格納する。 配列からデータを取得する。 配列中のすべてのデータに同じ処理をする。 オブジェクト オブジェクトを生成する。 オブジェクトにデータを格納する。 オブジェクトからデータを取得する。 オブジェクト中のすべてのデータに同じ処理をする。 関連記事 配列 配列は複数件のデータを扱うためのデータ構造です。 ■配列を生成する。 配列の生成は以下のように行います。 var 配列の名前 = []; var 配列の名前 = [ データ, データ, … ]; 配列の生成では、配列の名前を指定します。 もし、生成時にデータを格納する場合に、[]内にデータを指定します。 なお、JavaScriptでは配列の生成時にサイズを指定しません。 例えば、空の配列array1を生成するには、以
複数のバナーをランダムに表示するJavaScript | かえラボBlog
全部で5個登録されたバナーのうち、ランダムに3個を選択して表示する、というスクリプトについて。 案件で必要に迫られて書いたのですが、あまりにイケてないコードになってしまったので改良したものをここで公開します。イケてないコードで公開してしまった懺悔みたいなものです。 処理の流れとしてはこんな感じ。 5個のHTML文字列が入った配列(1)からランダムに1個取り出して、表示用変数に格納 残りの4個を新たに作った配列(2)に格納 配列(2)からランダムに1個取り出して、表示用変数に格納 残りの3個を新たに作った配列(3)に格納 配列(3)からランダムに1個取り出して表示用変数に格納 表示用変数を使って出力 これをベタッと処理の順そのまんまに書いたらこうなった、というイケてないやつ。 サンプル1 var contentHtml = [ '<li><a href="#"><img src="bnrs
お役立ちツール：バナーをランダムで表示
ポイントサイト等の登録バナーを、ランダムで表示するためのスクリプトを作りました。 左の方の、「ランダムピックアップ」に表示しているものがそれです。 ・表示するバナーの個数を自由に指定できます ・ページを表示するたびに、ランダムで選択されます ・バナーの上と下に、メッセージを追加できます (なしも可) 広告バナー等にも使えると思うので、よければ、使ってみてください。 一応、お断りを。 ご利用は、自己責任でお願いします。正常に動作するよう作っておりますが、ご利用によって何らかのトラブルが発生しても、当方は、一切の責任を負いません。ご了承頂きたく。 【使い方】 ■ スクリプトの貼り付け 以下のスクリプトを、コピーして、ブログのプラグイン等に貼り付けて下さい。 テキスト部分をクリックした後、右クリックメニューの「すべて選択」を選んで、コピーして頂くと楽です。 バナーの部分は、サンプルが入ってます。
javascriptで、0〜10のうちの2つの整数をランダムに生成するスクリプトを教えてください。
javascriptで、0〜10のうちの2つの整数をランダムに生成するスクリプトを教えてください。
えんじに🐈にゃーん💉💉💉 on Twitter: "JScriptで最も便利な機能は? と聞かれたら、 document.uniqueID だと思う。 uniqueID は IEの判別, リロードの判別, ノードを一意に特定する機能を兼ね備えた愛すべき奴です"
JScriptで最も便利な機能は? と聞かれたら、 document.uniqueID だと思う。 uniqueID は IEの判別, リロードの判別, ノードを一意に特定する機能を兼ね備えた愛すべき奴です
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
「Web AI」ライブラリの使い方と内部仕様 － Web上のデータからJavaScriptだけで人工無脳を作成
はじめに いつもは「創活ノート」でマンガを描いている柳井です。その裏ではゴリゴリとコードを書いています。そんな私のマイブームはJavaScript。今年は「マンガで分かるJavaScript プログラミング講座」を描いてネット上で公開したこともあり、JavaScriptづいています。 こういったマイブームの流れに乗り、少し前にJavaScriptの新しいライブラリ「Web AI」を開発してリリースしました。Web上の情報を利用して、JavaScriptで人工無脳的なプログラムを書くためのライブラリです。データベースを持つことなく、ユーザーの入力に対してネット上の情報を収集して、インテリジェンスな振る舞いをするための各種命令が収録されています。 以下のサイトで、「Web AI」ライブラリのダウンロードや、サンプルの確認、リファレンスや全ソースコードの閲覧が行えます。 「Web AI」ダウンロ
新JavaScript例文辞典
このページはJavaScriptの例文／サンプルを掲載しています。なお、対象としているのは基本的にWeb標準ブラウザ (Firefox, Safari, Google Chrome, Operaなど) としているため標準仕様から外れているInternet Explorer 6～8では動作しないものがあります。Internet Explorer 8より前のバージョンに関しては以前のJavaScript例文辞典を参照してください。このサイトではInternet Explorer 8以降には、ある程度対応しています。IE9からはCanvasなどHTML5関連APIにも対応しています。 iPhone/iPadおよびAndroid 4もHTML5に対応しています。ただし、Android 2.xに搭載されている標準ブラウザでは対応していないAPIが多いため、ほとんど動作しません。 カテゴリ内のページの
Sencha Presents Sencha Touch
業界初のHTML5モバイルアプリ用フレームワーク Sencha Touchを使えばタッチスクリーンを装備したApple iOSや Android端末上でネイティブアプリのようなWebアプリが開発可能です。 Web標準技術に準拠 Sencha TouchはHTML5、CSS3、JavaScriptに特化した世界初のアプリケーションフレームワークです。SSencha Touchはこれらの技術が持つ力を最大限に引き出し、かつ柔軟で最適化されたアプリケーション開発を可能にします。Sencha Touchでは、音声や動画を組み込む為のコンポーネントやデータをオフラインでも利用可能にするlocalStorageプロキシーなどでHTML5の機能が利用されています。またSencha TouchのスタイルシートではCSS3を最大限活用してとても堅牢なスタイリングレイヤーを実現しています。 このライブラリはそ
Quick Tip: Detect CSS3 Support in Browsers with JavaScript | Envato Tuts+
Get every type of asset for any type of project, and access to AI tools From $16.50/m
JavaScriptで画面サイズを取得する | かえラボBlog
screen.width 画面幅 ： screen.height 画面高 ： screen.availWidth 有効画面幅 ： screen.availHeight 有効画面高 ： window.innerWidth 表示領域幅 ： （IE非対応） window.innerHeight 表示領域高 ： （IE非対応） window.outerWidth ウィンドウ幅 ： （IE非対応） window.outerHeight ウィンドウ高 ： （IE非対応） $(window).width() 表示領域幅 ： $(window).height() 表示領域高 ： document.documentElement.clientWidth 表示領域幅 ： document.documentElement.clientHeight
Temporary Maintenance
Website Recovery in Progress Following a severe cyberattack, our systems have been successfully recovered. We are currently performing final security checks and maintenance to ensure the safety, integrity, and reliability of our services. The website will be brought back online shortly once all verification procedures have been completed.
【コラム】イマドキのIDE事情 (94) 最強のJavaScript IDE「WebStorm」を試してみる | エンタープライズ | マイコミジャーナル
JavaScriptのIDE事情とWebStorm Ajaxの普及と共にJavaScript向けのIDEとしてAptanaや、EclipseのJSDTなどさまざまなものが登場してきた。こしかし、「これが決定版」と呼べるIDEは存在しなかったのが実情だ。 WebStormはIntelliJ IDEAでお馴染みのJetBrains社が提供するJavaScript向けのIDEで、他のJavaScript向けIDEと比べ、非常に優秀なコード解析機能や補完機能を備えており、現在存在するJavaScript向けIDEの中では頭一つ抜けた存在といえる。有償の製品ではあるものの、45日間は無料で使用が可能だ。また、オープンソース開発者には無償でライセンスが提供されている。 図1 WebStormのスプラッシュスクリーン 優秀なコード解析・補完機能 JavaScriptは柔軟な記述が可能なため、IDEによっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://aquosus.ddo.jp/lab/js/20101212/index.html
http://html5.labs.ap.org/
HTML5とJSでWEB上に綺麗な楽譜が書けるライブラリ「VexFlow」:phpspot開発日誌
Nodejs Introduction
iPhone フルスクリーンモードとJavaScriptについて
function オブジェクトについて
WebStorm: The JavaScript and TypeScript IDE, by JetBrains
