[B! JavaScript][Javascript][javascript] [43ページ] suginoyのブックマーク

Throw away Sprockets!!

SprocketsをNode.jsのエコシステムで置き換えてRailsと組み合わせる話

suginoy 2014/09/22

リンク

generates an application with jQuery. The -j option of the generator lets you choose Prototype and Scriptaculous instead: Such an application does not have RJS yet available though. From now on prototype-rails is needed for RJS, see below. Upgrading Applications Using No RJS Existing applications using no RJS should remove any references to ActionView::Base.debug_rjs in the project. Typically that

suginoy 2014/09/17

リンク

Working with the Page Visibility API

Programming tutorials for web developersWorking with the Page Visibility API Matt West wrote this on Sep 16, 2014 These days it’s rare for someone to browse the web with just a single tab open. We tend to switch between tabs consuming the information that is most important to us at that moment. As a developer it’s important to consider this behaviour. Especially when you’re building a website that

suginoy 2014/09/17

リンク

Comcast Wi-Fi serving self-promotional ads via JavaScript injection

Comcast has begun serving Comcast ads to devices connected to one of its 3.5 million publ icly accessible Wi-Fi hotspots across the US. Comcast's decision to inject data into websites rai ses security concerns and arguably cuts to the core of the ongoing net neutrality debate. A Comcast spokesman told Ars the program began months ago. One facet of it is designed to alert consumers that they are conn

suginoy 2014/09/15

リンク

サービス終了のお知らせ - NAVER まとめ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

suginoy 2014/09/14

JavaScript

リンク

ES6 Loader proposed changes

Here are the changes that would be needed to make the ES6 loader infrastructure underpin the Web platform's loader infrastructure (basically, placing the ES6 loader the management layer between the Web platform APIs on top, and Service Workers underneath). The ES6 module loader mechanism is very explicitly and specifically specified. It provides hooks that the UA can plug into, e.g. to actually di

suginoy 2014/09/14

JavaScript

リンク

俺の話を聞け、5分だけでもいいーJavaScriptだいすきな男たちとJavaScriptを学ぼう！【JSオジサン#3】｜オンライン動画授業・講座のSchoo（スクー）

JSオジサンがschooと合同授業！JSオジサン再び…そして伝説へ…。 JavaScriptだいすきな男たちが集まる「JSオジサン」が再びやってきた！！ Hello we are JSオジサン！人気イベント「JSオジサン」vol.3が開催、その様子をschooで生放送します。今回はLTに加えてJSオジサンによるコードレビューコーナーを準備中。他では味わえない濃厚なひとときをJSオジサンと一緒に楽しみませんか？さまざまなゲストや内容は今後随時更新致します。お楽しみに！ ※イベント詳細はこちらからご確認ください。 LightningTalk（20:00〜）

suginoy 2014/09/10

JavaScript

リンク

jQueryの.each()に潜む罠 - 暮らしの技術

.each()の話 jQueryの.each()を使うと，JavaScriptのオブジェクトか配列を対象にした繰り返しを簡単に記述できる．*1 var list = [0,1,1,2,3,5,8,13]; $.each(list, function(index, elem){ console.log(elem * 2); }); // 0 VM2035:4 // 2 VM2035:4 // 2 VM2035:4 // 4 VM2035:4 // 6 VM2035:4 // 10 VM2035:4 // 16 VM2035:4 // 26 VM2035:4 で，このeachにはもう一つ書き方がある． var list = [0,1,1,2,3,5,8,13]; $.each(list, function(){ // さっきは引数にindex, elemを指定していた console.log(

suginoy 2014/09/10

JavaScript

リンク

Angularリンク集 - albatrosary's blog

「Angularの資料で何か良いものは？」と聞かれることが多くなってきましたので、そしてAngular資料探しの手間を省くためにも、いつも使っているサイトリンクをまとめます。良い資料があったらこのブログを更新します。読む目安が欲しいというお話がありましたので「★」を付けます。「★」の付いてないものは必要に応じて目を通すと良いのではと思います（あくまでも目安です）。 ★ : まず読みましょう ★★ ：少し慣れたら読もう ★★★ ：仕事で使うよ学習順は YEOMANでAngularをインストールし触りながら Angular 本家を見つつ Angular Style GuideやNinjaで理解を深めるでしょうか（学び方は人それぞれですので）。何れにしても手を動かすのが最良です。 Angular 2 Angular is a development platform for building

