[B! javascript] Glnのブックマーク

攻略！AngularJS 1.2 | 第1回 AngularJSとは

攻略！AngularJS 1.2 第1回 AngularJSとは第1回目はAngularJSとはどのようなことができるのか、どのような特徴があるのかを簡単なデモを用いて説明します。これから実装を理解するにあたってのベースとなる概要をおさえましょう。はじめに本シリーズではJavaScriptのアプリケーションフレームワークであるAngularJSの基本的な機能や使い方について解説します。初回は、AngularJSを使うとどのようなことができるのか、どのようなフレームワークなのかという点を簡単に紹介します。 MVWフレームワーク AngularJSは、Googleが開発を行っているJavaScriptのアプリケーションフレームワークです。いわゆる*MV**と呼ばれる種類のフレームワークで、Backbone.jsやEmber.js、Knockout.jsなどとよく比較されます。 *MV*

Gln 2014/10/01

リンク

最強オブジェクト指向言語 JavaScript 再入門！

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

Gln 2014/08/17

javascript

リンク

未来のJavaScript『ECMAScript6』で便利そうなやつまとめてみた - Qiita

そろそろECMAScript6を触っておきたいと思っていたところ、runstantとか言ういい感じのWebエディタが出たのでメモ。よく使いそうなやつをまとめてます。 (ECMAScript6は、ES6, ES.next, Harmonyなんて言われることも多いです) (現在スマホでサンプルのコードが見れないようなので、PCやタブレットで見てください) 便利そう順にサンプル今までなぜなかった let const -> 環境依存だけどあるにはあるデフォルト引数クラス継承2進数とか直接書くすぐに覚えて使いたいアロー記法アロー記法注意点 keyで演算を使用メソッドの記述を簡略化オブジェクトリテラル簡略化文字列内で変数を展開覚えたら便利そう for...of 分割代入(デストラクチャリング) 可変長引数配列を展開して引数に渡す可変長な変数の展開 -> 若干かぶるイテレー

Gln 2014/08/06

javascript

リンク

数学を使ったJavaScriptコーディング

幾何学的な計算や物理運動を表すには、数学の知識が求められます。もっとも、計算は必ずしも難しい訳ではありません。考え方さえわかれば、応用できることが多いです。ここでは、一見難しそうなベクトルの外積と微分のふたつについて、その使い途と考え方をリンクでご紹介します。また、ビデオ映像やjsdo.itのサンプルも掲げました。01ベクトルの外積をどう使うかベクトルの中でも﹁外積﹂は、考え方のわかりにくい計算です。いきなり概念を捉えようとすると難しいので、何に使えるのかを知ることから始めましょう。 01-01 珍味ベクトル外積3種盛り 2014年1月18日土曜日に催された第12回Creators MeetUpで、2次元のベクトルに絞ったインタラクティブなサンプルを例に、外積がどう使われているのかをご紹介しました。USTREAM録画も公開しています。サンプル001■立方体をマウスポインタの位置に応

Gln 2014/07/30

リンク

クッキーより怖いcanvas fingerprintingって何？迂回方法は？

クッキーより怖いcanvas fingerprintingって何？迂回方法は？2014.07.28 16:009,082 satomi 問題：ホワイトハウスとYouPornが共通でもってるもの、なーんだ？こたえ：canvas fingerprinting ｢canvas fingerprinting（canvasの指紋採取）｣というのは、最近大手サイトで採用が広まってる新手のオンライン追跡ツールのことです。クッキーと違って、ユーザー側からは探知もブロックもできないという、とんでもない野郎です。まさにユーザーの知らぬ間にウェブの閲覧行動がサイトに筒抜け、というマジックミラー状態。その現状をProPublicaが記事にしていますよ。｢canvas fingerprinting｣を最初に発見したのはプリンストン大学と英ルーヴェン大学の研究チームです。ここが発表した｢The Web Neve

Gln 2014/07/29

リンク

JavaScript フレームワークがデータバインディングを実現する４通りの手法

