YQLがなくなったのでJSONPで対策してみた - 加賀の迷子ライフ
以前、YQLが急に使えなくなった際に 上記記事のような対策を取ったことがありましたが On Jan. 3, 2019, YQL service at https://t.co/g4W9RhdMLk will be retired. YQL based services that use https://t.co/g4W9RhdMLk, including users of https://t.co/5IkUaEykdl, will no longer operate. Yahoo Weather API users see the tweet below for info about continuing your service. — Y! Developer Network (@ydn) 2018年12月31日 今回は仕様が変わったとかそんな話ではなく YQLそのものがなくなってしまい
encodeURIComponentが世界基準だと誤解してた話
URLをいじくるプログラムをいじっていて、仕様がよくわからなくて悩んだのでまとめます。 2/23: 追試部分を追記 2018/7/14: JavaScriptのURLSearchParamsと、GoのPathEscapeについて追記 ことの経緯 HTTPとはなんぞやとか、GETとPOSTがどうの、それぞれでパラメータがどういう経緯でウェブアプリケーション(とかCGI)に渡って来るのかぐらいは知っていました。で、ウェブでXHRでGETリクエストを送る場合にはJavaScriptのencodeURIComponent()で各パラメータをエンコードして、&でくっつけて、URLの末尾に?で付与すればいいんだよね？と思っていました。こんな感じに。 これを受け取る側は、JavaScript(node.js)ならdecodeURIComponent()を使っているはずだ。ウェブの世界ではJavaScri
Google Libraries API
Google Hosted Libraries は、最も人気のあるオープンソースの JavaScript ライブラリ向けの、安定性、信頼性、高速性に優れた、世界中で利用可能なコンテンツ配信ネットワークです。 Google は、各ライブラリの取り組みについて主要なステークホルダーと直接連携し、最新バージョンがリリースされるとすぐに受け入れます。 ライブラリ ホストされているライブラリを読み込むには、そのライブラリの HTML スニペット（以下を参照）をコピーしてウェブページに貼り付けます。たとえば、jQuery を読み込むには、<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> スニペットをウェブページに埋め込みます。 独自のウェブサイトで HTTP のみを使用してい
カテゴリごとにブログのデザインを替える方法 [他人の日記を見るのか？ ver.BLOG]
『ブログのカテゴリ分けを使いこなす』の記事で、よりカテゴリに意味を持たせて細分化ができるようになりました。 こうなってくるとカテゴリごとに違ったメニューを表示したり、デザインも切り替えたりしてみたくなってきます。 そんな訳で、実際にFC2ブログで(他のブログでも活用できると思います)できるのかどうかをテストしてみました。 １．ページを見分ける カテゴリごとに表示を切り替える訳ですが、複数の記事が同時に表示されている場合、それぞれカテゴリが異なってしまいます。 記事の部分に何かを表示したりデザインを装飾する場合はそれでもいいですが、サイドバーを追加したり、ブログのデザイン全てを切り替えるような場合は具合が悪いです。 そこで個別に記事が表示されている時にだけ、表示機能がＯＮになるようにページを見分けます。 これにはテンプレート変数を使います。 『QLOOKの高度な解析を使いこなす その１』の記
Javascriptでの論理OR、論理ANDの注意点
Javascriptで変数を判定する場合に、判定条件が2個以上あるときに論理演算を使います。 例として以下の様な感じでしょうか。 var x,y; // いろいろな処理・・・ if ((x > 10) && (y > 20)) { // xが10より大きく、かつ、yが20より大きい場合の処理 } if ((x > 10) || (y > 20)) { // xが10より大きいか、または、yが20より大きい場合の処理 } 最初のif文は(x > 10)の論理式と(y > 20)の論理式をAND演算で結合し判定しています。 また、次のif文はそれぞれの論理式をOR演算で結合しています。 これらを以下の様にしてみると、新しい変数h1、h2にはそれぞれ論理演算の結果であるtrueもしくはfalseの値が設定されます。 var x, y; var h1, h2; h1 = (x > 10) && (
いままでいくらAmazonで買い物したか合計するブックマークレット書いた - モロ屋
2015/03/02: 現在動作しなくなっているようなので、こちら等を参照してください。 Amazonで使ってきた金額合計してみろ おにゃんこ速報 5：以下、名無しにかわりましてVIPがお送りします：2012/06/16(土) 13:28:46.48 ID:8IYD9aJN0 どうやって合計するの 6：以下、名無しにかわりましてVIPがお送りします：2012/06/16(土) 13:29:58.55 ID:5x4DpozW0 >>5 ちまちま足す というわけで 自分もどれくらいAmazonで使ってるか知りたかったので、集計するコード書きました。 まずこのページに行ってから、 https://www.amazon.co.jp/gp/css/order-history/ 下をコピペしてアドレスバーに貼り付け。 javascript:(function(){var d=document;var
SCOllaBo.com
Canada’s Top Online Casinos for 2025: Expert Picks and Rankings If you’re searching for trusted gaming experiences tailored to Canadian players, we’ve highlighted platforms that consistently set industry benchmarks. Safety is paramount—every site featured here is fully licensed, secure, and transparent about their operations. Players can expect prompt payout speeds, top-rated customer support, and
そのまま使える正規表現集 for regExp (javascript) | 素人ときどき玄人
一定期間更新がないため広告を表示しています
JavaScript講座 15章 JavaScriptでの正規表現
Blog Post Featured post Industrial Vs Non Industrial Plasma Cutting Machines Continue reading Points to Note When Shopping for a Washing Machine There are different washing machines brands in New Zealand. When shopping, therefore, you need to ensure that first, you get a quality machine; a machine that will last through many years without breaking down. You check product warranties and reviews whe
ライブドアみたいにスクロールしたらサイドバーの広告を固定する - ぼくはまちちゃん！
こんにちはこんにちは！！ 夏ですね！ 真夏ですね！！ ところで最近、ライブドアの一部の人気ブログで、サイドバーの挙動に「んん？」って思ったことありませんか！ …百聞は一見にしかずってことで、実際の例をみてみましょう！ ※PC版のみです ハムスター速報 (左のサイドバーを見ながら、下にスクロールしてください) 痛いニュース(ﾉ∀`) (右のサイドバーを見ながら、下にスクロールしてください) ある程度スクロールすると、サイドバーの広告がぴたっと固定されますね！ これって流行りなんでしょうか…！ そんなわけで、もしかしたら同じことをやりたい人が他にもいるのかも？と思って、 コピペで使えるJavaScriptにしてみました！ ↓ 動作サンプルです！ スクロールしたらサイドバーの広告を固定するスクリプトの動作サンプル ↓ コードはこれです！ 適当にコピペしてブログに貼り付けてね！ <script t
innerHTMLでscriptする - Thousand Years
innerHTMLにscriptを代入しても評価されず無視されるのはIEの仕様なのでいいとしてその回避策。最近、昔あの方法で出来たんだけどいつの間にかできなくなってるコードが出てきている気がします(気のせいにしておこう)。 以下は一般的な動かないコード。 <div id="foo"></div> <script type="text/javascript"> document.getElementById('foo').innerHTML = "<script type='text/javascript'>alert('動かない')<"+"/script>"; </script> 以下は動くコード。 <div id="foo"></div> <script type="text/javascript"> document.getElementById('foo').innerHTML =
セレクター (jQuery で対象の指定を行う)
ASCII.JP から抜粋 だいぶ省略しているので、必要に応じて、上記ページを参照のこと。 CSSのセレクター (抜粋) 要素セレクター: $("TAG") HTML のタグを指定する。 IDセレクター: $("#id") 先頭に '#' (シャープ記号)をつけて、id を指定する。 クラスセレクター: $(".class") 先頭に '.' (ピリオド)をつけて、クラス名を指定する。 子孫セレクター: $(".class TAG") スペースで区切ることで、絞込みを行う。 ユニバーサルセレクター: $("TAG *") アスタリスクですべての要素が指定されるが、 例の書き方では、特定のタグを指定し、空白で区切ったあとで '*' を指定するため、 指定のタグ (たとえば div) の内側でなんらかのタグが現れた場合に対象となる。 グループセレクター: $("#ID, #ID) カンマで区
最近よく使っているコードセットのようなもの 第9回 パーソナルブログの作り方-Re:Creator’s Kansai （リクリ）
【2024年12月】レンタルサーバーおすすめ10社を徹底比較！ 人気ランキングも PR 最終更新日：2024年12月26日
CSS(スタイルシート)をjavascriptで切り替える色々な方法cookie : 4GALAXYのメモ
19 29 08 2007 CSS(スタイルシート)をjavascriptで切り替える色々な方法cookie jQuery, Css CSSを動的に切り替える方法をいくつか紹介します。全てcookieにより保存されます 1.styleswitch.jsを使う方法 まずGoogleで一番ヒットするのがstyleswitch.jsです。 コード <script src="styleswitch.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="default.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="title1" href="css1.css" />
DOM要素の属性：値｜jQuery APIリファレンス｜Ajax｜PHP & JavaScript Room
val()〔最初にマッチした要素のvalue属性の値をを取得〕 val(val)〔マッチした各要素のvalue属性を設定〕 val(val)〔指定した値のセットとマッチするラジオボタン、チェックボックス、プルダウンメニューをすべて選択あるいはチェック〕 最初にマッチした要素のvalue属性の値を取得します。 jQuery v1.2では、現在、select要素を含むすべての要素の値を返します。 複数選択型のselect要素の場合は、値の配列を返します。 select要素とチェックボックスは、:selectedと:checkedセレクタを参照してください。 例： $('select#foo option:selected').val(); /* select要素から値を取得 */ $('input:checkbox:checked').val(); /* チェックの入ったチェックボックスの値を
defer/asyncチェックツールを作りブラウザ対応状況を確認してみた | ゆっくりと…
ちょっと前に 「scriptのdefer/asyncを理解し、ページの高速化方法を探る」 というエントリーを書きましたが、はてなのブックマーカー edvakf さんから 「Opera は defer も async も対応してないはず」 というご指摘を頂きました （edvakf さん、ありがとうございます）。 こちら と こちら （2012年11月16日：Google のドキュメントが削除されました） の表を 「対応状況」 としてそのまま流用してしまったのが失敗でした。英語をよく読めば、You can use the defer/async attribute on the following elements と書いてあります。つまり 属性は使えるけど、動作は別 とも読めるわけで…。 ということで、「defer/async チェッカー （仮）」 を作ってリベンジすることにしました。 1.
scriptのdefer/asyncを理解し、ページの高速化方法を探る | ゆっくりと…
Yslow ルールでは、スクリプトはページの最後尾、つまり </body> 直前に置け、と言っています。なぜなら、スクリプトの読み込みや実行により、他のページ要素の読み込みやレンダリングがブロックされてしまうからです。 一方、古くは IE4 の時代から Microsoft はこの問題に対処するため、defer 属性という独自の解決策を実装してきました。これは HTML 4.01、XHTML 1.0、1.1 で仕様として採用され、HTML5 にも発展する形で引き継がれています。 IE 以外のブラウザも既に対応されており、IE の独自仕様という色合いが濃かった従来と異なり、これからは広く利用されていくのではないかと思います。 下のビデオは、スクリプトの位置と defer 属性のあり／なしによる、ページの読み込み／表示速度の違いを Pagetest.com でテストしてみたもので、明らかな差異が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript Special Characters
Loading...
syboos.jp