JavaScriptだけでブラウザの「戻る」ボタンを無効化する方法 - HIDARI日記（右）
このあいだ諸事情で調べたら、意外とまとまってるとこなかったなのでちょこっと書いてみます。 IE8以降を対象 ブラウザの「戻る」ボタンで他のページに遷移しない Backspaceキーでの「戻る」も許可しない みたいな方針で調べてみました。 まあ結論から言うと Ah, the back button. You might imagine "back" fires a JavaScript event which you could simply cancel like so: document.onHistoryGo = function() { return false; } No so. There simply is no such event. javascript - Intercepting call to the back button in my AJAX applicatio
クリックしたときに作られるJavaScriptコンテンツはGoogleにインデックスされない
[レベル: 中級] JavaScriptによって動的に生成される展開型コンテンツをGoogleはインデックスしません。 GoogleのGary Illyes（ゲイリー・イリーズ）氏が、あらためて注意を喚起しました。 PSA: If you put contents in a javascript array and only expand them when you click e.g. "…", those contents won't be indexed by Google — Gary Illyes (@methode) 2015, 11月 4 公共サービス情報: JavaScript Arrayにコンテンツを格納していて、たとえば「…」をクリックしたときにだけそのコンテンツが展開するとしたら、そのコンテンツはGoogleにはインデックスされないだろう。 Googlebotはクリッ
[JavaScript] 画像リサイズ＆回転 - Qiita
別記事に書いた『画像変換：<img>要素 ⇔ Base64』 の手法を応用すると、画像リサイズや回転ができます。取り急ぎデモソースのみです。解説は、いずれ…。注意点として、冒頭の記事と同じくJavaScriptのクロスドメイン制限の影響を受けます。つまり、外部サーバーにある画像をリサイズ・回転して表示することはできません。 また、iOSでカメラ撮影された画像は勝手に回転してしまうので注意が必要です。詳細については「参考URL」を。 その１：<img>タグの画像をリサイズ・回転 ⇒ 画像リサイズのデモ：<img>タグ ⇒ 画像リサイズのデモ：<img>タグ【90度ずつ回転】 その２：Base64画像データをリサイズ・回転 ⇒ 画像リサイズのデモ：Base64 ※コールバック方式に書き直しました ⇒ 画像リサイズのデモ：Base64【90度ずつ回転】 参考URL ▼Canvasの画像をリサイズ
![[JavaScript] 画像リサイズ＆回転 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/91437aa9730d17d0a567f5f50c85e6911791345b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMCVFNyU5NCVCQiVFNSU4MyU4RiVFMyU4MyVBQSVFMyU4MiVCNSVFMyU4MiVBNCVFMyU4MiVCQSVFRiVCQyU4NiVFNSU5QiU5RSVFOCVCQiVBMiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9OWMzMmY2MTlkNDhkZDZiMzVkN2MzOTU1MTMwYTBhZGQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5YXN1bW9kZXYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTFiZGRhNzVhNjliZWZiMTZhZjQ2ODA4MDZmMGY2NzZm%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Db42b7ba7327f89000a38dbfd30085a34)
HTML5 History APIで非同期通信時にURLを変更する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアの店長です。 先日記事が出てましたが改めて自己紹介します。 大学卒業後はカフェで仕事をしていたのですが、退職して1年半ほどWebデザイナーをしていました。そして、LIGにはフロントエンドエンジニアとしてジョインすることに。 お察しのとおり、店長というアダ名はカフェで働いていたためです。 今後ともよろしくお願いします。 さて、今回はHTML5のHistory APIについてお話したいと思います。 History APIについて History APIには以前からブラウザの履歴（スタック）を行き来する機能があったのですが、HTML5でさらに以下のような機能が追加されました。 画面を遷移せず、履歴に新たなURLを追加する。 現在のページの履歴を変更する。 ブラウザの戻る・進むボタンをクリックしたときにイベントを検知する。 このような機能がどんな場面で使われてい
JavaScript 言語概要 - JavaScript | MDN
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
無職のプログラミング HTML5 Audio オブジェクトを JavaScript で制御する方法
HTML5 の Audio オブジェクトについて調べたことをまとめる。 なお、本エントリでは Audioタグについては記述しない。 ＜注意＞以下で示すソースコードは、Firefox3.6 と GoogleChrome7 でしか検証していません。 目次 1. HTMLAudioElement オブジェクトの作成 2. HTML5 Audio およびコーデックのサポートチェック 3. 再生する Audio ファイルの指定 4. Audio ファイルの再生、一時停止、停止 5. Audio ファイルの音量変更 6. サンプルプログラム 1. HTMLAudioElement オブジェクトの作成 参考ページ： audio 要素 - HTML5 タグリファレンス - HTML5.JP JavaScriptで制御するために、Audio要素のオブジェクトを作成する必用がある。 作成方法は以下の2通り /
Android／iOSでAudio要素の連続再生対策
HTML5でVideo／Audioがノンプラグインで再生出来るようになりましたが、シンプルに一つのファイル（単独のVideo／Audio要素）を再生するだけであれば 各ブラウザ向けにエンコードして（対応した拡張子の）ファイルを用意するだけで簡単に利用出来ます。 この対応拡張子（コーデック）が異なる部分も厄介な問題ですが、既に話題している方が多いので本エントリーでは省略します。 タイトルのAudio要素を連続して再生する状況ですが、例えばアプリやゲームの操作時に発生するSE（サウンドエフェクト）として連続して再生する状況があるかと思います。 PCブラウザ（IE9+、Chrome、Firefox）はAudioを連続で再生しても概ね問題なく動作しましたが、スマホブラウザ（Android、iOS）は少し工夫しないと連続で再生出来ませんでした。 また、その他にもAudio要素をスマホで扱う際に注意す
【JavaScript】（基礎）親要素・子要素の取得・追加まとめ③ | unitopi - ユニトピ -
こんにちは！ unitopi新米ライターの、ケインでございます。 このシリーズも最終回。今回も、JavaScriptにおいて基本的だけど忘れがちな、JavaScript（jQuery）における「親要素・子要素の取得・追加（削除）」について、今回は「要素の追加と削除」のお話をさせていただきます！ ちなみに今回は、説明の仕方がこれまでの２回と異なるアプローチになっているので、その点ご承知おきください！（※なぜなら紹介する量が多そうだからです…） ※サンプルコードは、「JS」タブや「HTML」タブなどを交互に見ていってくださいね！ ※このシリーズのこれまでの記事は「その①」及びその②になります。まだご覧になっていない方で、合わせて勉強したい方はぜひご覧くださいね！ 【JavaScriptの場合】 jQueryに比べると少ないですが、それなりに表現方法の数がありますので、どんなものがあるか、一覧を
テキストエリアの現在のカーソル(キャレット)位置に文字を挿入するには - 2009-07-27 - エンジニアきまぐれTips
jQuery とかで簡単にできるんじゃないかと検索してたら以下のページがヒットした。 http://stackoverflow.com/questions/946534/insert-text-into-textarea-with-jquery http://d.hatena.ne.jp/project_the_tower2/20071228/1198785069 試行錯誤して、以下のサンプルができた。(IE8 と FF3 で確認) <form> <textarea id="area"></textarea> <input type="button" id="insert" value="挿入"> </form> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/jav
Angular.js入門 (4)ディレクティブ その1 - Qiita
前回: Angular.js入門 (3)フィルタ 次回: Angular.js入門 (5)ディレクティブ その2 今回はいよいよangular.jsの肝とも言えるdirectiveについてです。ディレクティブという単語自体が日本語として馴染みが無いのもありますし, 実際になかなか複雑な機能なので理解が進まないところもあります(^ω^;) filterと同様自分でカスタムのdirectiveを作ることもできるのですが, Angular自身も標準directiveを持っています。まずはこちらを使って何ができるのかから見て行きましょう。 はじめてのDirective var app = angular.module("myApp", []); app.directive("test", function () { return { restrict: "E", template: "<div>こ
JavaScriptで自動文字認識！ Microsoftの無料OCRライブラリーを使おう（後編）
「JavaScriptで自動文字認識」プログラムについての解説の前編では、JavaScriptを使って、画像に書かれている文字をテキストで抽出するプログラムを作りました。 前編で簡単なテストプログラムを作るところまで進めましたが、今回は、複数の画像から連続で文字認識をして、テキストファイルに保存するプログラムを作ってみましょう。Webサイトのスクリーンキャプチャーや、スキャンした画像などをテキストとして保存するのに便利なプログラムです。 MicrosoftのOCRライブラリー「MODI」について 今回解説するプログラムは、Windows専用です。JavaScriptから手軽に画像文字認識を行うために、Microsoftが提供する「MODI」のOCR機能を利用します。このライブラリーのために、無料でダウンロード可能な「SharePoint Designer 2007」をインストールする必要が
合コン失敗したら風俗
女子大生がたくさん働いているデリヘルのサービス。深夜でも使える風俗として、自分の暮らしを豊かにしてくれているデリヘルです。有名大学に通う女性を指名した今回は、思い出しただけでも興奮が甦ってくるほど。素股の気持ち良さは挿入を超えるくらいの感覚でした。その秘密は敏感なクリにあります。素股をするとどんどん刺激されてクリが固くなり、それが亀頭に当たって気持ち良い。相手も擦れて気持ち良いという相乗的な魅力に浸るのが、今までの風俗史上最高の体験になったのです。素股はぎこちなさもあるのですが、それでも密着度が高くてアソコへの刺激は十分すぎるほど。途中で耐えることを諦めていれば、きっとサービスから半分も消化しないうちに果ててしまっていたと思います。しかし、僕は風俗MASTERです。そんなことできません。キスも大好きらしく、クンニをした後でも何度となく「チューしてほしい」とお願いされたので、舌を絡めてじっく
webkitNotifications:</gecko>：げことじ。：日常からWEBまで：
さっそく試行錯誤したデモを作ってみました。 http://gecko.hp2.jp/chrome_notify/ サポートの有無 if(window.webkitNotifications){ $("#webkit").html("webkitNotificationsをサポートしている"); }else{ $("#webkit").html("webkitNotificationsをサポートしていない"); } 通知の許可をさせるにはクリックなどユーザーの動作が必要っぽい。 $("#request-permission").click(function(e) { e.preventDefault(); window.webkitNotifications.requestPermission(function(){ if(cb){ cb(window.webkitNotificatio
Titanium Mobileでクロスプラットフォーム開発しよう （その１） - Tech-Sketch
最近、iPhoneやAndroidのネイティブアプリをクロスプラットフォーム開発できるフレームワークが増えてきましたね。JavaScriptで開発できるTitanium MobileやRuby on Railsのように開発ができるRhodes Mobileなどが有名でしょうか。 ただし、こういったスクリプト言語でネイティブアプリを開発する場合、iOS/AndroidのAPIをどこまで利用できるのかやプラットフォームの違いがどこまで吸収できるのかが気になるところです。ということでTitanium Mobile 1.7.5でiPhone/Androidのネイティブアプリ開発を試してみましたので、その中で気になった点をいくつか紹介します。 なお、今回開発したアプリは画像、位置情報、テキストデータをサーバへPOSTするという簡単なものです。 iPhone/AndroidのView ネイティブア
Android携帯でブラウザから緯度経度情報を取得 - PHP,MySQL,Flex,JSな日々＋イラストとか
Android携帯でブラウザから緯度経度情報を取得する方法です。 以前紹介したiPhone3.0のときと結構似ているので簡単にできます。 ページはこちら http://moeten.info/flex/20090713_androidGPS/test.php AndroidかiPhoneからアクセスしてね！ こんな感じにブラウザのJavaScriptから簡単に取得できますよー。 簡単な説明 Androidではgearsを使用することによってGPS情報が扱えるようになります。 まずは、 gears_init.js をインクルード <script type="text/javascript" src="gears_init.js"></script> javascript部分 //緯度経度取得 function getGPS(){ var gps = google.gears.factory.
Perl Script Laboratory
ログ last updated on 新着情報リスト フォームデコードサービスV2 郵便番号検索 文字コードチェック サポート掲示板 PSLブログ このサイトについて トップページのアイコンたち サポートについて プライバシーポリシー 著作権表示の削除をしたい方へ お問い合わせ/依頼/申請窓口 フリープログラム利用規約 設置代行等に関する規約 登録事業者リスト 特商法に基づく表示 設置代行サービス カスタマイズサービス オーダーメイドサービス 手数料・設定項目一覧表 CGI・SSIの基礎の基礎 読むとためになる本の紹介(3) 読むとためになる本の紹介(4) CGI環境変数 UNIXの基礎の基礎 基本認証の方法 ASCIIコード一覧表 文字化けする文字一覧表 "^"(0x5e)を含む文字一覧表 "|"(0x7c)を含む文字一覧表 SMTP応答コード一覧表 アクセスカウンタ アクセス統計版 v
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ニフティクラウド mobile backendを使ってJavaScriptでプッシュ通知を作る - Qiita
大手Webサービスがクライアント側で発生したJavaScriptのエラーをどう収集しているのか まとめ - Qiita
Objective-cとwebview内JavaScriptのやりとり - Qiita
Titanium Mobileで作る！ iPhone／Androidアプリ 記事一覧 | gihyo.jp