最近流行りの JavaScript MV* フレームワークは、どれもデータバインディングをサポートしているが、実現方法はフレームワークによって異なる。この記事では、各種フレームワークがどのようにモデルの変更を検知しているかを次の4つのパターンに分類して紹介する。モデルクラス方式 (Ember.js、Backbone.js、Ractive.js、Knockout.js など) 力ずく方式 (AngualrJS) モデル書き換え方式 (Vue.js) Object.observe 方式 (Polymer) パターン名は私が勝手に名づけたものだけど、このへんの雰囲気が理解できれば、フレームワークごとの個性が分かるだろうし、利用イメージもわきやすいんじゃないかと思っている。 1. モデルクラス方式﹁モデルとして扱えるのはフレームワークが用意したモデルクラスのインスタンスだけ﹂という

Gln 2014/07/18

リンク

JavaScript とのつきあい方

## JavaScript とのつきあい方 ### ここがダメだよJavaScript ### http://goo.gl/ovgS7Z Created by Shogo Kawase ## 自己紹介 - 河瀨翔吾（SHOGO） - 株式会社アークスタイル CTO - twitter: [@shogogg](http://twitter.com/shogogg) - PHP, Java, **Scala**, JavaScript, **TypeScript** - Android - AngularJS - Play Framework ## 本日の内容 - JavaScript の抱える問題点 - その解決方法があったりなかったり ## 問題点-1 ### 名前 ## JavaScript の名前の由来 - 元々は **Mocha** という名前で開発されていた - ライバルが Jav

Gln 2014/07/15

javascript

リンク

初心者がブラウザーでデバッグするための基礎知識

4月に新入社員としてWeb制作会社やSIerに入社した方も、開発業務に携わるようになり、HTML／CSS／JavaScriptを使ったフロントエンド開発を始めた方も多いかと思います。HTML／CSS／JavaScriptはWebブラウザーの上で動かせるので、気楽に開発が始められる半面、﹁デバッグが難しい﹂﹁不具合原因の特定が難しい﹂﹁どこにミスがあるのか分からない﹂というような話をよく聞きます。そんなときに役に立つのがブラウザーに付属している﹁開発者ツール﹂です。﹁開発者ツール﹂を上手に使うと、不具合の原因特定を効率的に行えます。以下のように現行の全ての主要なブラウザー︵Mozilla Firefox／Google Chrome／Microsoft Internet Explorer／Apple Safari︶は﹁開発者ツール﹂を持っています。ブラウザー自体が無料ですので、もちろんこれら

Gln 2014/07/12

リンク

JavaScriptのクロージャはどういった場合に利用するのでしょうか。どんな場合にメリットがあるのか教えて頂けないでしょうか。具体的... - Yahoo!知恵袋

