イマドキのJavaScriptの書き方2018
PySpa統合思念体です。これからJavaScriptを覚えるなら、「この書き方はもう覚えなくていい」（よりよい代替がある）というものを集めてみました。 ES6以降の難しさは、旧来の書き方にプラスが増えただけではなく、大量の「旧来の書き方は間違いを誘発しやすいから非推奨」というものを作り出した点にあります。5年前、10年前の本やウェブがあまり役に立たちません。なお、書き方が複数あるものは、好き嫌いは当然あると思いますが、あえて過激に1つに絞っているところもあります。なお、これはこれから新規に学ぶ人が、過去のドキュメントやコードを見た時に古い情報を選別するためのまとめです。残念ながら、今時の書き方のみで構成された書籍などが存在しないからです。 たぶん明示的に書いていても読み飛ばす人はいると思いますが、すでに書いている人向けではありません。これから書くコードをこのスタイルにしていくのは別にいい
JavaScript初級者から中級者になろう
JavaScript。「ジャヴァスクリプト」と読みます。主にWebページに動きを与えるものです。 現在では結構多くのページに使われていますが、その多くはとてもレベルが低く不適切なものです。もっと質の高いJavaScriptを使える人が増えるといいなという思いから、このページを作りました。 初級者の基礎知識 本文を理解するにはJavaScriptの知識がそれなりに要るので、JavaScriptがそもそもあまり分からない人は、この辺を読んでみましょう。 基礎第一回 基礎第二回 基礎第三回 基礎第四回 基礎第五回 基礎第六回 第一章 オブジェクト オブジェクトとは オブジェクトの実体 配列のコピー オブジェクトと関数 第二章 DOMの基礎 HTMLと木構造 DOMとは 基本的な操作とテキストノード 木構造の操作：ノードの除去 木構造の操作：ノードの追加 木構造の操作：さまざまな機能 木構造の操作
ニコニコ動画の検索画面に「もしかして：」を表示するユーザスクリプト - あたご型護衛艦日記
グーグル先生は素晴らしく、検索窓のサジェスト機能もさることながら、検索ワードのスペルミスなどに対し、「もしかして：○○」と正しいであろう検索ワードを表示してくれます。 頭の悪い僕には素晴らしい機能で、「tomorrow」を「tomorow」や「tommorow」などと入力しては毎回訂正されます。 ニコ動の検索でも同じで、「tomorrow never knows」をきちんと入力出来なかったりで、正しい検索結果を得られないことも多々あったりです。 そんな時は、いちいちグーグル先生で検索をかけて、正しいスペルや漢字を調べて入力しなおしていましたが、面倒くさかったのでニコ動の検索結果画面に「もしかして：」を表示できるようにしてみました。 インストール：ここをクリック 導入方法は以前の日記を読むかぐぐってください 使用イメージ ちなみに、タグ検索画面でも、日本語でもきちんとサジェストしてくれます。
コマンドラインからjsのリファレンスを引く - walf443's blog
昨日cpprefを久々に使ったりしていて改めてコマンドラインからリファレンスを(オフラインで)引けるのは便利だなぁと思ったので、ぱっとみないっぽかったので、jsrefというツールを作ってみた。 基本的にはcpprefと同様にサイトのpathを書きかえつつ、scrapingしてきてツールから引けるようにしただけです。ふだん案外jsは書く機会がなかったりしてあまり詳しくないですが、評判は聞くのでMozillaのサイトがよいらしいので、https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference からscrapingしてきています。 実行すると、20-30分くらいはかかってしまうので、orig/以下の入れてしまっています。日本語のマニュアルが欲しい人は、BASE_URLをhttps://developer.mozilla.org/j
HTML5/JavaScriptの遊べるゲームライブラリ「Akihabara」、iPhone/Androidにも対応
HTML5/JavaScriptの遊べるゲームライブラリ「Akihabara」、iPhone/Androidにも対応 「Akihabara」と名付けられたWebサイトで、HTML5のCanvasタグとJavaScriptを用いて開発されたゲーム用ライブラリと、それによって開発されたゲームが公開されています。特にゲームは昔のアーケードゲームを再現したようなものばかりで楽しめます。 開発したのはKesieVと名乗る人物。主に以下のようなライブラリから構成されています。 Gamebox 同時に動く複数のオブジェクトグループを扱うライブライリ。キーボード、ダブルバッファリングなども扱う。現時点で音声には未対応。 Gamecycle オープニング、メニュー、ステージ間のクロスフェードなどのサイクル機能を提供。 Toys シューティングゲームやロールプレイングゲームでよく使う、画面のエフェクトやヘッド
マンガで分かる JavaScriptプログラミング講座
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
JavaScript - MDC Doc Center
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
「目指せ！ウェブマスター」JavaScript講座：画面サイズの取得
今回は画面サイズの取得について説明します。画面サイズは screen.width screen.height で求めることができます。screen.widthは画面の横幅、screen.heightは画面の縦幅を返します。 以下のプログラムは画面の横幅と縦幅をアラートダイアログに表示します。 <html> <head> <title></title> <script language="JavaScript"><!-- w = screen.width; h = screen.height; alert(w+","+h); // --></script> </head> <body> </body> </html> 画面の領域を全て使うことができる場合とそうでない場合があります。特にMacintoshの場合にはメニューバーが画面上部にあるため、画面サイズに合わせてウィンドウサイズを設定した
HTML Standard
Firefox3.5+Safari4+Chrome2+Opera10.6+Edge79+Edge (Legacy)12+Internet Explorer10+Firefox Android?Safari iOS5+Chrome Android?WebView Android?Samsung Internet?Opera Android11+ 10.1 Introduction 10.1.1 Scope This section is non-normative. This specification defines an API for running scripts in the background independently of any user interface scripts. This allows for long-running scripts that are no
ハタさんのブログ : Javascriptによる大規模開発の覚え書き。高速化編
前回書いた「Javascriptによる大規模開発の覚え書き」が凄いことになってました。 今回は、省略した「5.高速化せよ」について書きます。 僕にとってjavascriptは非常に高速な言語です。それは何が高速か 開発速度が高速である 開発速度、及びそこに至るまでの修得速度はとても高速です。動的言語を上手く操る開発者はもちろん、開発に不慣れな(言葉が悪いけど)新人達でさえ「動く」モノをサクっと作ってしまえる。 また、プラットフォーム(? というかブラウザ)が広く普及しているので、ググればスグに問題解決もできる。 それにローカルで簡単に作れる。javascript、それは動作環境を含めて高速です。 高速にUI操作ができる(UI操作が非常に簡単である) swingとかでUI操作をするには多くのオブジェクト操作をしなければならないけど、javascript(もといDHTML)は非常に簡単に
ハタさんのブログ : Javascriptによる大規模開発の覚え書き
未だに半年前のエントリにブクマされるみたいなので、もう少しjavascriptについて書いてみる。 今回は大規模化開発におけるJavascriptの注意点とかそういうの。当てはまらない環境の方もいます。(しかも基本的な事だらけで大したことは書いてないです) ほぼリッチクライアントを主目的としたjavascripterとコードを対象とします。 どちらかというと、ライブラリを提供する側の視点から 1.ログを出力せよ あなたが書いたコードは遅い、と必ず言われます。なので言われる前から、自分の書いたコードの処理時間をログするようにしましょう。 次のような処理時間を計測するロガーを作ります。 var TraceLog = function (){ this.startTime = -1; var outer = document.getElementById('_outer'); if(oute
JavaScriptを高速化する6つのテクニック | エンタープライズ | マイコミジャーナル
Thomas Fuchs, author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a Ruby on Rails core alumnus. Thomas Fuchs氏が6 easy things you can do to improve your JavaScript runtime performanceにおいてJavaScriptの実行パフォーマンスを改善するための6つのテクニックを紹介している。Thomas Fuchs氏はscript.aculo.usの開発者であるとともにPrototypeコアチームのメンバーも務めている。またRuby on Railsでコアチームで開発を担当していたこともある。 JavaScriptエンジン
RIAトピックス 【Javascript】引数にデフォルト値
引数にデフォルト値 【三等兵より】 http://d.hatena.ne.jp/sandai/20100330/p1 Javascriptである関数に引数が渡ってきた場合にはそれを使用し、そうでない場合にはデフォルト値を設定したい場合は↓のようにすればOK。 function func(val) { val = val || デフォルト値; // val を使う処理。 } これは結構使いどころかあるテクニックなので、覚えておくとよいかも。 Javascript Tricks 【技術メモ帳より】 http://d.hatena.ne.jp/lurker/20060811/1155307397 RIAトピックス JavaScriptを高速化する6つのテクニック http://mfria.blog106.fc2.com/blog-entry-1652.html K.Y
JavaScript のコメントを除去 - m2
JSのコメント削除って簡単に書けないかなあ。文字列リテラルとか正規表現リテラルまで考えるとなあ。 http://twitter.com/miya2000/status/11177757376 とつぶやいたところ、有志が実装を投げてくれました。 - まずわたし。最初は「正規表現一発でいけるんじゃない？」とか考えていたのですが早々にあきらめて頭からループすることに。この実装は後に述べる問題があります。 https://gist.github.com/346593/f1880d17e377b07b99944ed6c2a0ceb524d314c2 miya2000 (@miya2000) | Twitter id:Constellation さんはかなり構文解析の領域まで踏み込んでいます。コードを書くのが楽しくってしょうがないという感じでステキです。 http://gist.github.com/
YOUもCSSプロパティ覚えてJavaScript楽しんじゃいなよ - 三等兵
YOUもJSやっちゃいなよー！ジースジュニア(ジースJr.)に入っちゃいなよー！ええ？どんな活動をするかって？そりゃ決まってるよー、歌をうたったりダンスしながらJavaScriptのコーディングするんだよーアーハー！ さあ今日からキミもジースジュニアの一員だよー！やっぱりダイナミックが売りだからね！最新最先端技術（笑）のDHTMLやるよー！ダサイHTMLじゃないよー！死語じゃないよー！最低限これ覚えておくとジースジュニアとしてダイナミックに活躍できるプロパティ覚えたらどうかなーウーハー！ プロパティはここから選ばさせてもらってるZE☆ http://css-happylifezero.com/property/ ダイナミックに使いがちなCSSプロパティ の前にちょっと注意。moonshellというの使ってみました。横▲んとこ押すと実行されます。あとちょっと読み込みに時間かかるかもしれません
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マスカット Project
IDEA * IDEA
Ideone.com
IBM Developer
