https://b.hatena.ne.jp/psne/javascript/ javascriptに関するpsneのはてなブックマーク (17) https://psn.hatenablog.jp/entry/2016/04/15/150001 psne 2016-04-17T18:07:13Z JavaScript 3 <blockquote cite="https://psn.hatenablog.jp/entry/2016/04/15/150001" title="Also read(あわせて読みたい)の表示が一部変更されました - すなばいじり"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpsn.hatenablog.jp%2Fentry%2F2016%2F04%2F15%2F150001" alt="" /> <a href="https://psn.hatenablog.jp/entry/2016/04/15/150001">Also read(あわせて読みたい)の表示が一部変更されました - すなばいじり</a></cite><p><a href="https://psn.hatenablog.jp/entry/2016/04/15/150001"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6c06b79eff9d52d290319661a4a6e4d7107eb378/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673874294%2F10328537792371244946%2F1460700022" alt="Also read(あわせて読みたい)の表示が一部変更されました - すなばいじり" title="Also read(あわせて読みたい)の表示が一部変更されました - すなばいじり" class="entry-image" /></a></p><p>画面サイズによって、ボタンのレイアウトやサイズが変更されるようになりました。 HTMLの構文を見直し、構造データとしての関連項目という意味を持たせるようになりました。(asideタグを利用していますが、状況によってdivタグに修正される場合があります。) 動作確認用の表示が追加されました。 どうぞご利用ください。...</p><p><a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2016/04/15/150001"><img src="https://b.hatena.ne.jp/entry/image/https://psn.hatenablog.jp/entry/2016/04/15/150001" alt="はてなブックマーク - Also read(あわせて読みたい)の表示が一部変更されました - すなばいじり" title="はてなブックマーク - Also read(あわせて読みたい)の表示が一部変更されました - すなばいじり" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2016/04/15/150001"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://psn.hatenablog.jp/entry/Htnpsne-API psne 2016-04-06T14:41:54Z JavaScript 6 <blockquote cite="https://psn.hatenablog.jp/entry/Htnpsne-API" title="はてなブログ向けのよく使うライブラリを作った - すなばいじり"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpsn.hatenablog.jp%2Fentry%2FHtnpsne-API" alt="" /> <a href="https://psn.hatenablog.jp/entry/Htnpsne-API">はてなブログ向けのよく使うライブラリを作った - すなばいじり</a></cite><p><a href="https://psn.hatenablog.jp/entry/Htnpsne-API"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9d33c60a98decc68ddfaa71d74937e1e2e585ad7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F477274cb45dc7857e0b783810744d1eab2a7802c%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fpsne%252F20150406%252F20150406200520.png" alt="はてなブログ向けのよく使うライブラリを作った - すなばいじり" title="はてなブログ向けのよく使うライブラリを作った - すなばいじり" class="entry-image" /></a></p><p>主に自分がよく使う(可能性がある)ものを切り出して「あの仕組みはどのプラグインに使っていたかな？」という解決法として利用するためのものです。 去年も似たような記事を書いたやつ。 Htnpsne.API.ts for HatenaBlog CommonAPI 使い方 このエントリー時点では、以下の機能を提供します。 Htnpsne.API.htmlTagData 現...</p><p><a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/Htnpsne-API"><img src="https://b.hatena.ne.jp/entry/image/https://psn.hatenablog.jp/entry/Htnpsne-API" alt="はてなブックマーク - はてなブログ向けのよく使うライブラリを作った - すなばいじり" title="はてなブックマーク - はてなブログ向けのよく使うライブラリを作った - すなばいじり" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/Htnpsne-API"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://psn.hatenablog.jp/entry/breadcrumb はてなブログの「カテゴリー一覧」にて要素不足となる部分も修正されます。どうぞご利用ください。 psne 2016-03-27T11:50:02Z JavaScript 49 <blockquote cite="https://psn.hatenablog.jp/entry/breadcrumb" title="はてなブログでパンくずリストを利用する - すなばいじり"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpsn.hatenablog.jp%2Fentry%2Fbreadcrumb" alt="" /> <a href="https://psn.hatenablog.jp/entry/breadcrumb">はてなブログでパンくずリストを利用する - すなばいじり</a></cite><p><a href="https://psn.hatenablog.jp/entry/breadcrumb"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/accee63f0f03bd1a0d26590250493c307f8d3635/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Ff8636a0ba0d4591e917312af236bfa9782e24808%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fpsne%252F20160327%252F20160327145926.jpg" alt="はてなブログでパンくずリストを利用する - すなばいじり" title="はてなブログでパンくずリストを利用する - すなばいじり" class="entry-image" /></a></p><p>検索結果にカテゴリーを表示して、訪問者に便利な案内を提供しましょう。(SEO対策) はてなブログ(無料版)、はてなブログProのどちらでもご利用いただけます。どうぞご利用ください。 パンくずリストは最新の仕様*1に合わせてあります。 はてなブログの「カテゴリーごとのページ」に欠落しているパンくずリストを修正しま...</p><p><a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/breadcrumb"><img src="https://b.hatena.ne.jp/entry/image/https://psn.hatenablog.jp/entry/breadcrumb" alt="はてなブックマーク - はてなブログでパンくずリストを利用する - すなばいじり" title="はてなブックマーク - はてなブログでパンくずリストを利用する - すなばいじり" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/breadcrumb"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://psn.hatenablog.jp/entry/2016/03/08/101501 psne 2016-03-08T07:08:49Z AMP JavaScript 5 <blockquote cite="https://psn.hatenablog.jp/entry/2016/03/08/101501" title="はてなブログにGoogleの「AMP」が対応できた - すなばいじり"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpsn.hatenablog.jp%2Fentry%2F2016%2F03%2F08%2F101501" alt="" /> <a href="https://psn.hatenablog.jp/entry/2016/03/08/101501">はてなブログにGoogleの「AMP」が対応できた - すなばいじり</a></cite><p><a href="https://psn.hatenablog.jp/entry/2016/03/08/101501"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/616d7a03820cad401b57817e50fea3dd6dd7c9b0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F0e686f0090caa6b0ff5e011f701a43aa0fe0faa9%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fpsne%252F20160308%252F20160308092832.jpg" alt="はてなブログにGoogleの「AMP」が対応できた - すなばいじり" title="はてなブログにGoogleの「AMP」が対応できた - すなばいじり" class="entry-image" /></a></p><p>数日前のエントリーの続きです。 ドキュメントには同一ドメインやサブドメインの指定のみ記述されていましたが、別ドメインでもAMP*1対応できたようです。良かったですね。 数日前のエントリー。 psn.hatenablog.jp 意外とシビアなタイミングのようですが、検索結果から見つけることができたので、これにて「別ドメイン...</p><p><a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2016/03/08/101501"><img src="https://b.hatena.ne.jp/entry/image/https://psn.hatenablog.jp/entry/2016/03/08/101501" alt="はてなブックマーク - はてなブログにGoogleの「AMP」が対応できた - すなばいじり" title="はてなブックマーク - はてなブログにGoogleの「AMP」が対応できた - すなばいじり" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2016/03/08/101501"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://psn.hatenablog.jp/entry/2016/03/04/100001 psne 2016-03-04T08:05:23Z AMP JavaScript 10 <blockquote cite="https://psn.hatenablog.jp/entry/2016/03/04/100001" title="Googleの「AMP」非対応のはてなブログをハックして対応するやつを作ったので知見を共有する - すなばいじり"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpsn.hatenablog.jp%2Fentry%2F2016%2F03%2F04%2F100001" alt="" /> <a href="https://psn.hatenablog.jp/entry/2016/03/04/100001">Googleの「AMP」非対応のはてなブログをハックして対応するやつを作ったので知見を共有する - すなばいじり</a></cite><p><a href="https://psn.hatenablog.jp/entry/2016/03/04/100001"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1c5f3e6e0d2f65be4a1ff479f4bfad8c7220c8cd/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fb60183c65857730ff54ed94601a34bc26ad69171%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fpsne%252F20160304%252F20160304094121.jpg" alt="Googleの「AMP」非対応のはてなブログをハックして対応するやつを作ったので知見を共有する - すなばいじり" title="Googleの「AMP」非対応のはてなブログをハックして対応するやつを作ったので知見を共有する - すなばいじり" class="entry-image" /></a></p><p>TL;DR ※too long; didn’t read. ＝長すぎて読まない人向け 3行でおｋ 御託をこねるよりコードを書けという有名な言葉があるので作った。 AMP(Accelerated Mobile Pages Project)という儚い夢から醒めさせる為に実証コードを書いた。手斧もいいけど技術で殴るよ！ 次回予告はウェブページの読み込み時間を計測する PageSp...</p><p><a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2016/03/04/100001"><img src="https://b.hatena.ne.jp/entry/image/https://psn.hatenablog.jp/entry/2016/03/04/100001" alt="はてなブックマーク - Googleの「AMP」非対応のはてなブログをハックして対応するやつを作ったので知見を共有する - すなばいじり" title="はてなブックマーク - Googleの「AMP」非対応のはてなブログをハックして対応するやつを作ったので知見を共有する - すなばいじり" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2016/03/04/100001"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://psn.hatenablog.jp/entry/2016/02/01/224501 上手いことやってください psne 2016-02-01T21:52:14Z javascript 6 <blockquote cite="https://psn.hatenablog.jp/entry/2016/02/01/224501" title="(例えば、)はてなブログで特定の要素を抽出したい - すなばいじり"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpsn.hatenablog.jp%2Fentry%2F2016%2F02%2F01%2F224501" alt="" /> <a href="https://psn.hatenablog.jp/entry/2016/02/01/224501">(例えば、)はてなブログで特定の要素を抽出したい - すなばいじり</a></cite><p><a href="https://psn.hatenablog.jp/entry/2016/02/01/224501"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7e3ec924b0ca783b09fa5d4fd9494de058cd0c9b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fd7d6bd956d9f70b7295aeae4cd957cb5da4d7329%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fpsne%252F20160201%252F20160201222411.jpg" alt="(例えば、)はてなブログで特定の要素を抽出したい - すなばいじり" title="(例えば、)はてなブログで特定の要素を抽出したい - すなばいじり" class="entry-image" /></a></p><p>色々試行錯誤をされて解説していただいたエントリー。 記事中でも「3つ目のh3の前」などと指定ができるので、これを記事一覧でもできないか考えて改善していきたい。最終的には他人のgithubコードを利用せずに、DOMオブジェクト生成して、自分で場所を決めて出力したいな。 はてなブログのトップページ記事一覧にアドセ...</p><p><a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2016/02/01/224501"><img src="https://b.hatena.ne.jp/entry/image/https://psn.hatenablog.jp/entry/2016/02/01/224501" alt="はてなブックマーク - (例えば、)はてなブログで特定の要素を抽出したい - すなばいじり" title="はてなブックマーク - (例えば、)はてなブログで特定の要素を抽出したい - すなばいじり" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2016/02/01/224501"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://psn.hatenablog.jp/entry/2015/12/03/231501 動作確認中です。ソースを読めば使い方が分かりますが、詳しい説明を書きました。 psne 2015-12-03T15:55:29Z はてな JavaScript 6 <blockquote cite="https://psn.hatenablog.jp/entry/2015/12/03/231501" title="はてなブログの合わせて読みたいのやつをどうにかする。 - すなばいじり"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpsn.hatenablog.jp%2Fentry%2F2015%2F12%2F03%2F231501" alt="" /> <a href="https://psn.hatenablog.jp/entry/2015/12/03/231501">はてなブログの合わせて読みたいのやつをどうにかする。 - すなばいじり</a></cite><p><a href="https://psn.hatenablog.jp/entry/2015/12/03/231501"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1f6398417fb24f4cfb5c0d12d15c16a1531e5c1c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fb134dbd693c6a364e16931740cabfa4e4d011e00%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fecx.images-amazon.com%252Fimages%252FI%252F41ciIC-bDqL.jpg" alt="はてなブログの合わせて読みたいのやつをどうにかする。 - すなばいじり" title="はてなブログの合わせて読みたいのやつをどうにかする。 - すなばいじり" class="entry-image" /></a></p><p>進捗：何だか困っているようなので作ったやつ。 psn.hatenablog.jp moneyreport.hatenablog.com bulldra.hatenablog.com カスタム相互RSSについては、仕様がそうなっているので自力で何とかしてもらうしかないのですが、関連記事を載せるものに関しては、自分のサイトのデータなので、どうにかなります。 日報みたいなエ...</p><p><a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2015/12/03/231501"><img src="https://b.hatena.ne.jp/entry/image/https://psn.hatenablog.jp/entry/2015/12/03/231501" alt="はてなブックマーク - はてなブログの合わせて読みたいのやつをどうにかする。 - すなばいじり" title="はてなブックマーク - はてなブログの合わせて読みたいのやつをどうにかする。 - すなばいじり" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2015/12/03/231501"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://psn.hatenablog.jp/entry/2015/01/22/225348 申し訳ない感がある表現ですが、ある意味押しやすくなります。 psne 2015-11-05T08:24:41Z JavaScript 3 <blockquote cite="https://psn.hatenablog.jp/entry/2015/01/22/225348" title="Twitterのふぁぼマークがハートに変わったので　がんばれ❤️がんばれ❤️　にするChrome拡張機能作った - すなばいじり"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpsn.hatenablog.jp%2Fentry%2F2015%2F01%2F22%2F225348" alt="" /> <a href="https://psn.hatenablog.jp/entry/2015/01/22/225348">Twitterのふぁぼマークがハートに変わったので　がんばれ❤️がんばれ❤️　にするChrome拡張機能作った - すなばいじり</a></cite><p><a href="https://psn.hatenablog.jp/entry/2015/01/22/225348"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4438e82b6e1936b2a8cb31302da6d6c7093f9c7a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F2b336f65436faa664cf7cf755a5f11167ab65568%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fpsne%252F20151104%252F20151104223749.png" alt="Twitterのふぁぼマークがハートに変わったので　がんばれ❤️がんばれ❤️　にするChrome拡張機能作った - すなばいじり" title="Twitterのふぁぼマークがハートに変わったので　がんばれ❤️がんばれ❤️　にするChrome拡張機能作った - すなばいじり" class="entry-image" /></a></p><p>寿司、じゃなくてもいいよね。 という事で作った。 ダウンロード +1 life - Chromeウェブストア がんばれ❤️がんばれ❤️ https://t.co/h19QUoDt9q pic.twitter.com/LLoGMhzqBt— PSN(psne.jp) 木/東エ48b (@psne) 2015, 11月 4 大変申し訳ありませんでした。</p><p><a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2015/01/22/225348"><img src="https://b.hatena.ne.jp/entry/image/https://psn.hatenablog.jp/entry/2015/01/22/225348" alt="はてなブックマーク - Twitterのふぁぼマークがハートに変わったので　がんばれ❤️がんばれ❤️　にするChrome拡張機能作った - すなばいじり" title="はてなブックマーク - Twitterのふぁぼマークがハートに変わったので　がんばれ❤️がんばれ❤️　にするChrome拡張機能作った - すなばいじり" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2015/01/22/225348"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://psn.hatenablog.jp/entry/2015/10/19/223001 Firefox安定版を利用している場合は、11月頃のリリース辺りで利用できるかと思います。 psne 2015-10-19T13:56:06Z javascript 2 <blockquote cite="https://psn.hatenablog.jp/entry/2015/10/19/223001" title="Firefox版はてなブログの画像タイトルを変えるやつ - すなばいじり"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpsn.hatenablog.jp%2Fentry%2F2015%2F10%2F19%2F223001" alt="" /> <a href="https://psn.hatenablog.jp/entry/2015/10/19/223001">Firefox版はてなブログの画像タイトルを変えるやつ - すなばいじり</a></cite><p><a href="https://psn.hatenablog.jp/entry/2015/10/19/223001"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/04f4918911628b1b50de8b9eb7df3fdd70c154c3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F10c1fae39d531609378aa14e1d69e4b32bfaa7fc%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fpsne%252F20151019%252F20151019212952.jpg" alt="Firefox版はてなブログの画像タイトルを変えるやつ - すなばいじり" title="Firefox版はてなブログの画像タイトルを変えるやつ - すなばいじり" class="entry-image" /></a></p><p>大分疲れた感がありますが、進捗です。 このエントリー時点の話になりますが、FirefoxのWebExtensionsの互換性が色々と揃っていないので、素直に動いてくれません。 時期尚早という言葉がぴったりな状況なのですが、最低限の機能を実装させて動かしてみた　というバージョンになります。 psn.hatenablog.jp Chrome版はこ...</p><p><a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2015/10/19/223001"><img src="https://b.hatena.ne.jp/entry/image/https://psn.hatenablog.jp/entry/2015/10/19/223001" alt="はてなブックマーク - Firefox版はてなブログの画像タイトルを変えるやつ - すなばいじり" title="はてなブックマーク - Firefox版はてなブログの画像タイトルを変えるやつ - すなばいじり" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2015/10/19/223001"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://psn.hatenablog.jp/entry/2015/10/17/223001 どうぞご利用ください。／id:suzukidesu23 Fx版は(Chrome版とのコード共通化の)過渡期でもあるので、しばらく様子を見させてください。 psne 2015-10-17T13:44:08Z JavaScript 2 <blockquote cite="https://psn.hatenablog.jp/entry/2015/10/17/223001" title="はてブロimageTitleにてプレビューウィンドウが利用できるようになりました - すなばいじり"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpsn.hatenablog.jp%2Fentry%2F2015%2F10%2F17%2F223001" alt="" /> <a href="https://psn.hatenablog.jp/entry/2015/10/17/223001">はてブロimageTitleにてプレビューウィンドウが利用できるようになりました - すなばいじり</a></cite><p><a href="https://psn.hatenablog.jp/entry/2015/10/17/223001"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/17f0ec3653ed7cc7ac3ae2964a8423299abfee19/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F1d08e2e67e81bcf09ef316357d17a686057a6c48%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fpsne%252F20151017%252F20151017220202.jpg" alt="はてブロimageTitleにてプレビューウィンドウが利用できるようになりました - すなばいじり" title="はてブロimageTitleにてプレビューウィンドウが利用できるようになりました - すなばいじり" class="entry-image" /></a></p><p>前回のアップデートにて拡大表示ができるようになりましたが、更に拡大して画像を確認したい(アップロードされている画像を等倍で確認したい)という方の為に、プレビューウィンドウを使って表示できるようになりました。 既に導入済みの場合は、自動更新を待つか拡張機能一覧(chrome://extensions/)にある更新ボタンを利...</p><p><a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2015/10/17/223001"><img src="https://b.hatena.ne.jp/entry/image/https://psn.hatenablog.jp/entry/2015/10/17/223001" alt="はてなブックマーク - はてブロimageTitleにてプレビューウィンドウが利用できるようになりました - すなばいじり" title="はてなブックマーク - はてブロimageTitleにてプレビューウィンドウが利用できるようになりました - すなばいじり" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2015/10/17/223001"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://psn.hatenablog.jp/entry/2015/10/09/223001 はてブと相性が良さそう　というエントリーです。 psne 2015-10-13T13:49:08Z google JavaScript AMP 4 <blockquote cite="https://psn.hatenablog.jp/entry/2015/10/09/223001" title="Google検索のモバイル版で高速に表示するAMPを分解しながら確認するやつ - すなばいじり"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpsn.hatenablog.jp%2Fentry%2F2015%2F10%2F09%2F223001" alt="" /> <a href="https://psn.hatenablog.jp/entry/2015/10/09/223001">Google検索のモバイル版で高速に表示するAMPを分解しながら確認するやつ - すなばいじり</a></cite><p><a href="https://psn.hatenablog.jp/entry/2015/10/09/223001"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/af452f96080d643a9ee95a37dd3326cd0b681031/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F2eabb58d229d1f374ac3048e91e7775fca65e539%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fpsne%252F20151009%252F20151009215855.jpg" alt="Google検索のモバイル版で高速に表示するAMPを分解しながら確認するやつ - すなばいじり" title="Google検索のモバイル版で高速に表示するAMPを分解しながら確認するやつ - すなばいじり" class="entry-image" /></a></p><p>メモです。ここには有益な情報はありませんのでご理解ください。 実際に動いているものから見たAMP 見かけ上は画面が変わっていますが、ページが移動していないと考えると「早さの理由」が解るかと思います。 検索結果の表示 Googleの検索結果 Top Stories コンテンツ1コンテンツ2… 画像1 画像2 … サマリー1 サマリー2 …...</p><p><a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2015/10/09/223001"><img src="https://b.hatena.ne.jp/entry/image/https://psn.hatenablog.jp/entry/2015/10/09/223001" alt="はてなブックマーク - Google検索のモバイル版で高速に表示するAMPを分解しながら確認するやつ - すなばいじり" title="はてなブックマーク - Google検索のモバイル版で高速に表示するAMPを分解しながら確認するやつ - すなばいじり" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2015/10/09/223001"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://psn.hatenablog.jp/entry/2015/10/04/233001 あ、なるはや(死語)でやります psne 2015-10-04T14:38:15Z javascript 5 <blockquote cite="https://psn.hatenablog.jp/entry/2015/10/04/233001" title="はてなブログの画像貼り付けを大きな画像で確認したい - すなばいじり"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpsn.hatenablog.jp%2Fentry%2F2015%2F10%2F04%2F233001" alt="" /> <a href="https://psn.hatenablog.jp/entry/2015/10/04/233001">はてなブログの画像貼り付けを大きな画像で確認したい - すなばいじり</a></cite><p><a href="https://psn.hatenablog.jp/entry/2015/10/04/233001"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/42a1945765a1e7bff8d2cb9f5135a6b45702e0b4/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F097d11c943540b916726c2df1a7a85a6c6937cfb%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fpsne%252F20151004%252F20151004231150.png" alt="はてなブログの画像貼り付けを大きな画像で確認したい - すなばいじり" title="はてなブログの画像貼り付けを大きな画像で確認したい - すなばいじり" class="entry-image" /></a></p><p>進捗 前々から「差分を扱う画像の場合、ちょっと見分けがつかない事がありますね」という感じのはてなブログの画像一覧。 少しだけ拡大して表示できるようにしたやつです。 色々と確認ができましたら、はてブロImageTitleに反映させます。お待ちください。 追記：更新されました。どうぞご利用ください。 くまってたやつ...</p><p><a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2015/10/04/233001"><img src="https://b.hatena.ne.jp/entry/image/https://psn.hatenablog.jp/entry/2015/10/04/233001" alt="はてなブックマーク - はてなブログの画像貼り付けを大きな画像で確認したい - すなばいじり" title="はてなブックマーク - はてなブログの画像貼り付けを大きな画像で確認したい - すなばいじり" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/psn.hatenablog.jp/entry/2015/10/04/233001"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://materializecss.com/ psne 2015-02-05T21:44:28Z materialdesign MIT JavaScript CSS 309 <blockquote cite="https://materializecss.com/" title="Documentation - Materialize"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmaterializecss.com%2F" alt="" /> <a href="https://materializecss.com/">Documentation - Materialize</a></cite><p><a href="https://materializecss.com/"><img src="" alt="Documentation - Materialize" title="Documentation - Materialize" class="entry-image" /></a></p><p>flash_on Speeds up development We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers. group User Experience Focused By utilizing elements an...</p><p><a href="https://b.hatena.ne.jp/entry/s/materializecss.com/"><img src="https://b.hatena.ne.jp/entry/image/https://materializecss.com/" alt="はてなブックマーク - Documentation - Materialize" title="はてなブックマーク - Documentation - Materialize" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/materializecss.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://subtech.g.hatena.ne.jp/mala/20140110/1389345547 端末によっては標準ブラウザが載っていない物がありますね。(apkを拾ってきてインストールすることは可能。) psne 2014-01-10T13:30:44Z android セキュリティ JavaScript 348 <blockquote cite="http://subtech.g.hatena.ne.jp/mala/20140110/1389345547" title="はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fsubtech.g.hatena.ne.jp%2Fmala%2F20140110%2F1389345547" alt="" /> <a href="http://subtech.g.hatena.ne.jp/mala/20140110/1389345547">はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知</a></cite><p><a href="http://subtech.g.hatena.ne.jp/mala/20140110/1389345547"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6e60b1efb974203c94d41c7729a087dc4741802f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F26006613547248301%2F26006613547294880%2F1709195433" alt="はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知" title="はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知" class="entry-image" /></a></p><p>はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認くださ...</p><p><a href="https://b.hatena.ne.jp/entry/subtech.g.hatena.ne.jp/mala/20140110/1389345547"><img src="https://b.hatena.ne.jp/entry/image/http://subtech.g.hatena.ne.jp/mala/20140110/1389345547" alt="はてなブックマーク - はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知" title="はてなブックマーク - はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/subtech.g.hatena.ne.jp/mala/20140110/1389345547"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.hoge256.net/2007/08/64.html psne 2011-02-18T05:33:27Z JavaScript 日付 まとめ 469 <blockquote cite="http://www.hoge256.net/2007/08/64.html" title="JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.hoge256.net%2F2007%2F08%2F64.html" alt="" /> <a href="http://www.hoge256.net/2007/08/64.html">JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ</a></cite><p><a href="http://www.hoge256.net/2007/08/64.html"><img src="" alt="JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ" title="JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ" class="entry-image" /></a></p><p>JavaScript でいろいろな日付の計算関係をまとめてみました。前回の日付関係のまとめエントリの JavaScript版です。 日付の単位について 基本的なことですが、一応まとめておきます。 1秒は1000ミリ秒 1分は60秒 1時間は60分 よって 1時間=60分=3600秒=3600000ミリ秒 1日=24時間=1440分=86400秒=86400000ミリ秒 現在時刻...</p><p><a href="https://b.hatena.ne.jp/entry/www.hoge256.net/2007/08/64.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.hoge256.net/2007/08/64.html" alt="はてなブックマーク - JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ" title="はてなブックマーク - JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.hoge256.net/2007/08/64.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://hp.vector.co.jp/authors/VA042096/script/describe.html psne 2011-02-18T05:31:16Z JavaScript あとで読む 1 <blockquote cite="http://hp.vector.co.jp/authors/VA042096/script/describe.html" title="終了いたしました。"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fhp.vector.co.jp%2Fauthors%2FVA042096%2Fscript%2Fdescribe.html" alt="" /> <a href="http://hp.vector.co.jp/authors/VA042096/script/describe.html">終了いたしました。</a></cite><p><a href="http://hp.vector.co.jp/authors/VA042096/script/describe.html"><img src="" alt="終了いたしました。" title="終了いたしました。" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/hp.vector.co.jp/authors/VA042096/script/describe.html"><img src="https://b.hatena.ne.jp/entry/image/http://hp.vector.co.jp/authors/VA042096/script/describe.html" alt="はてなブックマーク - 終了いたしました。" title="はてなブックマーク - 終了いたしました。" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/hp.vector.co.jp/authors/VA042096/script/describe.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.nicovideo.jp/watch/sm10384056 psne 2010-12-28T01:58:51Z プログラミング JavaScript 57 <blockquote cite="https://www.nicovideo.jp/watch/sm10384056" title="【プログラミング】Brainf*ckを作ってみた【実況解説・番外編】"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.nicovideo.jp%2Fwatch%2Fsm10384056" alt="" /> <a href="https://www.nicovideo.jp/watch/sm10384056">【プログラミング】Brainf*ckを作ってみた【実況解説・番外編】</a></cite><p><a href="https://www.nicovideo.jp/watch/sm10384056"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/edd85559cff941a0ddf18dbf06f4fad9631531b8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fnicovideo.cdn.nimg.jp%2Fthumbnails%2F10384056%2F10384056" alt="【プログラミング】Brainf*ckを作ってみた【実況解説・番外編】" title="【プログラミング】Brainf*ckを作ってみた【実況解説・番外編】" class="entry-image" /></a></p><p>■今回は、番外編です。Twitterでリクエストがあったのを見て、即席で作りました。■一発撮りです。バグやミスを頻発させております。その上に今回は本当にグダグダです。申し訳ありません。■IE6とメモ帳での制作です。■Brainf*ckの実行環境を作り、そのうえでBrainf*ck Programmingをしています。Brainfuckのプログラミン...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.nicovideo.jp/watch/sm10384056"><img src="https://b.hatena.ne.jp/entry/image/https://www.nicovideo.jp/watch/sm10384056" alt="はてなブックマーク - 【プログラミング】Brainf*ckを作ってみた【実況解説・番外編】" title="はてなブックマーク - 【プログラミング】Brainf*ckを作ってみた【実況解説・番外編】" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.nicovideo.jp/watch/sm10384056"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>