JavaScriptでconsole.log()を使うのはやめよう - Qiita
もっと良い選択肢がある Photo by Hugo Rocha on Unsplash はじめに あなたは、console.log()をコードのデバッグによく使うJavaScript開発者ですか？それには何の問題もありません。でも、知らないかもしれませんが、consoleオブジェクトには他にも驚くべきメソッドが沢山あります。この記事では、その効果的な使用方法について説明したいと思います。 consoleオブジェクトを使用する理由 JavaScript の consoleオブジェクトは、ブラウザのデバッグコンソールにアクセスし、コードで使用した変数の値を出力できます。多くの場合、正しい値がコードに渡されているかデバッグするために使用します。 ほとんどの開発者は、console.log()を使用してブラウザコンソールに値を出力したことがあると思います。logは、consoleオブジェクトの1メ
『[Javascript] 最新ブラウザではwindow.openのオプションは動かない』
window.openとは window.openとは、サブウィンドウを生成して、第１引数に指定されたリソースを参照する関数です。第２引数はウィンドウ名、第３引数はウィンドウの高さや幅などのオプションを指定します。 https://developer.mozilla.org/ja/docs/Web/API/window.open 下記のデモページでwindow.openを実行することができます。 【デモはこちら】 【ソースファイルはこちら】 テキストボックスとプルダウンを選択して、「window.open」ボタンを実行すると、サブウィンドウが生成されます。ソースコードは以下の通りです。 $('#openWindButton').on('click', function () { var option = 'top=' + $('#topInput').val() + ',left=' +
![『[Javascript] 最新ブラウザではwindow.openのオプションは動かない』](https://cdn-ak-scissors.b.st-hatena.com/image/square/79c1c2f57a8a45668ded7ab699b927f286c51386/height=288;version=1;width=512/https%3A%2F%2Fstat.profile.ameba.jp%2Fprofile_images%2F20180311%2F02%2F7b%2FOj%2Fj%2Fo02000200p_1520701829991_ikkwy.jpg)
JavaScript による半角と全角の相互変換(カタカナを除く)完成版 : logical error
ちょっと必要だったのでインターネットでライブラリ無いか調べてみたら、特に無い上に完成版が無かったので完成させてみました。 s.charCodeAt(0) - 0xFEE0 というのをやってらっしゃった方が居られたので、これがベストだと思いましたが、何故か数字とアルファベットの範囲指定されておられたので一括で文字範囲指定しました。あと、名前空間で関数名が衝突しないようにしてあります。( lboxtool は自由に変える部分です ) ※ 円マークがバックスラッシュになるのは仕様なので必要ならば改造すればいいと思います <script type="text/javascript"> window.lboxtool={ tohan : function(str) { return str.replace(/[！-～]/g, function(s) { return String.fromCharC
javascriptでcookieに変数を格納する方法についてです。document.cookie="ID=yamada... - Yahoo!知恵袋
javascriptでcookieに変数を格納する方法についてです。 document.cookie = "ID = yamada"; これはうまくいきます。 javascriptでcookieに変数を格納する方法についてです。 document.cookie = "ID = yamada"; これはうまくいきます。 これをalertすると、 ID=yamada; となります。 var x = document.getElementById("search").value; document.cookie = 'ID = x'; これでalertしても、ID = xとしか表示されません。 document.cookie = 'ID = document.getElementById("search").value'; これでalertしても、 ID = document.getElemen
LocalStorageとは？ その使い方を徹底解説！
今回はHTML5で新たに追加されたLocalStorageをご紹介します。今まではアクセスしたユーザの情報を永続的に保持するためには、クッキーやセッションを使用しなければなりませんでした。サーバサイドではこの方法で問題ないのですが、これをフロントエンドで実現するには一手間必要です。javascriptでクッキーを簡単に扱うためのプラグインのjquery.cookieなんかは割と有名かと思います。 SessionStorageの使い方はこちら→javascriptでセッション？HTML5 SessionStorageの使い方 LocalStorageとはWebStorageと呼ばれるものの一つで、javascriptを用いてクライアント側にデータを保存する仕組みです。ユーザのローカル(ブラウザ)にデータを保存することができるので、半永久的にデータを保持することができます。データの読み込み・更
イベント属性（イベントハンドラ）
Updated 2013.10.15 / Published 2005.09.15 イベント属性（イベントハンドラ）とは、スクリプトを利用する際に、読み手（ユーザ）の反応に対して動作する属性のことです。 イベント属性の一覧 onblur 要素がフォーカスを失った時 onchange コントロール部品の各要素の属性値が変更された時 onclick 要素をポインティングデバイスの左ボタンで押した時 ondblclick 要素をポインティングデバイスの左ボタンで2回連続押下した時 onfocus 要素がフォーカスされた（選択状態にある）時 onkeydown 要素の上をキーで押した時 onkeypress 要素の上をキーで押して、放した時 onkeyup 要素の上をキーで押した後に放した時 onload 文書の読み込み完了後 onmousedown 要素をポインティングデバイスの左右いずれかのボ
XMLHttpRequestオブジェクトでリダイレクトをハンドリングする方法 - on the center line.
以前に、同じタイトルのエントリを書いたのですが、それよりもスマートなやり方がわかったので、書いておきます。 やりたいことについては前のエントリで書いたとおり。 XMLHttpRequestで送ったリクエストが、サーバで認証エラー（セッションタイムアウトなど）となる このときサーバは認証エラー（=401）を返すのではなく、ログインページへのリダイレクトを返す クライアント（XMLHttpRequest）は、リダイレクト応答をうけとり、自動的にリダイレクト先を追跡する 結果、クライアントはログインページのHTMLを取得する（このときステータスコード=200） しかし、そもそもクライアントはJSON形式のデータを期待しているためスクリプトエラーとなる 前のエントリでは、XMLHttpRequestでレスポンスヘッダが使えることに着目して、"Content-Type"ヘッダが"text/html"
JavaScriptで文字コード変換ライブラリ作ってみた
↓動作サンプルを作りました 文字コード変換 動作サンプル Unicode の変換が可能になりました。 文字コード配列から URLエンコード/デコード が可能になりました。 あと説明とサンプルも少し載せました。。(説明不足でごめんなさい) こないだの 「JavaScriptだけでzipファイルの解凍 - Unzipper.js」が SJIS ファイルとかだと表示で文字化けするので、ついつい。。 動作確認は、zip ファイル解凍のデモページでわかると思います。 zip の中に SJIS や EUC-JP のファイル (ファイル名) がある場合でも UTF-8 表示で化けなければ問題なしです。 zip 解凍デモページ ↑のデモページを開いて、デスクトップなどから zip ファイルをドロップすると 解凍して結果のテキストを表示します。 ※ JavaScript だけで動いていて、どっかのサーバなど
【javascript】文字列の選択範囲を取得する方法
二日続けてjsネタですjQueryなんかな。どっちだろ。 これで先日の、ある野望に前進しつつあります。 「文字列の選択範囲を取得」これもまた微妙な表現なんですけど、 とりあえず画像でも貼ってみようかなと思います。 つまりやったことはこういうことなんです。 文字列の選択範囲とはカーソルで文字をドラッグした範囲のことです。 文字列の選択範囲をjavascriptを使って取得した結果が上の画像ってことになります。 表現あってるのか不安なので画像使いました。 とりあえずどうやるかというと をconsole.logすればできます。 windowオブジェクト windowって名前が付いた物体の事を言います。 機械といって限定したいところですが、 機械にすると機械にしか出来ない事しかできなくなるので あえてここは物体と表現します。 windowって名前がついたこの物体には 様々な種類の仕事する人間と物置
レスポンシブでcssとjsのブレイクポイントがズレて困るときの対処 : 森のコーディング
2月10 レスポンシブでcssとjsのブレイクポイントがズレて困るときの対処 カテゴリ:javascriptiphone/ipadサイト Tweet レスポンシブデザインのサイトを作っていて、 ブレイクポイントの設定はcssのmedia-queryでやることが多いと思う。 でも動的な処理がからむ部分で変更があるときはjsでも切り替えを行う。 window.resize() とかで。 んで、今回、cssとjsで両方で同時に切り替わるようにしていたのだけれど、 どうやらwin端末だと切り替えのタイミングがズレることがわかった。 css → 768pxで切り替えたい → @media screen and (max-width: 768px) → ちゃんと768pxで切りかわる js → 768pxで切り替えたい → if($(window).innerWidth() < 768){ → 78
★★★隙間を埋める！フッターをウィンドウ下部に固定する3つの方法 | 株式会社LIG
こんにちは、モモコです。 ページを作っている際に、想定していたコンテンツ量よりも原稿が短く、フッターの下にブラウザとの隙間が空いてしまう事がありました。 このスカスカ感を埋めるべく、フッターをウィンドウ下部に固定する方法を調べたので備忘録も兼ねてご紹介します。 positionを使い、フッターをコンテンツ下部に固定する方法 【HTML】 <html lang="ja"> <body> <div id="wrap"> <header>ヘッダー</header> <div id="contents">コンテンツ</div><!-- contents --> <footer id="footer">フッター</footer> </div><!-- wrap --> </body> </html> 【css】 html,body{ height:100%; } #wrap{ width: 100%
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
form において submit ボタンを押すと新しいウィンドウで次のページを開く方法を教えてください また、新たに開くウィンドウは500×500のサイズで開きたいです …
ドキュメント・文字列の出力｜Documentオブジェクト｜JavaScript/DOM｜PHP & JavaScript Room
javascript 複数の分割文字列でsplit : ねとめもー
JavaScriptで配列からランダムで値を取得する方法 | Web備忘箱