タグ

JavaScriptに関するsnowlongのブックマーク (15)

  • Knockout : Contacts editor example

    Source code: View <h2>Contacts</h2> <div id='contactsList'> <table class='contactsEditor'> <tr> <th>First name</th> <th>Last name</th> <th>Phone numbers</th> </tr> <tbody data-bind="foreach: contacts"> <tr> <td> <input data-bind='value: firstName' /> <div><a href='#' data-bind='click: $root.removeContact'>Delete</a></div> </td> <td><input data-bind='value: lastName' /></td> <td> <table> <tbody dat

    snowlong
    snowlong 2016/09/15
    これよい
  • DOMContentLoaded周りの処理を詳しく調べてみました - Qiita

    利用者が一定数いるIE6,7,8を除いて、現在利用されているほぼ全てのブラウザで標準仕様として扱えるようになっています。2006年ごろから登場したjQueryの$(document).readyは有名ですが、この存在もDOMContentLoadedが正式に取り入れられるきっかけの1つになっています。 2. jQueryのreadyとの違い HTML5で定義されているDOMContentLoadedとjQueryの$(document).readyは、DOMツリーの構築が完了したことを判定するという点で役割は一緒といえます。ただ、jQueryは古いバージョンのブラウザをサポートするためにDOMContentLoadedを使わないready判定の実装を行っていました。 1. jQuery Core 1.0のready判定(1.0から1.2.1まで) jQyer Core 1.0を見るとIE/

    DOMContentLoaded周りの処理を詳しく調べてみました - Qiita
  • 旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section2 ~CommonJSモジュールと仲良くなろう~ - Qiita

    はじめに この記事は「旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門」の2つ目の記事です。 シリーズの最初から読みたい方は 旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ~すぐにでも現代っぽく出来るワンポイントまとめ~ へどうぞ。 また、このシリーズではECMAScript5を概ね対応するブラウザを対象としています。 もっと平たくいうと、IE8以下は切り捨てます。ご了承ください。 そしてプロによるマサカリ 対策として一つ重要な注意書きをします。 この記事中で出てくる「CommonJSモジュール」という表現は全て「CommonJSのModules 1.0仕様をベースとして、Node.jsが独自に拡張したCommonJS派生のモジュール仕様及びインターフェース(require/exports

    旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section2 ~CommonJSモジュールと仲良くなろう~ - Qiita
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
  • Webに生まれてWebを席巻するプログラミング言語・JavaScript | ジーンコード

    坂田さんの前回記事「JavaScript runs on GeneCode Server.」は、ジーンコードとJavaScriptの関係を述べたものでした。その前回記事の、次の一節を敷衍したいと思います。 我々をApacheからJavaScriptをコールするという技術的困難に挑戦させたものは、JavaScriptこそがクライアントやサーバーの枠を超えた未来のメジャー言語になるだろうという予測があるからです。 内容: 10日間で急造されたプログラミング言語 超高速な処理系達 Web言語の共通ターゲット言語としてのJavaScript 10日間で急造されたプログラミング言語 めまぐるしく変化すると思われているITの世界において、プログラミング言語は、驚くほどに寿命の長いものです。いまだ現役のFortranをバッカスが考案したのは1954年ですし、関数型言語の嚆矢Lispは、マッカーシーにより

    Webに生まれてWebを席巻するプログラミング言語・JavaScript | ジーンコード
    snowlong
    snowlong 2013/12/28
    10日間で設計!
  • ロケタッチ鉄道情報APIをJSONPで処理するサンプルプログラム

    日16時24分、「livedoor Techブログ : 鉄道情報APIをロケタッチでリリースしましたのお知らせ」というエントリがアップされました。 鉄道情報 APIとは、日国内の鉄道路線や鉄道駅を検索する事が出来るAPIです。詳しいAPIの仕様については、「提供API一覧 | ロケタッチ Developers」に掲載されています。 路線の駅一覧データに関しては、JSONデータのみでなく、JSONPデータでも取得できます。JSONPとは、「JSON with Padding」の略で、詳しくは下記ページをご覧下さい(Googleでは「json-in-script」などとも呼ばれています)。 はじめてのJSONPプログラミング JSONPに関するメモと便利そうなページのリンク集 JSONPでデータを取得できるということは、PHPPerlなどのサーバーサイドのスクリプトを作成しなくても、クラ

    ロケタッチ鉄道情報APIをJSONPで処理するサンプルプログラム
  • W3Schools Online Web Tutorials

    W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999

    W3Schools Online Web Tutorials
  • 最強オブジェクト指向言語 JavaScript 再入門!

    この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。 【対象者】 ・JavaScript でアプリケーションを構築できる方 ・JavaScript におけるオブジェクト指向プログラミングの 実現手法や原理への理解を深めたい方 ・Java 的なクラスベースの言語との違いに違和感や混乱を 感じてらっしゃる方Read less

    最強オブジェクト指向言語 JavaScript 再入門!
    snowlong
    snowlong 2013/07/03
    おもしろい
  • jquery小技まとめ32

    作成:2013/07/1 更新:2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー(Google Analytics関係とか)なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール 1.ページ内リンク/フッターまわり/トップに戻る 2.パララックス スライド 3.カルーセル 4.レスポンシブなスライダー 5.ヌルヌルサクサクなスライドメニュー 6.サムネイル付きクロスフェードスライドショー 補助 7.Google Ana

    jquery小技まとめ32
  • イヌでもわかるJavaScript講座

    このJavaScript講座はプログラミング知識がない人もサンプルをただ埋め込めば使えるように作られています。ステップの段階で少しずつJavaScriptを説明していきますので、各ステップの内容がすべて把握できなくても、あとでわかってくると思います。えっ?と思う個所があっても、それはそのステップの趣旨ではないところですので、その個所はどこかのステップで説明します。深く考え込まずに、各ステップを適当にすすめていってください。 なお、講座のサンプルを使ってHTMLファイルがぶっ壊れたり、マシンから煙や火が出ても一切責任を負いません。バックアップはこまめにしましょう。(^^; また、サンプルを無断で使用することを禁じるわけがありません。勝手に許可無く使ってください。

  • あなたのソースコードを彩る、Syntax Highlighterまとめ | Blog.37to.net

    home blog labs about contact Web・コンピュータ > あなたのソースコードを彩る、Syntax Highlighterまとめ Syntax Highlighter ソース ブログ 作成: 2007-06-30T19:14:27+09:00 更新: 2009-04-29T00:31:57+09:00 ブログに貼り付けたソースコードを分かりやすく見せたい! というのはコードを書くブロガーなら誰でも思うはず。 最近はコードを書いてもそのまま貼り付けるだけになってしまっていましたが、やはりソースコードは色づけされて分かりやすい方がいい。 何故かまとまった情報が無いようなので、まとめてみました。 ちなみに、ライブラリを選ぶ最中にまとめたので、どのツールも未使用なのであしからず。 JavaScriptJavaScriptを使って自動で色分けしてくれるようなツール。 元

  • マンガで分かる JavaScriptプログラミング講座

    はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 (マンガは、左上から右下へと読みます) プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ

    マンガで分かる JavaScriptプログラミング講座
  • Google AJAX Feed APIではてなブックマークの人気エントリーを表示

    この度若干リニューアルして、フッターにはてなブックマークの人気エントリーを10件表示しました。今回はその表示方法を1つ紹介します。ブログパーツもあるけどデザインがちょっと、、という方はぜひご活用ください。 このRSSフィードを表示させると人気エントリー一覧となります。表示の方法はphpJavaScriptになると思いますが、このブログはFC2ブログを使ってるので今回はGoogle AJAX Feed APIを使ってみます。 <script type="text/javascript" src="http://www.google.com/jsapi?key=取得したAPI-key"></script> <script type="text/javascript"> google.load("feeds", "1"); function initialize() { var feed =

    Google AJAX Feed APIではてなブックマークの人気エントリーを表示
  • Google AJAX Feed APIでRSSフィードを表示

    JavaScript】 <script type="text/javascript" src="http://www.google.com/jsapi?key=取得したKeyを入力"></script> <script type="text/javascript"> google.load("feeds", "1"); function initialize() { var feed = new google.feeds.Feed("RSSフィードのURLを入力"); <!--表示したいエントリー数--> feed.setNumEntries(10); feed.load(function(result) { if (!result.error) { var container = document.getElementById("feed"); for (var i = 0; i <

    Google AJAX Feed APIでRSSフィードを表示
  • JavaScript初心者におくる24のグレイトなtips - 三等兵

    私が作ったわけではなく海外の記事です。自分も学習してみました。 phpスポーツ啓発日誌や、コカトリスさんや、アイスクレアームパラダイスさんのような、品質の良い訳は私にはできませんので見出しは意訳もしくは誤訳、文章は無視して訳してません。かつ、私がいろいろコードや文章つけたしてます。内容的にはほとんどズレてはないと思いますが、適当なのでおかしいところがあるかもしれません。 うっとうしい場合は原文をどうぞ。 24 JavaScript Best Practices for Beginners 1. 等価演算子で==使うなよボケ===だろナスチン野郎 ひぃぃぃ。 ==|!= だとねー、型は自動に変換されるんすよねー。ねー。 s = '1'; i = 1; alert(s == i); // true alert(s === i); //false えーと、==は「わし、数値も文字列も中身が一緒だ

    JavaScript初心者におくる24のグレイトなtips - 三等兵
  • 1