javascript jQuery スクロールバーの幅を含むウィンドウサイズを取得したい。 - かもメモ
.width()で取得できる。 var width = $(window).width(); $(window).width();で取得できる値は表示されているエリアのサイズになります。 Y方向にスクロールがあるページの時、これで取れるwidthにはスクロールバーの幅は含まれないっぽいです。 レスポンシブなサイトなどで、サイズに合わせて$(window).on('resize')などで処理を行う時にスクロールバーの幅を含む／含まないでCSS3のMedia Queries(メディアクエリ)で指定しているwidthとjavascriptの処理がズレてしまう場合があります。 スクロールバーの幅も含んだウィンドウサイズを取得 (ブラウザとバージョンによって微妙に異なるかも知れません... var width = window.innerWidth || document.documentEleme
[JavaScript] 理由:Uncaught TypeError: Object [hoge] has no method replace
Uncaught TypeError: Object [hoge] has no method 'replace' 状況"."や"-"を取り除く関数を実行した際に発生 function trimSymbol(numStr) { return numStr.replace(/./g, "").replace(/-/, ""); } Object に対して、String のreplace()を使用した事が原因。 前述のコードだとnumStrが String ではなく Object だった。 参考: String.prototype.replace() - JavaScript | MDN: 解決方法String 型に変換するか、String 型以外は弾くような処理をする必要がある。 単純な解決方法は以下。 function trimSymbol(num) { return String(num
![[JavaScript] 理由:Uncaught TypeError: Object [hoge] has no method replace](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d003ea735a174c851239e3df4ba52194fcfbae1/height=288;version=1;width=512/https%3A%2F%2Fb.0218.jp%2Fimages%2Fogp%2F20131024100432.png%3Fts%3D3b7bb5d057ccb684e9cd87dd2edf49b440cd4386)
クッキーの使用方法 | JavaScript プログラミング解説
JavaScriptのクッキーはString型であり、ただの文字列です。よってこれを処理する専用のメソッドは存在しないため、文字列を処理するメソッドを使用して読み書きします。そしてクッキーはHTMLDocumentのプロパティとして実装されているため、document.cookieからアクセスできます。 書き込み クッキーを受け入れないようにブラウザで設定されている場合には、クッキーを書き込むことはできません。 クッキーに書き込むには[名前=値]の形式で、documentのcookieプロパティに設定します。具体的には、 document.cookie = 'data1=123'; document.cookie = 'data2=abc'; のようにします。複数の項目を書き込むには、くり返しcookieプロパティに設定します。このように書き込んだクッキーは、 data1=123; dat
jQuery の on() と off() を理解する - tacamy--blog
初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')
キャバ男コードレシピ
首都圏のキャバクラは地域によって色が全然違う こんにちは！ 皆さん、キャバクラって行ったことはありますか？w 俺はしょっちゅう行ってるんすけど、いや〜、これが沼で通い出したら止まらないww だからお金ができるたびに首都圏のキャバクラを回ってるんすけど、よく調べてみると、キャバクラって地域によって全然毛色が違うんですよ！ そこに通う人のニーズだったり、好みだったりがお店に反映されてんのかな？w だからキャバクラにハマる人って、初めて行った店の雰囲気とかキャバ嬢の見た目とかでどハマりする人と、そんなにハマらない人がいるんですよね。 俺はその前者wどハマりして今では抜け出せないところに来てるっすww じゃあ、首都圏、特に東京のキャバクラには地域によってどんな特徴があるのか、紹介していきたいと思います！ 新宿歌舞伎町のキャバクラの特徴と必要な予算 キャバクラって言ったらまず新宿歌舞伎町を思い浮かべ
[HTML5] CanvasでRetina対応を行う - YoheiM .NET
こんにちは、Canvasでバリバリ仕事中の@yoheiMuneです。 最近のWebアプリでCanvasを使っているアプリが多いですが、Retina対応できておらず、にじんだ感じになっているアプリが多々あり。。 なので、CanvasでRetina対応できるのかを調べました。今回はその結果を記載したブログとなります。 Canvasで普通に描画するとにじむ Canvasの描画内容をRetinaでない多くのPCブラウザで見る分には問題ないのですが、 iPhoneなどのRetina対応したブラウザで見るとにじんで見えてしまいます。 画像などの表示ではRetina対応を行う事が多いですが、 CanvasでもRetina対応する事でにじまずに描画内容を表現できるようです。 CanvasでRetina対応をする方法は、画像のRetina対応の考え方と同じで、 描画した内容を1/2のサイズで表示することでキ
![[HTML5] CanvasでRetina対応を行う - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/7a7befe78801333ad9435805e5c94897b4e17911/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F161.jpg)
h2v.js : Webページを縦書きレイアウトに変換するJavaScript - tategaki.info
★ 特に理由がない場合はh2vR.jsの利用をおすすめします。 主要なブラウザ上で、簡単に、軽快に、日本語の縦書きレイアウトを実現する JavaScript ・ h2v.js の概要を紹介します。 【重要：2016.07.22】:
JavaScriptでBINGO -ざっくり設計 | 仮ぶろぐ
ビンゴをJavaScriptで作ってみました。 1.概要 ビンゴゲームWebアプリケーションを作成する。 ただし、作成するのは抽選機能のみ。Webブラウザー上で、グラフィカルに抽選する機能を提供する。 （ビンゴカードをオンラインから取得してもおもしろいかも、全員がスマートフォン時代ならいけるかも） 2.用件 2.1 機能用件 数字は1～75 抽選中のアイコンは大きく表示する 全ての数字のアイコンを画面上に表示しておく 抽選済みの数字は強調表示される 抽選中の演出を用意する。 抽選の乱数は、基底値を固定すると同じ値が選択される レイアウトは独立して変更可能とする 2.2 非機能用件 言語は、JavaScript+CSS3(for HTML5) 3.設計 3.1概念抽出 数字アイコン 点灯する、消灯する カレントのアイコン レイアウト 抽選する クリアする（初期化する） 3.2 シナリオ 3.
WEB上でビンゴゲームができればと思って探してみたら
こんにちは。ポルンガです。 パーティでビンゴゲームをすることになり、パソコンの画面を大きなモニタに映しながら数字を確認できるようなアプリはないものかと探してみました。 結果的にいうと、ありました。 下図のような画面になります。 ビンゴゲーム画面サンプル 右上の「Select」ボタンを押すと、ランダムに数字が選ばれて、真ん中に表示されます。 次に進む場合はまた「Select」ボタンを押せば、次の数字が選ばれます。 一度選ばれた数字は、周りの小さな数字が点灯するのでわかるようです。 これは便利！ と思って、使わせてもらいました。 ちなみに「Clear」ボタンを押すとリセットされます。 このアプリは下記のサイトにアクセスすれば使えます。 http://plusb.jp/dqfw/bingo/bingo.html あ～あと、これを動かすためにはブラウザのJavaScriptをオンにしないとダメのよ
JavaScriptで作った少数を分数に変換する記述です。最適化された分数が出力されるようにしたいのですが、うまくいきません... - Yahoo!知恵袋
JavaScriptで作った少数を分数に変換する記述です。最適化された分数が出力されるようにしたいのですが、うまくいきません。 JavaScriptで作った少数を分数に変換する記述です。最適化された分数が出力されるようにしたいのですが、うまくいきません。 コードは以下のとおり ---以下スタート----- <script language="JavaScript"> var decimal = 0.3;// 分数値を求めたい少数 var addend; //加数 var i = 1; //カウンタ＋分母 if (decimal % 1.0 == 0.0) { window.alert(decimal + " is not a decimal."); //変数decimalが整数の場合 } else { addend = decimal; //少数を加数として代入 do { decimal
jQueryのeachを逆順に処理 - メモ置き場
jQueryのセレクタで取得した要素をいったんgetで普通の配列にして、jsのreverseで逆順にした後、jQueryのオブジェクトに戻す <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> $(function(){ $($("li").get().reverse()).each(function() { console.log($(this).text()); }); }); </script> </head> <body> <ul> <li>text 1</li> <li>text 2</li> <li>text 3</li> </ul> </body> </html> console.log
HTMLとJSとCSSだけでスクリーンセーバーが作れるHTMLScreenSaverBuilderを作った - kurainの壺
作った 表題のとおりで、HTML と JavaScript と CSS の知識があればMacのスクリーンセーバーを作れるツールを作りました。Xcode も不要です。 html でできることは大概できるので、flash 貼るとか audio ダグで音をならすとか、WebGLで3Dで遊ぶとかかなり何でも出来るのではナイかと思っています。 ダウンロード 下のリンクからどうぞ！HTMLScreenSaverBuilder 本体と、サンプルで作った ScreenSaver が入っています。 HTMLScreenSaver.zip 作り方 HTMLを準備 全画面表示されても、綺麗に表示されるような HTML を書きます。必ず名前は index.html にしてください。例として、はてなフォトライフの人気の写真を表示する HTML を書きました。 https://github.com/kurain/Ho
JavaScriptでかんたんHTAアプリに挑戦
こんにちは！ みなさんガジェットつくってますか！ なんだか最近、色々な種類があるみたいですね！ Yahooナントカとか、Googleガジェットとか、Adobe AIRとか、シルバーナントカとか、あとWindowsサイドバーだとか、Operaナントカとか…。 こういうガジェット的な、ちょっとしたデスクトップ用のツールって、 どうやってつくるのかなーなんて思って、ちょっと調べてみました！ そしたら意外と簡単だった…！ これならぼくにも作れそう！！ ってことで、ちょっとメモしておきますね！ どれにしようかな…！ つくるのが簡単なことWinで動いたらいいや使う人がインストールしやすそうなのがいい こんな感じで考えていくと… Googleガジェット か AIR なのかなー、って思ったんだけど、 プラグインとかインストールはめんどくさいから、なにもせずに使えるものがいいよね！ だから HTA（HTML
知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ！ 毛根にはこれからもがんばってほしい！いつだって頭を温かいまなざしで見守
関数 - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * Some parts of this feature may have varying levels of support. Learn moreSee full compatibilityReport feedback 一般的に言うと、関数とは外部 (再帰の場合は内部) から 呼び出す ことのできる「サブプログラム」です。プログラムそのもののように、関数は関数本体 (function body) と呼ばれる連続した文で構成されます。値を関数に渡すことができ、関数は値を返すことができます。 JavaScript に
式と演算子 - JavaScript | MDN
JavaScriptチュートリアルBeginner's tutorialsYour first website: Adding interactivityDynamic scripting with JavaScriptJavaScript frameworks and librariesJavaScript ガイド入門編文法とデータ型制御フローとエラー処理ループとイテレーター関数式と演算子数値と文字列日付と時刻の表現正規表現インデックス付きコレクションキー付きコレクションオブジェクトの利用クラスの使用プロミスの使用JavaScript 型付き配列イテレーターとジェネレーターリソース管理国際化JavaScript モジュール中級編Advanced JavaScript objectsAsynchronous JavaScriptClient-side web APIs言語概要JavaScr
JavaScriptの関数定義 - Nao Minami's Blog
こんばんは、south37です。 最近はEffective JavaScriptを読んでるのですが、知らなかった事がポロポロ出てくるので、とても勉強になっています。これからはちょいちょい、そーやって勉強した事をまとめていけたらいいなと思います。 って事で、今日は関数定義の話をしたいと思います。 関数宣言と関数式 JavaScriptにおける関数定義には、大きく分けて3つの方法があります。 function文を使う方法(関数宣言) function演算子を使う方法(関数式) Functionコンストラクタを使う方法 1と2が一般的によく使われる方法ですね。 // 方法1 function multi(x, y) { return x * y; } // 方法2 var multi = function(x, y) { return x * y; }; // これも方法2 var multi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
flipsnap.js
Will It Shuffle?
http://www.webbrowsercompatibility.com/es6/desktop/