計算機科学の理屈上では、関数︵引数、戻り値︶さえあれば、あらゆる計算が可能です。変数なんていらないんです。 function F (x) { // 変更される値は引数で与えられる const a = 1; // 分かりやすさのために定数は可、ただし再代入はできない return x + a; } F(1); // 2 上のFは、与えられた数字に必ず1を足して返す関数ですね。関数Fは、引数xに対して、必ず1つの結果を返します。プログラムの結果が予測しやすくなると同時に、エラーの原因も瞬時に分かるようになります。こういうのを参照透過性と言ったりします。でも、上の定数aを変更したい場合もあるでしょう。そんなときは関数Fを作る関数Gを作れば良い。 function G (a) { return function F (x) { return x + a; } }

Gln 2014/07/12

javascript

リンク

D3.jsにあてはまらないこと | POSTD

最近D3.jsをかなりいじってみました。APIをあれこれ調べ、すこし複雑なチャートを構築した後、長い間D3を誤解していたことに気づきました。それは私だけではありません。友達と話してみると、彼らもD3について勘違いをしています。そこで、よくある誤解のいくつかをはっきりとさせるために、この記事を書く事にしました。 D3はチャート・ライブラリではありません D3のホームページに行くと、たくさんの素晴らしいチャートとビジュアライゼーションを見ることができます。しかし、D3は、 Highcharts や Chart.js あるいは Google Charts のようなチャート・ライブラリではありません。ただ単に、データセットを受け渡すことや、必要なチャートのタイプ指定、凝ったチャートを入手することはできません。D3はそれよりもずっと低レベルなのです。D3上に構築されたチャート・ライブラリでは、たとえ

Gln 2014/07/09

リンク

jQuery 公式 Blog 「jquery-latest.js を使用するのをやめろ」

jQuery 公式 Blogは、﹁Don't Use jquery-latest.js﹂と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 jQuery 公式 Blogは、7月3日付けで投稿された﹁Don't Use jquery-latest.js ︵jquery-latest.js を使うな︶﹂と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境︵公開している Web サイト︶で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 Don't Use jquery-latest.js ‥ Official jQ

Gln 2014/07/04

リンク

http://ja.d3js.info/mike/selection/

Gln 2014/06/30

リンク

D3.js例文辞典

このページはD3.jsの用例を扱っています。D3.jsのD3はData-Driven Documentsを意味しています。 D3.jsの入門書、発売中です。D3.jsについて学習したい人はぜひどうぞ。 Kindle版が発売されました。また、Google Play、楽天Koboでも購入できるようになりました。更新情報はTwitter (@openspc)でアナウンスしています。＊勉強用に作成したページなので間違いや不具合の出るサンプルがあるかもしれません。致命的なもので、これはまずいというサンプルがありましたらopenspc@alpha.ocn.ne.jpまでメールをください。

Gln 2014/06/29

リンク

これから始めるJavaScriptの基礎と全体像ーー「非エンジニアの起業家が知っておくべきプログラミングの知識 #06」【ゲスト寄稿】 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報

編集部注‥本稿は初心者向けにプログラミングやWebデザインの講座を開催している TechAcademy︵テックアカデミー︶による連載企画。﹁非エンジニアの起業家が知っておくべきプログラミングの知識﹂というテーマで数回に分けて極めて基礎的なプログラミングの基礎知識をお伝えする。全連載はこちらから photo credit: nyuhuhuu via photopin cc ﹁非エンジニアが知っておくべきプログラミングの知識﹂というテーマで、10回に分けてお届けする連載企画。第6回目のテーマは﹁JavaScriptの基礎﹂です。前回は﹁これからプログラミングを学び始める方へ﹂というテーマでお送りしました。今回はより具体的にプログラミングを学んでいただくために、JavaScriptについてご紹介していきます。本連載は、インターネット業界で、これまで技術的なバックグラウンドを持たないまま起業した

Gln 2014/06/27

javascript

リンク

[JavaScript] 配列(Array)の合計値, 平均値, 中央値をモダンに求める - Qiita

よかったらこっちで見てください -> http://phiary.me/javascript-array-sum-average-median モダンといっても ECMAScript 5 から追加されたメソッドを使ってるってだけです... サンプルはこちら. 合計値を求めるイケてない実装普通に for 文回す. var sum = function(arr) { var sum = 0; for (var i=0,len=arr.length; i<len; ++i) { sum += arr[i]; }; return sum; }; var arr = [1, 2, 3, 4, 5]; console.log( sum(arr) ); // 15

Gln 2014/06/26

javascript

リンク

JavaScriptでAndroidアプリを開発！ Macでも動くAndroidScript｜Mac - 週刊アスキー

Androidアプリのプログラミング環境﹁AndroidScript﹂をご存知だろうか?　最大の特徴は、ウェブサイトやウェブアプリ開発などに用いられるJavaScript言語を採用している点にある。 JavaScriptを使いながらも、独立したAndroidアプリに近い機能や使い勝手を実現したプログラムを実装可能。JavaScript言語の学習用としても適している。現在はベータ版のため、無料で利用でき、搭載されている機能の完成度は高い。 AndroidScriptには、詳しいドキュメントと豊富なサンプルコードが付属している。これに含まれる﹁Alert﹂や﹁LoadText﹂といった単一機能のサンプルコードは、その場で動作を確認し、コピーして自分のプログラムに張り付けるといったことも可能だ。これらのサンプルを順に試し、どのような仕組みになっているかを確かめていけば、独自のアプリを作る際に非

Gln 2014/06/15

リンク

フロントエンジニアになってから５ヶ月間で欠かせなくなったツールを晒す - Qiita

概要今年からフロントエンドエンジニアにシフトチェンジして5ヶ月がたち、これがないと仕事にならんわレベルのツールを整理がてらに晒していこうと思う。スペック的にはJava歴が10年くらい。割とツール好きで、できればキーボード︵カーソルキー以外︶だけですべての操作を完結したいと思っている。そんなおっさんがお送りします。5ヶ月間のお仕事内容 PC/タブレット向けのAngularJSを使ったフロントエンド開発 HTML/CSS(SASS)/Javascript PCはIE8~、Chrome。モバイル端末はiPad、Nexus7 職場での開発環境 mac mini (2011) 19インチのシングルモニタ GUI系ツールSublime Text 2 プログラマ向けのテキストエディタ。これがないと仕事にならない。以下、必須なPackage。 Vintage vimっぽいキーバインドにする

Gln 2014/06/06

リンク

オブジェクト指向JavaScriptの原則

TOPICS Web , JavaScript 発行年月日 2014年06月 PRINT LENGTH 200 ISBN 978-4-87311-681-5 原書 The Principles of Object-Oriented JavaScript FORMAT PDF 本書はJavaScriptが持つオブジェクト指向的な言語特性や、その特性を強力にサポートするECMAScript 5の機能を紹介し、それらの特性や機能を活かすプログラミングの方法、考え方、パターンについて、深くそして簡潔に解説する書籍です。本書を通じて、C++やJavaなど「クラスベースのオブジェクト指向言語」に慣れたプログラマはJavaScript特有のクラスを持たないオブジェクト指向プログラミングの世界への知識を得ることができ、JavaScriptプログラマはJavaScriptのオブジェクトに関する理解をさらに深

Gln 2014/06/05

リンク

JavaScript で if 文を書くとき必ず波括弧を書くべきと主張しているスタイルガイド - @kyanny's blog

新人さんの JavaScript のコードレビューをしていて、if文の本体部分を波括弧で囲っていないコードを見つけた。おれは本体が一行しかなくても必ず波括弧で囲うようにしており︵そのほうがわかりやすいと思っているから︶、できればそうして欲しいけど個人の好みを押し付けるのはよくないので、広く支持されているコーディングスタイルガイドの類いで同様の主張をしているものが無いか探した。 Google とか Mozilla とか GitHub あたりのドキュメントを眺めてみたがif文の波括弧についてはっきり言及している箇所を見つけられずにいたら、該当するドキュメントをいくつか教えてもらった。 http://contribute.jquery.org/style-guide/js/#spacing if/else/for/while/try always have braces and alw

Gln 2014/06/02

javascript

リンク

JavaScriptで自動文字認識！ Microsoftの無料OCRライブラリーを使おう（前編）

今回は、画像の中に書かれている文字（テキスト）を抽出するプログラムを作ってみましょう。スマートフォンやデジカメで手軽に写真を撮れるようになった昨今では、撮影・スキャンした手書きメモや文字データなどをテキストに変換したい場面が多いのではないでしょうか。画像の文字認識をするプログラム自体を一から作るのは大変です。Microsoftが提供する「MODI」のOCR機能を利用すれば、JavaScriptから手軽に文字認識を実行できます。今回は、MODIのセットアップと簡単なプログラムを紹介します。 OCRとその活用方法写真の中にある文字や、スマートフォンなどの手書き機能で書いたメモは、あくまで画像です。人間の目では読むことができても、そのままではコンピューターが認識することはできません。もちろん、検索してもその中の文字を探すことはできません。そこで、OCRの出番です。OCR（Optical C

Gln 2014/05/29

リンク

はてなブックマーク

タグ

関連タグで絞り込む (256)

javascriptに関するGlnのブックマーク (364)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス