[B! JavaScript][javascript] [8ページ] taketsのブックマーク

takets id:takets

JavaScriptとjavascriptに関するtaketsのブックマーク (265)

結局jQuery.Deferredの何が嬉しいのか分からない、という人向けの小話 - Qiita
結局jQuery.Deferredの何が嬉しいのか分からない、という人向けの小話一年ほど前に JavaScript - jQuery.Deferredを使って楽しい非同期生活を送る方法 - Qiita [キータ] という記事を書きました。で、一年経って、ふと、「もっと分かりやすくjQuery.Deferredの便利さを説明できるんじゃないか」と思い立ってざざざっと書いてみました。小話と言うにはちょっと長いけど。 -- jQuery.Deferredを使うと嬉しいのは、jQuery.Deferredの仕様を満たす部品同士を簡単に組み合わせることが可能だからです。中には処理を書き下すことができるとかコールバックのネストを防げるのがいいとか言う人もいますが、個人的にこっちのほうがよっぽど重要だと感じます。例えるならレゴブロックです。レゴブロックはあの凸と凹を持ってるブロックを自由に組み合
takets 2015/09/11
並列実行がdekiru

Javascript
リンク
JSHint入門 - JSHintを使ってJSコードの信頼性を高める - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
takets 2015/09/11
Javascript

vim
リンク
JavaScript Reference - MDN
JavaScriptチュートリアルBeginner's tutorialsYour first website: Adding interactivityDynamic scripting with JavaScript JavaScript frameworks and librariesJavaScript ガイド入門編文法とデータ型制御フローとエラー処理ループとイテレーター関数式と演算子数値と文字列日付と時刻の表現正規表現インデックス付きコレクションキー付きコレクションオブジェクトの利用クラスの使用プロミスの使用JavaScript 型付き配列イテレーターとジェネレーターリソース管理国際化JavaScript モジュール中級編Advanced JavaScript objectsAsynchronous JavaScriptClient-side web APIs言語概要JavaScr
takets 2015/09/09
公式リファレンス

Javascript
リンク
Better JavaScript code completion in Vim on Windows
This tutorial shows how to install Vim and the plugins "Tern for Vim" and "YouCompleteMe" on Windows via Npackd. The plugins will offer you better code completion for JavaScript.
takets 2015/09/08
tern + youcompletemeで自動補完するやりかた

Javascript

vim
リンク
JavaScript プログラミング講座
以下の主要ブラウザで動作確認しています。少しでも古いブラウザだと動作しない可能性が考えられますが、特に言及しません。常に最新のブラウザを使用する事を必須とします。
takets 2015/09/07
よくまとまった講座。

Javascript
リンク
JavaScriptプログラミング講座【XMLHttpRequest について】
Ajax を利用すると、「非同期通信」を行い外部から最新のデータを取得しながら、「ダイナミックHTML」で HTML の内容をリアルタイムに更新する事ができます。
takets 2015/09/07
xhrはXMLHttpRequestの頭文字の略みたいだ。 XMLHttpRequest基礎。

Javascript
リンク
[JS]レスポンシブ対応の使いやすいスライダーを探している人にオススメのスクリプト -wallop
アニメーションは他にも、slide, fade, rotateなどが利用できます。 wallopの使い方 Step 1: 外部ファイル当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> <link rel="stylesheet" href="path/to/wallop.css"> </head> <body> ... コンテンツ ... <script src="path/to/Wallop.min.js"></script> </body> アニメーション（scale, foldなど）を利用する時は、アニメーション用のCSSを加えます。 <head> <link rel="stylesheet" href="path/to/wallop.css"> <link rel="stylesheet" href="path/to/wallop-animation.c
takets 2015/09/05
css

javascript
リンク
JavaScriptでPHPの変数の値を使う方法メモ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
takets 2015/08/31
Javascript

vim
リンク
GitHub - othree/javascript-libraries-syntax.vim: Syntax for JavaScript libraries
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
takets 2015/08/26
javascriptのライブラリ集。2015年8月でも更新されている。jqueryとangularjsが使えるのはありがたい。

vim

Javascript

jquery

angularjs
リンク
Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron
Soon, @electron packages on npm will require Node.js 22 LTS. Read more on our blog.
takets 2015/08/25
web技術でですくとっぷあぷりを　作るライブラリ

Javascript

html5
リンク
Adding JavaScript - Joomla! Documentation
Note that a more up-to-date Joomla document covering this topic can be found at Adding JavaScript and CSS to the page, although it currently doesn't cover the more advanced topics at the bottom of this page. JavaScript (also known as ECMAScript) is a scripting language primarily used in client-side web site development to extend and enhance an end-user's experience. Joomla provides developers with
takets 2015/08/21
jsの追加方法、インラインでの使用方法など

joomla

Javascript

