[B! JavaScript] ponki_8のブックマーク

私のJavaScript情報の集め方 - Qiita

ちょっと趣向を変えてJavaScriptの情報をどうやって集めているかという話を書きたいと思います。使っているもの Twitter RSS(feedly) Pocket はてブ TwitterはただフォローしてTL見ていたり検索してたまに見ているだけでリストを作ったりはしてなくて暇な時に見ている感じです。 RSSはこれから紹介するようなサイトとかこの人のブログ面白い！というものだけを登録しています。未読が100件増えると消化する気がどんどんなくなっていくので...。 PocketはTwitter、RSSで気になったものを後で読むためにとりあえず突っ込むのに使っています。こうすることでRSSはすぐに終わるので、その後で時間があればPocketで読みます。 Pocketに溜まった記事はちょっとした合間に読んだりしていて、たまにまとめて読んだりして消化しています。今見ると20件くらいあるの

ponki_8 2014/12/24

リンク

クリエイティブな動きがデザインが実装できるフリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」

TOP > plugin > クリエイティブな動きがデザインが実装できるフリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」魅力的なwebサイトを実現させるためには、他にはないデザインや動きを取り入れることで、より理想に近づけることができます。今回はそんな魅力的な動きを実装できるフリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」を紹介したいと思います。（Drop）そのまま利用しても、自分のデザインと組み合わせて使っても、クリエイティブなwebサイトを作り出せるプラグインがまとめられています。詳しくは以下 scrollReveal.js スクロールするとバーの動きを楽しむことができるプラグイン。個性的なデザインのサイトに仕上げたい時におすすめ。 leas

ponki_8 2014/03/04

リンク

AngularJSをはじめる前に#AngularJS入門その1 | DevelopersIO

AngularJSをはじめようここにあるように、最近はWebアプリを作成する際にJavaScriptのフレームワークを使用するのが当たり前といっていいくらい、さまざまなフレームワークが存在します。弊社ブログでもember.jsの記事等、JavaScriptのいろいろなライブラリ・フレームワークを紹介していますが、私が近頃AngularJSを使用する機会があり、とても使いやすかったので、改めてここで紹介しようと思います。 AngularJSとはもう一度「AngularJSとはなにか」という部分を簡単におさらいを。 AngularJSはGoogleとコミュニティより開発しているオープンソース(MIT)のJavaScript用MVWフレームワークです。テンプレート言語としてHTMLを使用できたり、双方向データバインディングやDI(依存注入)が使用できたりと、近年複雑化するWebアプ

ponki_8 2014/02/25

リンク

【ADC MEETUP 06】インタラクティブなリッチコンテンツの制作を支援するライブラリ「CreateJS」

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

ponki_8 2014/02/25

リンク

これでできる！クロスブラウザJavaScript入門記事一覧 | gihyo.jp

ponki_8 2014/02/25

リンク

文字を繰り返す、数字の桁をそろえる - Domo-Domo

JScriptで、文字、文字列の繰り返し関数は？ function string(n,c){ return new Array(n+1).join(c); } なるほど！このような発想があったとは。数字の桁をそろえるのも function format(num, x) { num = String(num); return (num.length < x) ? new Array((x - num.length) + 1).join('0') + num: num; };こうすればいいんだな。

ponki_8 2014/02/14

Javascript

リンク

さぼてん: 【JavaScript】数値の桁を"0"で埋めて揃える

関数足りない桁数を 0 で埋めた数値文字列を得る - AOK's JavaScript Library function formatNum(keta, num) { var src = new String(num); var cnt = keta - src.length; if (cnt <= 0) return src; while (cnt-- > 0) src = "0" + src; return src; } プロトタイプ～その１先頭を0で埋めて桁をそろえる（解説付き） - 素人がプログラミングを勉強するブログ Number.prototype.fillZero=function(n){ var zero=new Array(n).join('0');//0をn-1文字分つなげた文字列を作る。n==4だと'000' var str=zero+this;//zeroとth

ponki_8 2014/02/14

JavaScript

リンク

(function(){})() と function(){}() - IT戦記

自分用メモ // JavaScript でクロージャを書くときこう書く事が多い (function() {})() // 何故なら // function() {}() // と書くと // function() {} が式ではなく、文として解釈されてしまうからだ。 // 文として解釈されないためには、文の途中（最初以外）に function と書いてやる必要がある // なので、まず開きカッコを書いてやる。 ( // の後に function() {} // と書いてやると function は式になる ) // 正確には、カッコの対は The Grouping Operator という演算子である。 // カッコ以外にも var a = // のように代入演算子のあとでもいい function() {} // つまり、以下のような記述も可能である。 var b = function()

ponki_8 2014/02/14

JavaScript

リンク

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

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

ponki_8 2014/02/11

リンク

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

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

ponki_8 2014/02/11

リンク

世界のJavaScript情報を読もう

Bridging the Gap Between Data Science & Engineer: Building High-Performance T...

ponki_8 2014/02/11

JavaScript

リンク

jQueryでリストを一つずつ遅延して表示する

Posted: 2013.03.15 / Category: javascript / Tag: jQuery リストじゃなくてもいいのですが、羅列されたリストなどを表示するときjQueryで一つずつ表示してみます。とりあえずhtmlでリストを作成します。 html <ul class="delay-show"> <li>リスト1</li> <li>リスト2</li> <li>リスト3</li> ...... </ul> jQueryのコードはこんな感じです。 javascript $(function() { $('ul.delay-show li') .css({opacity: 0}) .each(function(i){ $(this).delay(500 * i).animate({opacity:1}, 1500); }); }); delay メソッドでタイミングを遅らせて