suginoy 2014/09/09

JavaScript

リンク

Web制作で使えた！jQueryプラグインまとめ＋起業しました

作成：2014/09/1 更新：2014/11/01 Web制作 > 報告が遅れましたが、5月に退社し6月に起業（株式会社コムテ）しました。今までブログにメモしておいたことが、起業や納品に役立った部分もあり、ブログを継続してよかったと思います。ブログを見てくださっている皆様、ご紹介させていただいたサイト運営者様、応援して下さっている皆様には心よりお礼申し上げます。経営や制作の部分ではまだまだ未熟ですが、今後ともご指導ご鞭撻のほど、よろしくお願いします。今回は「Web制作で使いたい」jQueryプラグインやスクリプトなどをまとめました。WordPressテーマを作るときに使うもの、検索でヒットしにくいプラグインも多数ご紹介。エンジニア速報は Twitter の@commteで配信しています。もくじ動画１．動画をブラウザの背景全体に再生させる２．動画を綺麗に表示させる WP管理画面

suginoy 2014/09/01

JavaScript

リンク

jQueryで登録済みイベントハンドラを一覧する方法 - それマグで！

jQueryを複数人で使っていると、誰が仕込んだClickイベントか分からなくなる。どうやって追いかけた良いのだろうか。良い方法があれば知りたい。 jQueryの._data の内部データから拾った jQueryはclick などのイベントリスナーを内部管理していてDOMのaddEventListener側には見せてない。なので、Chromeのデベロッパーツールなどでイベントを確認することが出来なくて困った。 jQuery._data($("#submit").get(0)).events jQuery._data($("a:contains('編集')").get(0),"events") このようにして、貼り付いているイベントハンドラを一覧することが出来たプラグインにしておいた (function($) { $.fn.events = function(){ return $._d

suginoy 2014/09/01

JavaScript

リンク

jQuery File Uploadの使い方

・デモページ・公式（英語）・ドキュメント（英語）・ステップ・バイ・ステップ（JQuery+PHP編）更新日：2014/2/20　ステップ・バイ・ステップのリンク追加概要ファイルをドラッグ・アンド・ドロップで、サーバーにアップ...

suginoy 2014/09/01

JavaScript

リンク

[JS][jQuery] 要素の存在を確認する6通りのコードと実行速度 | きほんのき

JavaScriptまたはjQueryを使い、html要素が存在するかどうか調べる方法はいくつかあります。 jQueryを使ったやり方については、こちらで5つの方法が紹介されています。以下は三項演算子で短く書きなおしたものです。 ( $("selector")[0] )? "有" : "無"; ( $("selector").length > 0 )? "有" : "無"; ( $("selector").get(0) )? "有" : "無"; ( $("selector").size() )? "有" : "無"; ( $("selector").is() )? "有" : "無"; これに加え、IDが設定されている要素の有無を調べるのなら、jQueryを使わずJavaScriptのみで以下のように書くのも良いでしょう。 ( document.getElementById("id")

suginoy 2014/09/01

JavaScript

リンク

モバイル時代のWebパフォーマンス

2014/8/30に開催された「HTML5とか勉強会 in IWATE 2014」のセッション資料です。

suginoy 2014/08/30

リンク

大手Webサービスがクライアント側で発生したJavaScriptのエラーをどう収集しているのかまとめ - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

suginoy 2014/08/29

JavaScript

リンク

初めてのWebサービスを3日でつくってみた（Node.jsで） - Think Big Act Local

Node.jsを触って勉強してたらWebサイトができました。結婚式の余興.jp - 結婚式の余興を考えるときに参考になる動画を集めました Youtubeから結婚式の余興の動画を集めてくるサイトです。Web開発は初めてだったので、つくった流れや勉強の方法などをまとめてみます。 9/14追記）スマホ対応をやりました！普段はiOSアプリを書いています普段はiOSアプリ開発者をやっていて、仕事と趣味でObjective-Cを書いてます。とても楽しくて2年くらい続けてるのですが、サーバーサイド書けたら幅が広がっていいな、とずっと思ってました。普段の週末は個人アプリを作ったりしてるのですが、夏休みだし新しいことやろうと思ってNode.jsを触ってみました。つくったもの結婚式の余興.jp - 結婚式の余興を考えるときに参考になる動画を集めました結婚式の余興動画がまとまっていて、だら見できる