はぴらき合理化幻想

海外3年/西成ドヤ2年/沖縄2年/事故物件で寝袋3年目、ミニマリスト10年目でダンボール2箱の持ち物と保存食で大阪に定住中。

JavaScript

関連記事のサムネイル表示を選択できて、カテゴリー別の記事一覧をタブで切替可能なプラグインを自作した

はてなブログ専用のブログパーツをJavaScriptで作ったよ。廃止が公示されているGoogle Feed APIを使っていないので、はてなブログの仕様が変わらない限り突然使えなくなることはないはず。コピペするだけなので1分で設定完了だよ。

ブログ記事内に階層化した目次を自動生成できてSEOで有利になる高機能なプラグインを自作した

ブログ記事本文にある見出しを元に目次を自動生成すれば、読む人が記事の概要を掴みやすい。さらに、検索結果に見出しが表示されることがありSEOで有利になる。目次の表示場所を記事内で指定できるし、特定の記事で目次を生成しないようにもできる。何かと高…

ブログを丸パクリされてもURLがほぼ同じならリダイレクトでオリジナルページに転送できるよ

ブログを丸ごとパクられて、URLがオリジナルと酷似しているのなら、JavaScriptでオリジナルページに転送できる。最近(2015年7月)この手口が目立つので、多くのパクリサイトに対抗できるコードを書いたよ。

AccessAnalyzer(アクセスアナライザー)のエラーで表示遅延障害の対策方法

XREAのアクセス解析ツール:AccessAnalyzer(アクセスアナライザー)用のスクリプト読み込みエラーで、HTMLに入れている解析用コード以降のコンテンツが読み込まれない状況が頻発している。このエラーの詳細や対策についてまとめた。

redo.me.ukにサイトやブログをパクられたらリダイレクトで対策しよう、.htaccess使えなくてもOK

「redo.me.uk」というサイトがそこら中のサイトやブログのデータにアクセスしてコピーサイトを量産している。はてなブログなどのレンタルブログでは、利用者がサーバーの設定を変更して対抗することはできない。それでもコピーの手口を分析してできうる対策…

RSS全文配信しか選択できないブログでも一部配信にして記事を丸ごとパクられないようにする対策方法

せっかく書いた記事を丸ごとパクられると腹が立つ。パクられて作成された記事を消させる労力はバカにならない。RSSで全文配信された内容を元にコピーサイトを作っている手口がメジャーなので、その被害を未然に防ぐにはRSSの全文配信に制限を加えればいい。

マークダウン記法をHTMLに変換するブラウザエディタに全選択と改行削除機能を付けた

ブラウザだけでマークダウン記法をHTMLに一発変換できるMarkdownエディタにHTML全選択機能と改行削除機能を追加した。marked.jsにはhタグにidを付与する機能があるが、これは削除した。

【追記あり】アフィリエイトリンクURLを内部リンク化で短縮や隠す方法、リダイレクトにPHP使えなくてもOK

アフィリエイトの長いURLを短縮したり隠したりするのに、PHPを使えないブログサービスでも利用できる方法を紹介する。自分のブログ内のURL(内部リンク)でリダイレクトできるので、他のサーバーを使うよりも利便性がいい。

YouTube埋め込みプレーヤーやリンクで途中再生の時間指定を簡単に設定する方法、分秒変換ツールあり

動画の前半を飛ばして、注目すべきところから動画が始まるようにしておくと見る人に親切だね。YouTubeのリンクや埋め込みプレーヤーのURLを編集すると時間指定できて途中からの再生が可能になるよ。

JavaScriptで要素の移動/複製はappendChild・insertBefore・cloneNodeを使う、jQueryに依存しない

要素の移動や複製に関して、備忘録として簡単なコードを作ったよ。JavaScriptをほんの少しだけ使いたい時はjQueryなどのライブラリを使わずにネイティブ関数でサクッと書きたいね。

不可能を可能に!はてなブログのプロフィールページをカスタムできるJavaScriptプラグインを自作した

はてなブログのプロフィールページをカスタムできるよ。PCとスマホの両方で自分の好きな内容を表示できる。初心者でも使えるようにプラグインにした。「Custom Profile for Hatena Blog」と命名。

AdSenseコードを残したまま特定のページで広告を非表示にするJavaScriptプラグイン「AdSense Filter」を自作した

