[B! js] kakku22のブックマーク

サーバサイドエンジニアが 1年間まじめにSPAやってみた

D3 フロントエンド技術勉強会 2016.1.22 - 1年間まじめにSPA開発やってきた経験について - その中で、ぶつかった課題と対策 - SPA開発の全体像 - Web/JS界隈の激しい変化の波に溺れないためのTips - AngularJS と SPA の設計について - TypeScript と ES6 - Gulp タスクRead less

kakku22 2016/02/17

良い

リンク

GitHub - jessepollak/card: :credit_card: make your credit card form better in one line of code

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

kakku22 2015/11/19

js
github

リンク

やはり、お前らのJavaScriptでのリダイレクト実装は間違っている

一見簡単に見えるJavaScriptでのリダイレクト(URL転送)ですが、よく知られた方法にはある落とし穴があり、Googleアナリティクスで正常な解析が行えなくなります。どんな落とし穴があるかと、その回避策について解説します。なお、こちらの記事は、SEM Techno logy - Googleアナリティクスに悪影響を与えずにJavaScriptでリダイレクトする方法と同じ内容となっています。はじめにモバイルサイトとPCサイト間のリダイレクトであったり、URL変更に伴うリダイレクトにおいて, .htaccessなどを用いたサーバー側でのリダイレクトが技術上できず、JavaScriptを利用してリダイレクトしているケースをたまに見かけます。こうしたサイトでは、見た目上は問題なく動作しているものの、実はGoogleアナリティクスなどを用いてアクセス解析を行うと致命的な問題点がみつか

kakku22 2015/10/28

良い記事．計測結果がおかしいだけど？みたいになったときに知ってると調査しやすい．

リンク

さよなら CoffeeScript - mizchi's blog

prototype.js が jQuery に置き換えられた時、開発者が気づいたのは、自分に本当に必要だったのはprototypeのメソッド拡張などではなく、クエリエンジンだったということ。 coffeescriptが当初、熱狂的に支持された背景はなんだっただろう。今思えば、それはアロー記法とクラス構文だったと思う。 javascriptの関数型への憧れ、prototypeベースの限界 javascript は断じて関数型言語ではないが、他の言語と同じぐらい関数型言語に憧れていたのも、また事実だろう。しかしビルトイン関数が高階関数を要求するデザインにしては function というキーワードはながすぎたし、その function が暗黙に作り出す this スコープの複雑な振る舞いも開発者の悩みの種だった。﹁あらゆる関数スコープで状態を持つことが"できすぎる"﹂という割れ窓だった。 ES5

kakku22 2015/10/03

リンク

MutationObserver - Web APIs | MDN

// Select the node that will be observed for mutations const targetNode = document.getElementById("some-id"); // Options for the observer (which mutations to observe) const config = { attributes: true, childList: true, subtree: true }; // Callback function to execute when mutations are observed const callback = (mutationList, observer) => { for (const mutation of mutationList) { if (mutation.type

kakku22 2015/08/15

Ajax の変更を検知する

js

リンク

GitHub - hatena/Hatena-Textbook: はてな研修用教科書

Hatena-Textbook はてな教科書は、はてなのエンジニアとして最低限必要とされる技術を身につけるための教科書です。 Web開発における重要なトピックを順番に学びながら、課題をといていくことで、Webアプリケーションをひととおり構築できるようになります。実装言語としてPerlとScalaのどちらを選ぶことができます。トピックごとに学びたい言語の方の教科書を読み進めてください。目次プログラミングの基礎 Perlによるプログラミングの基礎 Scalaによるプログラミングの基礎データベースの基礎 Perlによるデータベースプログラミング Scalaによるデータベースプログラミング Web開発の基礎 PerlによるWebアプリケーション開発 ScalaによるWebアプリケーション開発 Webフロントエンド開発はてな教科書JavaScript編 hatena/Hatena-Tex

kakku22 2015/08/09

リンク

Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …

Timesheet.jsVisualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well … Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customi

kakku22 2015/03/01

js

リンク

ペパボのフロントエンドスタンダードに関する記事一覧 - ペパボテックブログ

GMO ペパボのエンジニア・デザイナーによる技術ブログ / ペパボのフロントエンドスタンダードに関する記事一覧

kakku22 2014/11/27

リンク

小さいライブラリを採用する - mizchi's blog

僕がJavaScriptでライブラリを選定する際、迷ったら小さいものを使う。その理由について。前提前提として、枯れた環境で大きいフレームワークができるのは理解できるし、メリットも大きい。あるいは言語それ自身と区別できないぐらいに発達したフレームワークに依存するのも理解できる。RubyにとってのRailsとか、ErlangのOTPとか(いや、これは詳しくないけどそうなんだろうなっていう予想なんだけど)。危険信号今のJS界隈は動きが早すぎて、何に依存するのも危ない。とくにフレームワークと銘打たれたものは、でかすぎてどれも危険信号を放っている。数年後、廃れてしまったフレームワークで開発し続けるのは、僕個人としてもあまり関わりたくないし、現場の離職リスクとして数字に出るだろうし、採用後の教育コストの問題になる。だいたいそういうものは元の設計者もいなくなるものだ。プロダクトの死を意味する。

kakku22 2014/10/27

リンク