official
リンク
JavaScript開発者が一度は読むべきStackOverflow - Qiita
10.How do JavaScript closures work? http://stackoverflow.com/questions/111102/how-do-javascript-closures-work JavaScriptのクロージャーについて結構とっつきにくい「クロージャー」に苦労されている人も多いかもしれませんが、サンプルコードが多いので英語わからなくても助かります個人的にはQuestionの「Like the old Albert Einstein said: ... 」というくだりが好きw 9. What does “use strict” do in JavaScript, and what is the reasoning behind it? http://stackoverflow.com/questions/1335851/what-does-use
takets 2015/08/20
Javascript
リンク
AngularJSの便利なツール20選 | POSTD
皆さんはAngularJSに興味がありますか？　この記事では、AngularJSのための最適なツールと選りすぐりの情報をリストにまとめています。Angularを使ってアプリケーションの開発をする際には役立つ内容です。 Webアプリケーションを動的に設計したいWeb開発者の多くは、フレームワークとしてAngularJSを選択するようになってきました。AngularJSの開発者が新たにAngularJSプロジェクトを立ち上げる場合、本格的にWebサイトを開発しようとすると、非常に多くのツールが必要になります。 AngularJS初心者の場合は、まず始めに AngularJSの良書を何冊か読むと良いでしょう。私たちは、オンラインでAngularJSを学習するための、膨大な AngularJSのチュートリアルリストも作成しています。 AngularJSでWebアプリケーションを開発する際
takets 2015/08/20
angularjs

javascript
リンク
Google流 JavaScript におけるクラス定義の実現方法
目次 2019年追記はじめにクラス実現のために必要な JavaScript の言語仕様 function this call new 演算子 prototype チェーンプロパティ: prototype Google Closure 流のクラスの実現方法の概要クラスの宣言とコンストラクタの定義メンバ変数 (インスタンス変数) メソッド定義と呼び出し private, protected 継承プロトタイプチェーンを利用してメソッドを親クラスから引き継ぐ親クラスのコンストラクタの呼び出しメソッドオーバーライドと親クラスのメソッドの呼び出し多重継承 abstract, interface inherits の実際のコード良くないクラス実現方法 ES6 のクラス 2019年追記この記事ではclassが導入されたES6以前のJavaScriptでどのようにクラスに相当するものを
takets 2015/08/07
Javascript
リンク
ダイナミックなJS開発環境 Bird 開発中! – Mechanic Note
おはようございます！PILOT神山ラボの山下です。今回は久々にラボらしい投稿です。コンピューターサイエンス的に面白い開発環境を作っています。今回は、開発に至った背景を中心にお届けします。動機 − JSは動的言語じゃないか 2015年、Webは衰えを知らず、JavaScriptは隆盛を誇り、FLUXアーキテクチャが浸透し、なのに僕らは未だエディタとブラウザを行ったり来たりしています。のみくま2 by PILOT みなさん忘れてるかも知れないけど、JavaScriptは動的言語なんですよ！エディタでシコシコ文字並べて⌘-SなりC-x C-sなり:wなりして、ブラウザ開いて確認なんてしてたら静的言語と一緒じゃないですか。ランタイムで開発して、動的言語のポテンシャルを引き出さなきゃもったいないですよ。ランタイムで開発するってどういうこと要するに、生きたインタプリタにエディタが繋がっていれ
takets 2015/08/06
Javascript
リンク
[JS]シンプルで超軽量なのがいい！レスポンシブ対応のカード型レイアウトを簡単に実装できるスクリプト -minigrid
レスポンシブ対応のカード型レイアウトを簡単に実装できる、jQueryなどの他スクリプトに依存しないシンプルで超軽量（2KB）のスクリプトを紹介します。デモのアニメーション minigridの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="http://henriquea.github.io/minigrid/minigrid.js"></script> </body> Step2 :HTML 各アイテムには「.grid-it em」を、ラッパーには「.grid」を付与します。 <div class="grid"> <div class="grid-it em"></div> <div class="grid-it em"></div> <div class="grid-it em"></div
takets 2015/08/04
Javascript

design

web
リンク
[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ
最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。
takets 2015/07/23
JavaScript

jQuery

web
リンク
自己流JavaScriptを書いていた人がAngularJSのユニットテストで躓いた点 - 2015-07-10 - ククログ
結城です。最近、AngularJSを使ったWebアプリ開発のプロジェクトに参加する事になり、とりあえず一通りの事は把握しておかなければと思って公式のチュートリアル（英語）を実践してみたのですが、JavaScriptの経験が浅い人だとハマらなさそうだけれども、中途半端に経験があったせいでドハマり、という場面に遭遇してしまいました。恥ずかしい話ですが、せっかくなので同じように躓いている人（もしいれば）のために、分かった事や理解のポイントを書き記しておこうと思います。この記事の対象読者は、以下のような状況にある人です。フレームワークを使わないJavaScript（例えば、jQueryを使ったJavaScript程度）は書いた事がある。自動テスト（特に、ユニットテスト）は書いた事がある。 AngularJSを始めたばかりである。依存性注入という概念は理解できるが、実際にどう使うかはあま
takets 2015/07/11
angularjs

javascript
リンク
"Placeholder – Antagonist"
takets 2015/07/10
わかりやすいPHPとの連携サンプル。

angularjs

Javascript

PHP
リンク
AngularJS+PHP+MySQLでCRUD入門 - Qiita
<!doctype html> <html lang="ja" ng-app="app"> <head> <meta charset="utf-8"> <title>名簿</title> </head> <body ng-controller="MainCtrl"> <table border="1"> <tr><th>ID</th><th>名前</th><th>年齢</th><th>コメント</th></tr> <tr ng-controller="DetailCtrl" ng-repeat="student in students"> <td>{{student.id}}</td> <td><input ng-model="student.name"></td> <td><input ng-model="student.age"></td> <td><input ng-model="s
takets 2015/07/10
こっちのほうがjqueryよりやりやすそう。すっきりしている。

Javascript

angularjs
リンク
前のページ 4 5 6 7 8 9 10 11 12 13 次のページ