アドセンスコードを残したまま特定のページで広告を表示させない方法をひらめいた。これでWordPress以外のブログサービスでも状況に応じて広告の表示や非表示を自由に選択できるよ。jQuery不要。

テレ東ニュース番組の看板猫にゃーにゃが殴り込みに来てそのまま住み着いたにゃーฅ*•ω•*ฅ

カチコミにゃー=^・ω・^= 記事本文に集中できにゃいにゃーฅ•ω•ฅ どうしてこんにゃ貧乏にゃブログに来たにゃー=^・ω・^= エサにゃんて何もにゃいにゃーミ◕ฺv◕ฺ彡 こまったにゃー┐( -"-)┌ (追記:いつのまにかどっかにいったにゃー)

JavaScriptで記事本文の読了予測時間を自動で表示するjQueryプラグインを自作した

ブログの記事本文を読むのにかかる目安時間を表示すると読者に親切かも。JavaScriptで作ったので、PHPを使えないサーバーを利用しているウェブサイトやブログに組み込めるよ。このjQueryプラグインを「読了予測時間」と命名。

ブラウザでJavaScriptゲームを楽しめるhackforplayをハックして即行攻略できるようにしたよ

PCのブラウザとテキストエディタでJavaScriptのバグを修正し、ダンジョンを攻略するゲームがおもしろい!しかし、なかなか攻略できないかもしれないので、即行攻略できるJavaScriptを配布するよ。

フリー素材の齊藤貴義社長アイコン画像を背景画像で敷き詰めるサンプルコード3種類

株式会社参謀本部の齊藤貴義社長が改変可のクリエイティブコモンズで自由に使って頂いて大歓迎です。とおおせられたのでやっつけ仕事でやってみた。

ブログの記事ごとに背景画像を変更できるJavaScriptサンプルコード

記事ごとに背景画像を変更すればそれぞれの記事に個性が出ておもしろいかも。コピペでサンプルコードを追加し、画像のURLを指定するだけ。

コピペでOK!はてなブログの記事直下に最新記事一覧を表示するカスタム

最新記事一覧をサイドバーだけに表示するのではなく、記事直下にも表示可能。記事を「続きを読む」でリード文と本文で分ける書き方をしている方が望ましい。

JavaScriptではてなブログの高機能サイトマップを作成

はてなブログ標準のサイトマップよりも利便性が高いサイトマップを自作したよ。とりあえず、アルファ版ということで公開してみる。

低スペックPCのブラウザでタブ99個開いても快適に閲覧するおすすめ簡単設定

ブラウザで表示する情報を自動的に減らすだけ。動画の閲覧には不向きだが、そのページの本文さえ表示できればいいという方向け。

Google AdSense停止から復活再開にはラベル「広告」か「スポンサーリンク」

規約違反のラベルを付けたり、ラベル自体を付けなかったりすると、いきなり広告配信を停止される時があるよ。Googleのソースを引用しつつ、停止から復活までを経験者が語っちゃうぜ。

JavaScriptの連想配列は.lengthでは要素数を取得できないのでfor inを活用する

配列のつもりで要素数を.lengthで取得しようとしたが、連想配列では無理だった。

はてなブログからJavaScriptのプラグインを外したらアクセス解析の精度が上がった

筆者が利用しているxreaアクセス解析の数値は、はてなアクセス解析の58%程度だった。プラグインを外しただけ94%程度の数値になった。

はてなブログ記事内にCSSとJavaScriptを入れfeedlyでの表示を確認する実験投稿

feedlyでブログを読んでいると装飾が正常に反映されていないことがある。この記事では、意図した表示になるかどうかを調べるため、稀にしか使わないHTMLタグを使ったり、CSSやJavaScriptをインラインで使用して実験する。

チョマテヨ「ちょ待てよ!jQueryの2回読み込み、プラグインあるからさ」

jQuery本体がページ下部で読み込まれ、仕様上、ブログ管理者がページ上部に移動させられない場合の対策。ページ上部で別のjQuery本体を追加するのは、ちょ待てよ!

Windows8のIE10で「このwebページはスクリプトやactivexコントロールを実行しないように制限されています」を非表示にする

ローカルファイルでJavaScriptを使ったりしているとこのwebページはスクリプトやactivexコントロールを実行しないように制限されていますと表示される。

tumblrのテーマをカスタムし、追加したJavaScriptをスマホ表示でも有効にする

tumblrのテーマをカスタムしてもスマホ表示では無効になる原因と対策がわかった。

てすとてすと