Crossfilter

Fast Multidimensional Filtering for Coordinated Views Status Cros sfilter is not under active development, maintenance or support by Square, its original author Mike Bostock, or the recent contributors (Jason Davies, Tom Carden). We still welcome genuine bug-fixes and PRs but consider the current API and feature-set (~1.3.12) essentially complete. A new Cros sfilter Organization has been created on

kakku22 2014/09/18

Chrome Extensionが作れた！ - gawaooooo.blog

はじまり仕事ではJavaScriptを殆ど書かなくなってしまったけど、毎日のはてブ巡回ではJavaScriptの情報を追っていた。そこでたまたま tacamy さんのスライドはじめてのJavaScript / JS Girls Tokyo #1 // Speaker Deck を見て、Chrome Extensionすげー！って思った。JS Girlsというのもあるのね。仕事中もずーっとChrome Extensionの事を考えていて、もしかしたら今の業務で面倒だと思っている作業が簡単に出来るかもしれない、と閃いた。作業短縮、ミスも減る！！メリットしかない！という事で作り方の勉強から。勉強方法まずはドットインストールで概要を勉強。他の人との共有の仕方まで理解出来た。右クリックのTwitter検索便利。 Google Chrome 拡張機能入門 (全20回) - プログラミン

kakku22 2014/07/06

リンク

第1回　Underscore.jsとは | gihyo.jp

本連載では、JavaScriptライブラリの1つ、Underscore.jsを解説していきます。第1回目となる今回は、Underscore.jsの概要と特徴、動かすところまでを紹介します。 Underscore.jsの概要 UnderscorejsはDocumentCloud Inc.とJeremy Ashkenasが開発しているJavaScriptライブラリです。DocumentCloud Inc.によりオープンソースとして提供されています。ファイルサイズは圧縮したもので4.9Kバイト︵現バージョン1.5.2︶と軽量なライブラリです。 Underscore.jsは、配列、オブジェクトの操作をはじめ、関数、オブジェクトなどを扱う際の便利関数が80あまり定義されています。配列、オブジェクトの操作の記述がネイティブな機能だけで書くよりも簡潔にシンプル書けるため非常に便利です。また、Proto

kakku22 2014/02/23

リンク

絶対に読んでおきたい、JavaScriptのおすすめ書籍7冊 - Qiita

フロントエンドエンジニアにとって、JavaScriptは今や開発の中心にあると言ってもいいと思います。 JavaScriptに対していまいち自信のない人向けに、おすすめしたい本をまとめてみました。これで、日本のJS界隈がもっと賑わって、仲間が増えると嬉しいです(今でもかなり賑やかですが)。基礎 JavaScript 本格入門 JavaScriptの本の中では一番易しいんじゃないかな、と思います。これ以上に読者ターゲットのレベルを落とした本は、解説が不十分だったり、レシピ集のような側面が強かったりで、勉強には向いていません(網羅的でないということ)。この本は解説のみで、深い仕様やテクニックには踏み込みません。それだけに読みやすく仕上がっていると思います。この本でJavaScriptに興味をもつことができたら、よりディープな本に進んでみるといいと思います。パーフェクトJavaScri

kakku22 2013/12/06

js
本

リンク

今、AngularJSというフレームワークがヤバい - (ﾟ∀ﾟ)o彡 sasata299's blog

2013年11月05日10:36 JavaScript 勉強会今、AngularJSというフレームワークがヤバい先週の土曜日、ランサーズさんで行われた第3弾　週末ランサーズに参加して個人的に今アツい AngularJSについて話してきました。 AngularJSは ng-repeat が便利だったり、コードの見通しが良くなるなどいろいろなメリットがあると思うのでうまく使えば大変メリットがあると思います。特に、データの状態︵要素の追加・削除や、状態のon/off など︶を制御すればそれに合わせて view の表示はすべて AngularJSがやってくれるというのは素晴らしいですね。ちなみに、以下の資料の中で ng-app とか ng-repeat とか出てきますが︵これは directive と呼ばれます︶、このngというのは AngularJSの2文字目と3文字目を表

kakku22 2013/11/06

js
AngularJS

リンク

最近の Java Web 開発 : http://qiita.com/monzou/items/9174d0baf08af295e703

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

kakku22 2013/10/26

リンク

html5

kakku22 2013/08/26

Adobeも面白いことやってるな

リンク

一歩進んだHTML/CSS/JSを目指すために | 1000ch.net

2013/08/01 一歩進んだHTML/CSS/JSを目指すために﹁なんとなく書きたくないけど、どう意識してコーディングしていけばいいのかわからない…。﹂それを解消するためのツールがありますので、紹介します。 HTMLInspector philipwalton/html-inspector Introducing HTML Inspector こちらはHTMLを解析して悪いところを指摘してくれるツール。たぶんガイドラインとかそれぞれあると思いますが、基本的にはコレに沿ってもいいかと。スクリプトを差し込んで、実行すると、指摘事項がconsoleに出力されます。 githubのリポジトリからダウンロードするか、bowerで落としてくるか。 bower install html-inspector 次に、解析したいページに以下のコードを埋め込みます。 <script s

kakku22 2013/08/02

ようするにCIとして静的解析しようってことかな．

リンク

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

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