サービス終了のお知らせサービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。
[JavaScript] 全角を2、半角を1と数えるコード | きほんのき
JavaScriptで全角を2、半角を1と数える必要があったので調べてみたら、大量に参考になるページが出てきました。結構需要があるのですね。 html5のcanvas上にテキストを描画する際、テキストの長さを取得するにはmeasureText()メソッドを使います。canvasを初めて使った時、このメソッドに気づかず、「全角を2、半角を1として数え、フォントサイズを掛けて長さを求めよう」などと考えたのですね。その時に必要になったわけですが、これで正しいwidthが分かるわけもなく。 それはそれとして、表題のコードは非常に有用で使い所も多いのでメモしておきます。コードはこちらを参考にさせていただきました。 var charcount = function (str) { len = 0; str = escape(str); for (i=0;i<str.length;i++,len++)
JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD
この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり：私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント 大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ
クリックするとテキストボックスにかわるラベルを実装
Flickrなどでは、写真の編集画面でキャプションをラベルとして表示しておきクリックするとテキストボックスやテキストエリアに変換してくれて編集させるようなインターフェイスを実装しています。結構いいですよね～。そこで実装してみました。 スクリプト <script type="text/javascript" src="jquery.min.js"></script> <div id="div802">3.25</div> <input id="div802-edit" name="div802" style="display:none;"></input> <script type="text/javascript"> $('#div802').click(function() { $('#div802').css( 'display', 'none'); $('#div802-edit')
画像の遅延ロードでイライラを解消 TADAプラグイン
「TADA」は、画像の遅延ローディングを手軽に実装するプラグインです。ページを読み込んだときではなく、画像が見える位置までスクロールしたタイミングで読み込むので、ページを開いたときの待ち時間を短縮できます。 TADAプラグインはGoogle ChromeなどのモダンブラウザーとInternet Explorer 8以降、iOS／Androidのスマートフォンに対応しています。 ライセンスはMITです。ライセンスに従って著作権表示は削除せずに利用しましょう。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、 TADAをGithubからダウンロードします。ページ右下の「Download ZIP」ボタンからダウンロードできます。 利用するWebページのbodyの閉じタグ直前で、jQuery本体と、ダウンロードした「jquery.tada.min.js
JavaScript、jQuery、両者を使って要素を並べ替える - すたら日記
"Yahoo!知恵袋"で下記のような質問に出会ったので、実際に作ってみました。 javascriptによる順序の並び替え。 - Yahoo!知恵袋 http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1487903314 実験ページ http://usamimi.info/~sutara/sample/jq_sort.php ソース(抜粋)※ 全文は、実験ページのソースをご覧下さい。 並べ替えるリストid名の数値の順番に並べ替えます。 <ol id="test1"> <li id="3">id:3 cccccc</li> <li id="4">id:4 dddddd</li> <li id="1">id:1 aaaaaa</li> <li id="2">id:2 bbbbbb</li> </ol> JavaScript var
セレクトボックスのoption要素を並び替えたい！
こんちわ。松田です。 最近作っているシステムで、以下のようなお題が出されました。 問：セレクトボックスで選択した要素を↑↓ボタンで並び替えよ。ただし、CTRL選択による複数選択にも対応すること。（10点） JavaScriptのライブラリは腐るほど出回っているのでとりあえずググろうかと思いましたが、そもそもなんてキーワードで検索したらいいのか分かりません。 「セレクトボックス 並び替え」「selectbox 要素 移動」「selectbox move」・・・ うーん。。。 日本語で検索して引っかからないと、英語ページに救いを求め、だんだんとシンプルな英単語でググっていくことになりますが、今回はなかなかいい結果が見つかりません。 そんなわけでこれは自分で実装してみることにしました。 まずは↓ボタンから作るか。ということで、クリックしたら呼び出される関数をとりあえず定義。 そして、<optio
Google Codeの閉鎖に伴い、設置済みajaxzip3が2016年1月死亡確定。引き続き利用するにはjsの読み込みをgithubに変更が必要。 - motooLogue
Google Codeの閉鎖に伴い、設置済みajaxzip3が2016年1月死亡確定。引き続き利用するにはjsの読み込みをgithubに変更が必要。 特に関係ないわ〜ってスルーしてたんですが、今月の初旬にGoogleのサービス閉鎖のニュースが配信されておりました。 Bidding farewell to Google Code Beginning today, we have disabled new project creation on Google Code. We will be shutting down the service about 10 months from now on January 25th, 2016. Below, we provide links to migration tools designed to help you move your proje
JavaScript/ウィンドウ/入力ダイアログを表示する - TAG index
入力できるダイアログを表示するスクリプトです。 以下のサンプルでは、ユーザー名に tama と hana が登録されています。 <html> <head> <title>TAG index Webサイト</title> <script type="text/javascript"> <!-- function disp(){ // 入力ダイアログを表示 ＋ 入力内容を user に代入 user = window.prompt("ユーザー名を入力してください", ""); // 入力内容が tama の場合は example_tama.html にジャンプ if(user == 'tama'){ location.href = "example_tama.html"; } // 入力内容が hana の場合は example_hana.html にジャンプ else if(user ==
十二章第三回 History API — JavaScript初級者から中級者になろう — uhyohyo.net
十二章第三回 History APIこのページの最終更新日：2018年7月29日 次に紹介するのがHTML5 History APIです。Historyとは履歴のことです。履歴関係のことは、historyという名前のオブジェクトから利用可能です。 古典的な履歴操作実はこのhistory自体は昔からあって、いくつかメソッドを持っていました。 history.back(); 例えばhistory.backメソッドは、いわゆるブラウザの「戻る」ボタンと同じ動きです。 実際にやってみましょう。 このボタンは次のようにできています。 <input type="button" value="戻る" onclick="history.back()"> このボタンを押すと、ブラウザの「戻る」ボタンを押したときと同じように前のページに戻ります。 逆に「進む」はhistory.forward()です。他に、「
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
LocalStorageとは？ その使い方を徹底解説！
今回はHTML5で新たに追加されたLocalStorageをご紹介します。今まではアクセスしたユーザの情報を永続的に保持するためには、クッキーやセッションを使用しなければなりませんでした。サーバサイドではこの方法で問題ないのですが、これをフロントエンドで実現するには一手間必要です。javascriptでクッキーを簡単に扱うためのプラグインのjquery.cookieなんかは割と有名かと思います。 SessionStorageの使い方はこちら→javascriptでセッション？HTML5 SessionStorageの使い方 LocalStorageとはWebStorageと呼ばれるものの一つで、javascriptを用いてクライアント側にデータを保存する仕組みです。ユーザのローカル(ブラウザ)にデータを保存することができるので、半永久的にデータを保持することができます。データの読み込み・更
HTML5 SessionStorageの使い方 - WebStorageを使ってみよう！
今回はHTML5のSessionStorageをご紹介します。今までjavascriptからSessionを直接触ることはできず、フロントエンドで一時的にデータを保存する方法はcookieしかありませんでした。HTML5からはLocalStorageやSessionStorageを使うことでフロントでデータを保持することが可能になっています。 localStorageの使い方はこちら → クッキーはもう古い!?HTML5 localStorageの使い方 SessionStorageとはSessionStorageとはWebStorageの一種で、javascriptを用いてクライアント側にデータを保存する仕組みです。ユーザのローカルへデータを保存することができるのはLocalStorageと同じですが、データの有効期限が異なります。LocalStorageでは半永久的にデータを保持できる
JavaScriptoon - TechBooster - BOOTH
2015/8/24 電子書籍（PDF版）を登録しました。 紙面をPCやタブレット用に最適化しています（本文サンプルの1枚目を参照ください）。 JavaScriptoon（148p）は、今のWeb技術を切り取って収録しました。最新技術を扱った一冊です。 流行の兆しをみせているPolymer（とその基盤となるWebComponents）やgRPCプロトコルといった注目技術を収録。 WebGLを触るには最適なthree.js、さらにはECMAScript7のSIMDを先取り解説＆パフォーマンスチェックなどWebの表現力とグラフィックの未来を切り取りました。BabelやStream、セキュリティ技術のFIDO U2Fなど、すぐに活きる知識にも触れています。 本書ではvvakameをはじめ現役エンジニアがあれこれ試した生の情報を独自の視点でまとめています。タイトルはもちろんSplatoonパロディ。
九游手机版app-九游(中国)-九游手机版app-九游(中国)
九游手机版app-九游(中国)位于国花牡丹之乡，十三朝古都洛阳工业园区内，与洛矿、洛铜、洛轴等大型企业为邻，在洛新开发区、机场工业园的服务辐射范 围内。企业紧邻310国道具有运输大型石油化工设备得天独厚的交通运输条件，是中国石化股份有限公司设备、配件资源市场总部直管供应商、中国化工、神 华集团、河南能化集团等注册供应商。与中国石化洛阳石化工程公司、洛阳黎明化工研究院等设计研发单位有长期稳定合作。本公司具有特种设备制造许可 证（A2级别：第一、二、三类低中压容器制造许可证），以及D1、D2类压力容器设计许可证。企业通过了ISO9001质量管理体系等一系列体系认证。公司 技术力量雄厚，质保体系健全，技术装备先进、检测手段齐全，产品质量稳定可靠，售后服务及时周到...查看更多>>
Pretty Diff - The difference tool
☰Application Menu ⛶Toggle Fullscreen Pretty Diff - Austin Cheney Access the old Pretty Diff tool. Written 12 August 2023 I lived in Afghanistan for nearly 2 years for two separate US Army deployments. I write this just over 14 years after first stepping foot in Afghanistan. Travel Living and Waiting On the first Afghanistan deployment I was constantly traveling, and travel in Afghanistan was rough
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
開発メモ：文字列の最後の１字を削除｜理総研
jsdo.it
GitHub - yubinbango/yubinbango
Marked.js で Markdown をクライアント側でパースして表示する - Qiita
