旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ - Qiita
はじめに ネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。 その中には、「今時こんな書き方しねえよ…」と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。 そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJavaScriptが書けない皆さんのために、このシリーズの記事では、各セクション毎に分けて、旧石器時代の記述と、現代の記述を紹介する形で、文明開化をしていきたいという思いで記述する。 最初は、現在比較的メジャーなブラウザで一通り動作する「ECMAScript 5」までの内容に関してポエムを書き連ねていき、最終的には一連の内容を読むだけで「ES6(ES2015)」による新機能や、絶賛提案中の「ES7」の一部提案内容についても把握し、おおよそ現代人を育成することを目標とする。 …なんてめっ
各プログラミング言語の解説する改 : IT速報
1: 名無しさん＠おーぷん 2015/04/18(土)18:06:50 ID:uO0 http://hayabusa.open2ch.net/test/read.cgi/news4vip/1429229808/ このスレがクソ適当なので本当のことを伝えたい 各プログラミング言語の解説する 3: 名無しさん＠おーぷん 2015/04/18(土)18:09:11 ID:Xsi ｲﾔｯｫｳw 4: 名無しさん＠おーぷん 2015/04/18(土)18:09:37 ID:C1o 期待 12: 名無しさん＠おーぷん 2015/04/18(土)18:20:51 ID:uO0 じゃあC++とJavaから C++: Cの拡張言語 Cにオブジェクト指向プログラミング支援機能をつけた言語と一般的に認識されているけど、 この「C++のオブジェクト指向プログラミング」が曲者で、アラン・ケイが提唱した「オブジェクト
初心者がWebフロントエンドを高速化するための基礎知識
連載目次 ブラウザーの持つ開発ツールとその使い方を紹介する連載「無料で使えるブラウザー開発ツール入門」の第2回です。初回の「初心者がブラウザーでデバッグするための基礎知識」では、フロントエンド開発を始めた方が、ブラウザーに組み込まれている開発ツールを使ってアプリの不具合を見つけ、修正するためのツールとその基本的な利用方法を紹介しました。 前回紹介した「DOMインスペクター」「スタイルエディター」「JavaScriptデバッガー」を駆使して、不具合の原因特定と修正を行えるようになり、意図通りに動作するアプリを作成できるようになった方も多いのではないでしょうか。 ところが、フロントエンド開発者には不具合の修正と同様、一定のパフォーマンスの確保もアプリ作成で必要とされます。誰もが体験されたことがあると思いますが、「自分の思い通りに動作してはいるのだが、どうにもこうにも遅くてストレスがたまる」とい
JavaScriptでAndroidアプリを開発！ Macでも動くAndroidScript｜Mac - 週刊アスキー
Androidアプリのプログラミング環境「AndroidScript」をご存知だろうか? 最大の特徴は、ウェブサイトやウェブアプリ開発などに用いられるJavaScript言語を採用している点にある。 JavaScriptを使いながらも、独立したAndroidアプリに近い機能や使い勝手を実現したプログラムを実装可能。JavaScript言語の学習用としても適している。現在はベータ版のため、無料で利用でき、搭載されている機能の完成度は高い。 AndroidScriptには、詳しいドキュメントと豊富なサンプルコードが付属している。これに含まれる「Alert」や「LoadText」といった単一機能のサンプルコードは、その場で動作を確認し、コピーして自分のプログラムに張り付けるといったことも可能だ。 これらのサンプルを順に試し、どのような仕組みになっているかを確かめていけば、独自のアプリを作る際に非
たった130行のコードだけでリアルな地形を作り出す
神様もこんなプログラムを使ったに違いない。 Hunter Loftisさんが制作したこのサイトにアクセスすると、リアルタイムで岩でできたような山脈と湖の地形が生成されます。ただの1枚の画像を毎回表示してるだけではなく、毎回ちゃんと計算してレンダリングして、この大山脈を作り出してるんです。ぜひ何度かリロードしてみてください。 インタラクティブなウェブサイトが制作できる｢JavaScript｣が使われており、約130行のコードでたったの約4KB。ドイツのプログラミング大会で優勝した64KBのリッチなCGアニメーションや、たったの4KBのアニメーションを思い出しますよね。 このプログラムで使用しているのは｢ダイヤモンド-スクエア法｣と呼ばれる手法で、正方形を4つに分割していき、その中心点をランダムな位置にずらしていくことで、自然にできたようなフラクタルの図形を作ることができるんです。これはコンピ
700を越えるJavaScriptライブラリを自由に試せるページを作った - 詩と創作・思索のひろば
こちらです ☞ JavaScript Libraries Playground（jQuery 2.1.0 と underscore の例） jQuery や underscore などの JavaScript ライブラリをインタラクティブに試したいとき、最近はブラウザで自分のブログ（ここ）や GitHub など、当該のライブラリがロードされていることを知っているページを開いておもむろに ⎇⌘J（Chrome）！ していたのですがこれは直接的ではないなと思ってそれ専用のページを作った次第です。 冒頭の例にもあるように location.search 部に library[@version],… 形式でライブラリを与えてやればページに <script> 要素が追加されて、あとは開発者コンソールなりでお楽しみください、という仕組みになっています。 cdnjs にはかなり多くのライブラリがホストさ
HTML/CSS/JavaScript初歩の初歩
最近HTML/CSS/JavaScriptなどを初学者の方向けに教える機会がすごく増えきました。初学者の方ができるだけ詰まらずに、効率的に学習するための手順をいろいろな方と相談しながら、書きなおしています。 (11-09 12:45) Progate, atomを追加 導入編🐠 Webサイトを作ることは楽しい！ プログラミング経験ゼロだが180日で180個のウェブサイトを作るプロジェクトがゴールまであとわずかに プログラミング経験0のデザイナーさんが、毎日1つサイトを作っていったお話です。最初はテキストとリンクが並ぶだけのサイトでしたが、少しずつゲームやチャットなどが作れるようになっていきます。 今知っている知識だけで、作れるWebサイトを作っていく。そして、自分の知っている2つの知識を組み合わせたり、1つやりたいコトのためのパーツをGoogleに教えてもらうくらいが、挫折せずに続けられ
はてなブログのJavascriptコメント抽出してたら、なんだかプログラマあるあるネタになってた - Minecraftとタートルと僕
はじめに もふぬこさんの記事がとても面白かったので、興味を持って僕も調べてみた。 はてなブログが遅いのはだいたいJavaScriptのせい - もふぬこ戦記 はてなさんのjavascript http://hatenablog.com/js なお、うちのサイトでは、javascriptの実行はほとんどストレスないですね。 調べるとむしろ、外部サイトのサービス埋め込みの方が重いです。 以下、コメントを適当に抽出 // シェアするサービスが変化したら保存する // ajax getまたはキャッシュから返す // タブ切り替えて戻すだけで通信しないようにするためのやつ // jqXHRではなくDeferredオブジェクトが返ることがあるので使う側で注意すること // セッション終了時に前のajaxをキャンセル // 価格の表示をいい感じにする // 最初に戻すには，rewindPhotosCur
連載インデックス「Node.jsでサーバサイドJavaScript開発入門」 - ＠IT
連載インデックス 「Node.jsでサーバサイドJavaScript開発入門」 いま注目の「サーバサイドJavaScript」の実装の本命として話題を集める「Node.js」。Node.jsとは何かの概要からインストール、実践的な使い方まで解説する連載 サーバサイドJavaScriptの本命「Node.js」の基礎知識 Node.jsでサーバサイドJavaScript開発入門（1） いま注目のNode.jsの概要からインストール方法、Hello World!!の仕方、7つの便利なパッケージ、利用事例まで解説する
jQuery Mobile 1.3β公開。レスポンシブなテーブル、グリッド、追加コンポーネントなど大幅強化
HTML5のマークアップだけでモバイル対応のWebアプリが構築できるJavaScriptフレームワークのjQuery Mobile。レスポンシブWebデザインにフォーカスし大幅に強化された新バージョンjQuery Mobile 1.3βが公開されました。 jQuery Mobile 1.3では、表示幅に対応して自動的にフォーマットが変化する「Responsive tables」や「Responsive grids」、1つのスライダーで値を2つ設定できる「Range Slider」、新しいウィジェットの「Panel」をはじめ、多くの機能追加が行われています。 ブログでは、今回のバージョンでレスポンシブWebデザインにフォーカスする経緯について、以下のように説明しています。 We’ve seen the question “What should I use: RWD or jQuery Mo
独学でプログラマーってなれるもん？ : IT速報
1: 以下、名無しにかわりましてVIPがお送りします 2013/11/27 09:55:09 ID:ypYltbJFi 知識０プログラミングのプの字もわからんけど独学でプログラマーとして仕事できるレベルまでもってくとしたら、どれくらいかかる？ 記憶力理解力は並だとして1日3-4時間は勉強できる時間とれる 4: 以下、名無しにかわりましてVIPがお送りします 2013/11/27 10:01:51 ID:wRPMjYtT0 アパッチ入れてからこい 俺はここで挫折 5: 以下、名無しにかわりましてVIPがお送りします 2013/11/27 10:04:45 ID:6VUW+8wf0 これまでの経験にもよる 数学の証明得意とか、フローチャートで物事整理できるとか、英語読めるかとかな 13: 以下、名無しにかわりましてVIPがお送りします 2013/11/27 10:16:41 ID:ypYltb
50行で作る、HTML5+JavaScriptな簡単ライフゲーム【プログラミング】 - あのねノート。
2013-09-14 50行で作る、HTML5+JavaScriptな簡単ライフゲーム【プログラミング】 やり方 はじめに。 ライフゲームを知っていますか？ライフゲームは世界でとっても有名なシュミレーションゲームです。Wikipediaによると、 1970年にイギリスの数学者ジョン・ホートン・コンウェイ (John Horton Conway) が考案した生命の誕生、進化、淘汰などのプロセスを簡易的なモデルで再現したシミュレーションゲームである。 らしいです。 眺めているだけでもさまざまなパターンを観測することができてとても興味深く、魅力的なゲームです。 見つけだすのに賞金も賭けられたという「グライダー銃」というパターンは特に有名ですね。 もっとライフゲームについて詳しく復習したい方は秀逸なWikipediaのページを見ることを薦めます。 ライフゲーム - Wikipedia また、ライフ
すごいぞkonashi！JavaScriptで基板を簡単操作。 - 着ぐるみ追い剥ぎペンギン
iPhoneからBluetooth経由で基板を操作することができる「konashi」。 konashiは日本の会社・ユカイ工学で開発されたフィジカル・コンピューティングキットです。 フィジカル・コンピューティングというのは、現在はコンピュータを操作するにはマウスやキーボードを使っていますが、センサーなどを使って、以外にも人間とコンピュータとの意思疎通の幅を拡げることです。 といいつつ、僕も全くの専門外なのでよく分かっていません。すみません。 とりあえず、「iPhoneを使った電子工作が簡単に出来る」くらいの認識でノリで買ってしまいました。え、c言語書けなくていいの？くらいのノリです。 早速、konashiが届いたので試してみました。 konashi開封の議 注文して数日で届きました。こんなシンプルな箱に入ってきました。 中身はこれだけです。この右上がkonashi。 下にあるリチウム電池と
JavaScriptテストの基礎知識と使えるフレームワーク6選
JavaScriptテストの基礎知識と使えるフレームワーク6選：フレームワークで実践！ JavaScriptテスト入門（1）（1/3 ページ） しっかりとJavaScriptの“テスト”を行うために、最近のJavaScript事情やテストを取り巻く環境、今注目のテストフレームワークを6つ紹介する JavaScriptでもテストを書こう ＠ITの読者の方たちのほとんどは、どのような言語を主に利用しているのかなどの違いはあるにせよ、日常的にプログラムを書いている方たちが多いかと思います。 アプリケーションを作る、ライブラリを作成する、オープンソースプロジェクトに貢献するなど、皆さんがプログラムを書く場面はそれぞれいくつかあるはずです。それらプログラムを書く場面に共通して大切な習慣の1つとして、「作成するプログラムに対しては必ずテストコードを書く」ことがあるのは、誰にでも同意してもらえることでし
JavaScriptの著作権侵害で弁護士さんに相談した時のはなし : ねこの足跡 Revenge:
もう何年も前になりますが、 以前開発してたプログラムを同業他社がコピペして使っていたのをたまたま発見し、頭に来て弁護士さんに相談したときのお話しです。 あたしってほんとバカ ある日、いつものようにお昼ごはんを食べながらニュースサイトを眺めていると、新しく競合他社がサービスを開始したというので早速チェック。 ふむふむ。中々よく出来てるなぁと感心しながら触っていたのですが、不思議なことに使えば使うほどデジャブに襲われたんですよ。どっかで見たことあるな、これ…と。 「……まさかな」と思いながらおもむろにブラウザの「ソースを表示」した瞬間我が目を疑いました。フレームワークも、もちろんそれを使ったコードもほぼそのまま。ご丁寧に変数名までバッチシ同じ。十中八九コピペされてると核心しました。思わずセブンのおでん吹くかと思いましたよ。危ない危ない。 悔しいじゃないですか。 表に見えるコードはJavaScr
クライアントサイドMVCについて喋った - mizchi log
月曜日のclient-side templating 勉強会 http://atnd.org/events/28189 で喋った内容をうろ覚えに書き出す。 クライアントMVCが求められるようになった背景 AJAXの流行 PushStateの流行の兆し メディア系のゲームで使えるAPIの充実 今まではページ遷移の度にJSのオブジェクトを破棄していた。 => シングルページでリッチなコンテンツが作れるようになり、JSのやることが増えた PushStateとは 遷移なしにURLを書き換える技術。HTML5 History API。 Twitter, Github, Facebook URLを書き換えるだけなのでコンテンツ(DOM)の操作はアプリ製作者に一任されている。 大規模なHTML書き換えに、クライアントサイドテンプレーティングが重要になってきた。 PushStateのライブラリ defun
とほほのJavaScriptリファレンス
とほほのJavaScriptリファレンス [戻る] [索引] 基本編 JavaScript って何？ JavaScript とは？ JavaScript と Java の関係は？ ECMAScript とは？ JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023(ES14) の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう JavaScript の書き方 <script>～</script>
マンガで分かる JavaScriptプログラミング講座
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PC
一撃必殺JavaScript日本語リファレンス