10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう
久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは？ モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015（ES6）の登場で大きく変わりました。JavaScript開発の学習がいかに難しいか愚痴をこぼす記事がたくさんありますが、無理もないことです。 本記事ではモダンJavaScriptを紹介します。JavaScriptの進展を解説し、フロントエンドWebアプリケーションを作るために使われているツールや手法の全体像を確認します。JavaScriptを学び始めたばかりの人や、以前は使っていて数年間離れたため変化を知りたい人はぜひ読んでください。 Node.jsについて Node.jsは
Backbone.JSからAngular2まで、全9大JavaScriptフレームワークを書き比べた! - paiza times
(English article is here.) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 ウェブ開発に欠かせないJavaScriptフレームワークですが、日々発展しておりReact.js, Ractive.js, Aurelia.js, AngularJS2.0など次々と新しいフレームワークが出てきています。 一体どれを使えばいいのか？何が違うのか？何から調べていいのか迷うことがあります。 そこで、現時点で事実上全てとなる、９大主要フレームワークについて、実際に使ってみて比較を行います。 Backbone.js Ember.js Knockout.js AngularJS(1.x) React.js Ractive.js vue.js Aurelia.js AngularJS2.0(アルファ版) これらのフレームワークでは、以下のような機能が実現さ
初心者がブラウザーでデバッグするための基礎知識
4月に新入社員としてWeb制作会社やSIerに入社した方も、開発業務に携わるようになり、HTML／CSS／JavaScriptを使ったフロントエンド開発を始めた方も多いかと思います。HTML／CSS／JavaScriptはWebブラウザーの上で動かせるので、気楽に開発が始められる半面、「デバッグが難しい」「不具合原因の特定が難しい」「どこにミスがあるのか分からない」というような話をよく聞きます。 そんなときに役に立つのがブラウザーに付属している「開発者ツール」です。「開発者ツール」を上手に使うと、不具合の原因特定を効率的に行えます。以下のように現行の全ての主要なブラウザー（Mozilla Firefox／Google Chrome／Microsoft Internet Explorer／Apple Safari）は「開発者ツール」を持っています。ブラウザー自体が無料ですので、もちろんこれら
Smooth Zoom Pan - jQuery Image Viewer
This is a javascript / CSS based image viewer prepared to display product photos, maps or any image within custom small area. Can be configured and implemented in web pages with simple copy / paste steps. Supports all major touch enabled devices and platforms iOS, Android and Windows. More than 30 parameters available to customize, yet a standard version can work simply with 2 values: $('#yourImag
Cover Flow
Cover Flow is a 3D virtual environment for displaying graphic elements (see GUI), which became known as navigation for music collections. The covers of the music albums are positioned virtually in a row. Like in a catalogue, you can browse through a music collection with an input device (e.g. with the mouse). Cover Flow was developed by the company Steel Skies, the latest version of which was avai
PanoJS3 - 巨大画像をGoogleマップのように表示するJavaScriptライブラリ - QTVR Diary - 京都・日本・世界のパノラマムービー情報
ネタ元は、こちら。 □ 大きなパノラマ写真をGoogleMap風インタフェースで拡大縮小させられるライブラリ「PanoJS3」:phpspot開発日誌 巨大な画像、特に高解像度パノラマのような膨大な容量の画像データを、エンドユーザーの端末でストレス無く読み込ませる方法に「多段解像度読み込み方式（Multi Resolution Loading）」があります。老舗としては「Zoomify」が挙げられますね。このブログでも大昔にさんざんご紹介してきたかと思います。しかしこのご時世、iPhoneやiPadの人気に押されて脱Flashの波に抗うことは出来ません。 但しこの技術はどちらかというと、FlashよりJavaScriptによる表示の方が発達していったかもしれません。それが「Googleマップ」です。 「AJAX」と呼ばれるJavaScriptによる非同期通信技術を一躍有名にしたこの
jQueryを使ったタブメニューの実装サンプルまとめ
**追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日！ 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery本体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI (このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 [html] [/html] さっそく使ってみる 本文にhtmlを追加。 [html] タブ1 タブ2
ぷぎえもん日記 |CakePHPの練習：JSのライブラリを読み込むとか
CakePHP2.0でjQueryでも使ってみようと思いまして、読み込もうとしたらうまくいきませんでした。 まずは検索してどこかのブログから拾ったものをそのまま書いてみました。 <?php echo $javascript->link('jquery.min.js', false); ?> すると Notice (8): Undefined variable: javascript [APP/View/Layouts/default.ctp, line 35] Fatal error: Call to a member function link() on a non-object in .... ﾉ Ｌ＿＿＿_ ⌒ ＼ ／ ＼ ／ （○） （○）＼ ／ （__人__） ＼ | |::::::| | どういうことだお ＼ l;;;;;;l ／
Latest topics > prototype.jsでラジオボタンの選択された値を取得する - outsider reflex
Latest topics > prototype.jsでラジオボタンの選択された値を取得する 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « 矛盾を認めない理屈っぽい人間というよりも、馬鹿正直な人間という方が、適切な気がする Main 無駄にprototype.js » prototype.jsでラジオボタンの選択された値を取得する - Mar 16, 2006 prototype.js 1.4.0を使っていることを前提として。 ラジオボタンというのは、こういう奴のことだ。 <label><input type="radio" name="dummy" value="1" />項目1</label> <label><input type="ra
JavaScriptにおけるオブジェクトの基本的性質
はじめに JavaScriptはオブジェクト指向言語です。従って、そのプログラミングは、オブジェクトの生成やプロパティの参照、メソッドの実行などを組み合わせる作業と言えます。つまり、オブジェクトを上手く扱うことができなければ、JavaScriptの良いコードは書けません。また、JavaScriptにおけるオブジェクトの考え方は、JavaやC++とは根本的に違っています。 そこで、この記事では、JavaScriptにおけるオブジェクトの基本的な性質について見ていくと共に、JavaやC++といった他のオブジェクト指向言語との違い、JavaScriptにおけるオブジェクトの扱い方などを解説していきたいと思います。 なお、この記事はJavaScriptの解説ですが、その内容は、標準仕様のECMAScriptで扱われる範囲に基づいています。従って、同じくECMAScriptを元にしている言語（JSc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Calling jQuery method from onClick attribute in HTML
JavaScript + Ajax 実践サンプル集 - モダルダイアログ
Home | Zoomify™
solidstate.jp