ponki_8 2014/02/08

リンク

JavascriptでUNIXタイムスタンプを得る

こちら↓の記事そのまんま。 Get a UNIX timestamp with Javascript var ts = Math.round(new Date().getTime() / 1000); new演算子とドット「.」の評価順序を陽に示したい場合は次のように書けばいい。 var ts = Math.round((new Date()).getTime() / 1000); 用途はいろいろあるだろうけど、今回はFlash（SWFファイル）をブラウザにキャッシュさせないために使用。クエリストリングにタイムスタンプを付加して、SWFファイルのURLを毎回変化させる。次のような感じで。 // このコードは swfobject.js（http://code.google.com/p/swfobject/）に依存しています var serial = Math.round(new Date()

ponki_8 2014/02/02

JavaScript

リンク

第24回　JavaScriptによるUIの実装：カレンダー | gihyo.jp

こんにちは。今回も引き続き、JavaScriptでUIを実装する方法を紹介していきます。今回はやや趣向を変えて、JavaScriptでカレンダーを実装してみます。 Dateオブジェクトカレンダーを実装する前に、JavaScriptのDateオブジェクトについておさらいしておきましょう。まず、Dateオブジェクトはnew演算子でインスタンスを作ってから使います。そのとき渡す引数は4つのタイプがあります。引数なし→現在の日時文字列→日付を表す文字列としてパースして解釈数値(1つ)→1970年1月1日00:00:00時点からのミリ秒数として解釈数値(2つ以上)→第一引数から順番に、年、月、日、時、分、秒、ミリ秒として解釈 Dateオブジェクトの初期化 new Date(); // 現在日時 new Date('2011/2/28'); new Date(1298818800000);

ponki_8 2014/01/31

リンク

JavaScriptの配列, 連想配列, JSON

var boxes = ["index 0", "index 1", "index2", …]; boxes[1]; //文字列"index 1"を意味する Arrayオブジェクトを操作してキーと値のペアを収めれば、それはもうJavaScriptでは配列として扱われる。キーは数値であり、その数値で対応する値を呼び出す。大抵プログラミング言語で配列と呼ばれるものの宣言・使用方法は、これと同じである。

ponki_8 2014/01/30

リンク

Javascriptでオブジェクト指向するときに覚えておくべきこと - Qiita

Javascriptはブラウザのクライアントサイドで動く唯一の言語と言ってもいいので、普段書かなくてもちょいちょい書くことになる。そんな時用に、他の言語使っていると忘れてしまうJavascriptの重要な法則をまとめておく。基本的にリファレンスにしているのはMozilla Developer Network (MDN)のドキュメントの以下のページ。MDNはJavascript関連では一番ちゃんとしたドキュメントだと信じている。 Working with Objects - MDN 継承とプロトタイプチェーン - MDN this - MDN オブジェクトモデルの詳細 - MDN プロトタイプベース言語 Javascriptはプロトタイプベースのオブジェクト指向言語で、クラスベースのオブジェクト指向言語(例: C++, Java)とは異なる部分が多々ある。例えば、クラスベース言語はクラス

ponki_8 2014/01/30

リンク

PhoneGapとTitanium – ウェブの知識でネイティブアプリを開発する - NEX.FM

HTML,CSS,JSなどのウェブの知識だけでiPhone,iPad,Androidのネイティブアプリを開発できる！こんな書籍やブログも大分多くなってきました。最近では、例えばFacebookは社を上げてこういった動きを推進しているほどです。こういった手法で開発を行なう場合、タイトルにある、PhoneGapとTitaniumを利用することが主流ですが、まだあまり広く理解されるには至っていないようです。そこで、・どっちを選べば良いのか？二つの違いは？・そもそもこの手法が良いのか？本記事ではこの2点について解説します。 PhonegapとTitaniumの違いまずはPhoneGapから。こちらはFacebook社がよく推奨している印象ですし、解説本に掲載される頻度は一番高いでしょう。まさに「ウェブの知識だけ」でネイティブアプリが開発できるのが魅力です。APIもあり、カメラ

ponki_8 2014/01/11

リンク

ブラウザ判別(イヌでもわかるJavaScript講座)

【リスト】 <script language="JavaScript"></script> <script language="JavaScript"><!-- document.

ponki_8 2014/01/11

リンク

ときどきWEB | スマホやブラウザの画面サイズや向きを取得してやんよ!!!

アプリケーションを実行しているスマホの画面サイズや向きを動的に取得できれば、それに応じて表示するコンテンツを調整できますよね。画面サイズを取得する JavaScriptで画面サイズを取得するためのプロパティが用意されています。ウィンドウサイズを取得できる関数 screen.width document.write(screen.width); 画面の幅を取得することが出来ます。 screen.height document.write(screen.height); 画面の高さを取得することが出来ます。画面サイズとタスクバーを除いたスクリーンサイズを取得することが出来ます。コンテンツ領域を取得できる関数 window.innerWidth document.write(window.innerWidth); ウィンドウ内側の横幅を、取得したい場合に使用。 ※ スクロールバー領域を含