私のJavaScript情報の集め方 - Qiita
ちょっと趣向を変えてJavaScriptの情報をどうやって集めているかという話を書きたいと思います。 使っているもの Twitter RSS(feedly) Pocket はてブ TwitterはただフォローしてTL見ていたり検索してたまに見ているだけでリストを作ったりはしてなくて暇な時に見ている感じです。 RSSはこれから紹介するようなサイトとかこの人のブログ面白い！というものだけを登録しています。未読が100件増えると消化する気がどんどんなくなっていくので...。 PocketはTwitter、RSSで気になったものを後で読むためにとりあえず突っ込むのに使っています。 こうすることでRSSはすぐに終わるので、その後で時間があればPocketで読みます。 Pocketに溜まった記事はちょっとした合間に読んだりしていて、たまにまとめて読んだりして消化しています。 今見ると20件くらいあるの
クリエイティブな動きがデザインが実装できる フリー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
AngularJSをはじめる前に#AngularJS入門その1 | DevelopersIO
AngularJSをはじめよう ここにあるように、最近はWebアプリを作成する際にJavaScriptのフレームワークを使用するのが当たり前といっていいくらい、 さまざまなフレームワークが存在します。 弊社ブログでもember.jsの記事等、JavaScriptのいろいろなライブラリ・フレームワークを紹介していますが、 私が近頃AngularJSを使用する機会があり、とても使いやすかったので、改めてここで紹介しようと思います。 AngularJSとは もう一度「AngularJSとはなにか」という部分を簡単におさらいを。 AngularJSはGoogleとコミュニティより開発しているオープンソース(MIT)のJavaScript用MVWフレームワークです。 テンプレート言語としてHTMLを使用できたり、双方向データバインディングやDI(依存注入)が使用できたりと、 近年複雑化するWebアプ
これでできる！ クロスブラウザJavaScript入門 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
さぼてん: 【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
(function(){})() と function(){}() - IT戦記
自分用メモ // JavaScript でクロージャを書くときこう書く事が多い (function() {})() // 何故なら // function() {}() // と書くと // function() {} が式ではなく、文として解釈されてしまうからだ。 // 文として解釈されないためには、文の途中（最初以外）に function と書いてやる必要がある // なので、まず開きカッコを書いてやる。 ( // の後に function() {} // と書いてやると function は式になる ) // 正確には、カッコの対は The Grouping Operator という演算子である。 // カッコ以外にも var a = // のように代入演算子のあとでもいい function() {} // つまり、以下のような記述も可能である。 var b = function()
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
jQueryでリストを一つずつ遅延して表示する
jQueryでリストを一つずつ遅延して表示する リストじゃなくてもいいのですが、羅列されたリストなどを表示するときjQueryで一つずつ表示してみます。 投稿日2013年03月15日 更新日2019年04月13日 とりあえず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 メソッドでタイミングを遅らせて実行
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()
第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);
JavaScriptの配列, 連想配列, JSON
var boxes = ["index 0", "index 1", "index2", …]; boxes[1]; //文字列"index 1"を意味する Arrayオブジェクトを操作してキーと値のペアを収めれば、それはもうJavaScriptでは配列として扱われる。キーは数値であり、その数値で対応する値を呼び出す。大抵プログラミング言語で配列と呼ばれるものの宣言・使用方法は、これと同じである。
Javascriptでオブジェクト指向するときに覚えておくべきこと - Qiita
Javascriptはブラウザのクライアントサイドで動く唯一の言語と言ってもいいので、普段書かなくてもちょいちょい書くことになる。そんな時用に、他の言語使っていると忘れてしまうJavascriptの重要な法則をまとめておく。 基本的にリファレンスにしているのはMozilla Developer Network (MDN)のドキュメントの以下のページ。MDNはJavascript関連では一番ちゃんとしたドキュメントだと信じている。 Working with Objects - MDN 継承とプロトタイプチェーン - MDN this - MDN オブジェクトモデルの詳細 - MDN プロトタイプベース言語 Javascriptはプロトタイプベースのオブジェクト指向言語で、クラスベースのオブジェクト指向言語(例: C++, Java)とは異なる部分が多々ある。 例えば、クラスベース言語はクラス
PhoneGapとTitanium – ウェブの知識でネイティブアプリを開発する - NEX.FM
HTML,CSS,JSなどのウェブの知識だけでiPhone,iPad,Androidのネイティブアプリを開発できる！こんな書籍やブログも大分多くなってきました。最近では、例えばFacebookは社を上げてこういった動きを推進しているほどです。 こういった手法で開発を行なう場合、タイトルにある、PhoneGapとTitaniumを利用することが主流ですが、まだあまり広く理解されるには至っていないようです。そこで、 ・どっちを選べば良いのか？二つの違いは？ ・そもそもこの手法が良いのか？ 本記事ではこの2点について解説します。 PhonegapとTitaniumの違い まずはPhoneGapから。 こちらはFacebook社がよく推奨している印象ですし、解説本に掲載される頻度は一番高いでしょう。まさに「ウェブの知識だけ」でネイティブアプリが開発できるのが魅力です。APIもあり、カメラ
ブラウザ判別(イヌでもわかるJavaScript講座)
【リスト】 <script language="JavaScript"><!-- document.write( "ブラウザ " , navigator.appName ,"<br>"); document.write( "エージェント " , navigator.userAgent ,"<br>"); document.write( "バージョン " , navigator.appVersion ,"<br>"); document.write( "コードネーム " , navigator.appCodeName,"<br>"); document.write( "プラットフォーム " , navigator.platform ,"<br>"); // --></script> <script language="JavaScript"><!-- document.
ときどきWEB | スマホやブラウザの画面サイズや向きを取得してやんよ!!!
アプリケーションを実行しているスマホの画面サイズや向きを動的に取得できれば、それに応じて表示するコンテンツを調整できますよね。 画面サイズを取得する JavaScriptで画面サイズを取得するためのプロパティが用意されています。 ウィンドウサイズを取得できる関数 screen.width document.write(screen.width); 画面の幅を取得することが出来ます。 screen.height document.write(screen.height); 画面の高さを取得することが出来ます。 画面サイズとタスクバーを除いたスクリーンサイズを取得することが出来ます。 コンテンツ領域を取得できる関数 window.innerWidth document.write(window.innerWidth); ウィンドウ内側の横幅を、取得したい場合に使用。 ※ スクロールバー領域を含
win OS の判別
<script type="text/javascript"> <!-- document.write("使用されている OS は " + window.navigator.platform + " です。"); // --> </script> <script type="text/javascript"> <!-- if (navigator.platform.indexOf("Win") != -1) { document.write("あなたは Windows を使用されています。"); } else { document.write("あなたは Windows 以外を使用されています。"); } // --> </script> <script type="text/javascript"> <!-- var os, ua = navigator.userAgent; if (u
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【ADC MEETUP 06】インタラクティブなリッチコンテンツの制作を支援するライブラリ「CreateJS」
文字を繰り返す、数字の桁をそろえる - Domo-Domo
世界のJavaScript情報を読もう
