すなばいじり

はてなブログを使って、トンピーを揃えるまで止めないブログ。ふっくらかわいい。

sandbox

はてなブログの画像選択(順序)機能と「はてブロimageTitle」でのAlt・Title編集についての補足説明

2017年8月31日の はてなブログ側の機能変更として写真・画像の貼り付けの順番が指定できるようになりました。 記事編集画面(PC版)の編集サイドバーにある「写真を投稿」タブで複数の写真を選んだ際に、選択した順番にあわせて写真に番号が表示されるよう変…

「簡単」は「かんたん」でなければならないこと

ブログの拡張機能を公開している間は、最低限壊れないようにする。という注意が必要で、「利用したものが原因で表示が壊れた(崩れた)可能性がある」と通知が来た際は、一刻も早く修正をする必要がある、と色々調査するやつです。 問題が特定できた場合は修正…

進捗 20170612

はてブロimageTitle はてなブログ側のURL変更により、原寸大プレビューが表示されなくなっていたものを修正したやつ。 「どこにあるの?」と思った方は、編集したい画像が表示されている部分にマウスカーソルを持っていくと少しだけ大きく表示されるので、そ…

進捗 20170527

Proxy Hacking Protection ここ数日で利用者が増えたようです。Blogger( blogger.com )のドメインリダイレクトの影響で誤検知するという問い合わせを頂いたので、何かいい方法があれば対応したい というやつです。このエントリー時点では Bloggerでは、独自…

進捗 20170227

主にはてブロimageTitleのお話。このエントリーは、動作確認のためFirefox版を利用して書かれています。特に問題が無ければ、このまま更新の申請を行うやつです。 はてブロimageTitle 設定関連の調整や文章の修正を行ったやつです。各モードで利用できる出力…

はてブロimageTitleで 画像のAlt属性も変更できるようになりました

前回のエントリーで紹介したとおり、はてなブログ側で「はてな記法を利用して画像のAlt、Title属性を設定」できるようになりました。 それに合わせて はてブロimageTitle でもAlt、Title属性を変更できるようになりました。 また、Markdownモードでも、はて…

進捗 20170205

作って1年ほどそのままになっているコンテンツリーダーのデザインをやりなおしたやつ。 とりあえず動かして考えましょう。のやつから、サイドメニューに近いものに合わせたのですが、自分で触って、そこそこに良い感じの挙動をするための調整をしていた為、…

GitHubに Also read のリポジトリを用意した

用意しました。主にはてなブログで便利な何かを作る時に「この辺どうなってます?」と確認したり、ちょっとした改造の練習に使えます。デザイン(CSS)周りはLessに書き直したので、ここから上手い事カスタマイズする事もできます。(Lessに書き直した際に、以…

古いOSとIEのサポートを考える 2017年1月版

TL;DR 2017年4月11日以降は、IE11のみ考えるようにしたい。現時点ではWindows Vista で利用されているIE9が生きていることになっているので、JavaScriptでdatasetが使えるかを基準に判定して良いと思うやつ。 現時点で < 1% 程度です。 最近1ヶ月程度の Goog…

はてブロimageTitleにて実験機能として追加していた「目次機能」が削除されます

表題のとおり、拡張機能「はてブロimageTitle」を導入した際に、記事編集画面に追加登録されていた実験機能「目次機能」は、標準機能として実装されたため、次回アップデートを目安に削除されます。 psn.hatenablog.jp 赤枠で囲まれたアイコンが公式の目次記…

Also read のコードをTypeScriptに書き直したやつ

はてなブログで「あわせて読みたい」機能を使えるようになるやつです。継続的な開発の目的として、JavaScriptからTypeScriptへ書き直しを行いました。 はてなブログで「あわせて読みたい」機能とは psn.hatenablog.jp 機能の説明はこちら。 所見 書き慣れて…

はてブロimageTitleの更新 (Ver 0.0.1.22)

特定のページから「記事を書く」をクリックしてエディタを表示させた際に、拡張機能が呼び出されなかった不具合を修正しました。 Google Chrome版、Firefox版ともに、修正された Ver 0.0.1.22 が利用できます。既にご利用中のユーザーの皆様は自動更新が行わ…

Firefox版 はてブロimageTitleの更新(Ver0.0.1.19)

表題のとおり、Google Chrome版で提供されている機能に近づいたバージョンがリリースされました。 なお、Firefoxアドオンの審査プロセスにより数日~数ヶ月リリースが遅延する事があります。このため、Chrome版が先行となります。 というわけで、実際にFiref…

はてブロimageTitleで入力欄の修正が簡単になりました

入力欄の右端にクリアボタンを使って、既に入力されている属性情報をクリアできるようになりました。 それにともない、編集画面の変更も行われました。 この機能はVer0.0.1.21よりご利用いただけます。拡張機能の自動更新が適用されている場合は、そのままお…

Chrome拡張機能を自分のサイトからインストールできるようにする

いちいちWebストアに行かせるのは面倒である。という解決法。 キーボードショートカットをカスタマイズするブラウザ拡張 - ✘╹◡╹✘ インラインインストールをブログエントリーに導入してうっかりインストールできるようにしたい 2016/11/10 10:22 インラインイ…

はてブロimageTitle の進捗 20161031

サマリー(TL;DR) Chrome版:特に変更はありません。(このエントリー時点では2016年10月版) Firefox版:審査でリジェクトされているので、しばらく更新されません。 Microsoft edge版:ブラウザ側の機能が充実したら考えます。 履歴 Firefox版のリジェクト理…

はてブロimageTitle の進捗 20161029

進捗 Chromeストアでは、既に公開されています。(最新版が利用できます。) AMOでは、審査待ちです。(0.0.1.17では、原寸大画像表示に不具合あり。FirefoxがVer51になると勝手に直りますが、数か月先の話になるので無効化するか代替処理をするかの何かをしま…

使う人の環境を理解して開発するやつ

小さい画面で表示されている時に、困る事が無いようにする。という事で一つの入力欄に統一した と記憶しているのですが、上級者向けに両方の入力欄があるパターンを作ってみたやつです。 画像のalt入力なら「はてブロimageTitle」が便利! - webproduct-lab …

Firefox の拡張機能( WebExtensions )を開発者センターで検証する

移行をサポートする下地が出来上がっているようです。 ドキュメント類は英文が多いですが、検証結果は特に難しい単語が出てくるわけでは無いので問題はないでしょう。 アドオンバリデーター は WebExtensions 向けに用意された.zipファイルを検証する事がで…

はてブロImageTitleでタイトルを変えてもID情報を持ちたい

わざと通知されるようにしたい なるほど。 【はてなブログ】SEO対策のために画像のalt属性を設定する『はてブロimageTitle』導入してみた結果 - 轟け!サブカル女子 画像パクられ過ぎ問題もあるので、最近は特定カテゴリーではわざとalt属性を入れなくなった…

モバイル版はてなブログの「プロフィール」を消したい

はてなブログProのみで許可されているカスタマイズであるため、はてなブログ(無料版)で上記のHTMLを挿入すると警告または非表示となる場合があります。 見てのとおり、ではあるコメントなのですが、 はてなブログに出てくるはてなプロフィールを消したい! -…

はてブロImageTitleの更新時に警告が出る場合があります

Chrome拡張機能は、殆どのものが自動的に更新されます。更新の際に新しい権限が必要になった場合は、以下の画像のように警告文が表示され、一時的に利用ができなくなります。 アイコンをクリックすると、必要な権限一覧が表示されます。 新しい権限の一覧を…

はてブロImageTitleをTypeScriptに書き変えるお話

進捗 TypeScriptが2.0へ更新される流れに合わせて、Chrome拡張機能の中身もTypeScriptに書き換えています。 手始めに、はてブロImageTitleをTypeScriptに書き直し、上手い事やって行こうと考えるやつです。 このような表示が出てきます。勝手に上手い事やっ…

JavaScriptのそこまで黒くない魔術のお話

あまり大きくない整数値が欲しい時に ~~"123" // 123 といった手抜きをする事があります。大変申し訳ございませんでした。 ちなみに、上記のやつは負数ではないことが分かっている場合のMath.floor()をやる手抜きです。(ついでに文字→数値変換もしている) ~~…

【修正済み】独自ドメインにて、あわせて読みたい「Also read」のカテゴリ取得が機能しない不具合がありました

あわせて読みたい「Also read」を独自ドメインを利用している際に、カテゴリー選択ができない不具合がありました。 原因は、拡張機能の不具合によるもので、修正が完了しております。この修正によるユーザー側の編集作業は発生しません。このままご利用くだ…

手抜きでcron連動で動かしたい(php)

チェックはブラウザで、普段はcronで良いようにやってもらいたい。というお話。 CRON使って自動でメール送信!PHPのmb_send_mail関数で簡単♪ - マネー報道 MoneyReport cronを利用する書き方は、考え方として色々あります。 2016/09/11 20:18 cronを利用する…

/about ページにブログメンバーの表示をするやつ の動作が停止されます

/aboutページのカスタマイズが自由に行えるようになった為、提供している機能を無効化します。 psn.hatenablog.jp 追記: 管理者向けに、アナウンスされるようになりました。記事の編集が可能なアカウントのみ表示されます。 代替の方法 今後は、ブログのabo…

あわせて読みたい「Also read」、パンくずリストのAboutページ表示を修正しました

あわせて読みたい「Also read」、パンくずリストの動作確認のためにaboutページに表示されていたリンクが、はてなブログの仕様変更により表示されていなかったため修正をしました。 今回の修正はすべて自動で行われるため、利用されているブログの修正作業は…

わりと短いドメインを手に入れたので、デトックス的な作業をする

詳細はそのうち書きます。 中古のドメインを手に入れたので、前の所有者のキャッシュ関連を消したい。という事で、.htaccessを利用してササっとリセットする試みです。 RewriteEngine onRewriteCond %{REQUEST_URI} !(^/google-site-verification.html)Rewri…

はてなブログ公式のパンくずリスト機能がリリース(と、すなばいじり版との比較)

公式機能としてリリース!という事で、すなばいじりで提供しているパンくずリスト機能を安全に無効化 とは、まだ行かないようです。 はてなブログ公式のパンくずリストでは、一番最初に付けられたタグを強調して表示させるタイプのようです。(このエントリー…

はてなブログ(PC)版でTOPページを記事一覧にしたい

ブログといっても色々な使い方があるので「このように表示したい」という要望は分かるのですが、その影響で本来の機能が使えなくなるものは、修正される事が望ましいと思うやつです。 ブログのトップページをスッキリと軽く!アーカイブ形式の素晴らしさ! -…

はてなブログで記事の最終更新日時を表示する

Qiitaなどで古い記事に表示されているアレを作る事ができます。 ここでは単純に、最終更新日時とはてなブログで使われている「○日前」という表示を出します。 はてなブログで古い記事にメッセージを表示するスクリプト - Sprint Life 最終更新日時はサイトマ…

はてなブログPro で訪問者がAMP表示を選べるやつ

書いた。 主に、未来の貢献者たちが現状の仕様を把握する為に利用できれば良いやつなのですが、スマートフォンな方が「暫くAMP表示で閲覧したい!でもURLに追加で文字入力するのは面倒です。」という場合に対処できるやつです。 AMP閲覧モードはブラウザ(タ…

はてなブログの検索結果表示のタイトルを補正した

進捗:microdata-search.jsにスマートフォン版のお節介機能を付けた 実装上の都合だと思うのですが、ブログ内検索の結果表示のタイトルが、PC版とスマートフォン版で違いがあります。 PC版「○○の検索結果 - (ブログ名)」 スマートフォン版「(ブログ名)」 い…

スマホの代替機で動作チェック的な事をするやつ

バッテリーの交換をするには修理拠点へ送る必要がある端末(よくある薄いタイプは大体そうなります。)を見送った後に「これ使って待っててね!」と、手元に残ったSO-03F。 www.sonymobile.co.jp 手袋モードでハンドパワー的なやつを試したり(パネル感度が非常…

サイドメニューの表示を早くしたいやつ 20160529

進捗:スタイルで:afterを使っているところを複数ある感じでアニメーションを行うとするするしないので何とかするフラグを立てる。 どうやってチェックするのか ブラウザのF12を押すと色々調べられるツールが出てくるので、それを使います。 記録ボタンを押…

はてなブログで、とりあえずJSONをカラフルにしたいと願うエントリー

最初に一番伝えておきたい事を出しましょう 見たままモード中でも使えると捗るやつです。 現在、はてなダイアリーに専用の下書きを用意して、プレビューをコピー→貼り付けを行っています。 一部のはてな記法が文中でも使える事は知っているのですが、はてな…

Googleの検索結果に使われる「リッチカード」を用意する

Search Consoleに何か増えていますね。リッチカード という項目です。 リッチカードって何? 元々、リッチスニペットと呼ばれていたものを検索結果のカード表示として表示できるやつ。くらいの認識で良いと思います。よくある表示が、買い物サイトのレビュー…

Visual Studio 2015のUpdate2が来ていた

Windows10でbash使えるぞ!という話題と同じころに「そろそろリリースするよ!」という情報がありましたが、入手できます。 久しぶりに黄色いフラグが立っていますので、そちらをクリックするとインストーラがDLされます。 ダウンロードされると実行したくな…

はてなブログの記事ページで特定のカテゴリーに含まれているか確認するやつ

Htnpsne.API.ts for HatenaBlog CommonAPIに以下の機能を追加しました。 記事に設定されているカテゴリーの有無をチェックできます。はてなブログでは、bodyタグに記事のカテゴリーが含まれるclass名が付与されます。 通常の利用ではスタイルの適用のために…

Also read(あわせて読みたい)の表示が一部変更されました

画面サイズによって、ボタンのレイアウトやサイズが変更されるようになりました。 HTMLの構文を見直し、構造データとしての関連項目という意味を持たせるようになりました。(asideタグを利用していますが、状況によってdivタグに修正される場合があります。)…

GoogleBotのクロール制御の仕様を確認する

ページ内に「index」と「noindex」、両方在ると検索結果はどうなりますか? 「このページは、検索結果に表示されたくないですね」 という使い方をする為の「<meta name="robots" content="noindex">」 例えば「表示して」と「表示しないで」が同じページに両方在った場合、GoogleBotは、どのように</meta>…

検索エンジンのクロール指定を確認するやつ Aパターン

このエントリーは実験的エントリーです。 // このエントリーには「<meta name="robots" content="index, follow" />」の後に「<meta name="robots" content="noindex, nofollow" />」が付与されるスクリプトが挿入されています。 このエントリーの目的 ページ内に相反するクロール指定があった場合の挙動はどうなりますか?という質問があり、「記述としては誤</meta></meta>…

検索エンジンのクロール指定を確認するやつ Bパターン

このエントリーは実験的エントリーです。 // このエントリーには「<meta name="robots" content="noindex, nofollow" />」の後に「<meta name="robots" content="index, follow" />」が付与されるスクリプトが挿入されています。 このエントリーの目的 ページ内に相反するクロール指定があった場合の挙動はどうなりますか?という質問があり、「記述としては誤</meta></meta>…

WindowsにてGitHubのアカウントにGPG key を設定する

意識が低いので適当にGitHubのアカウントに GPG key を設定する Insider PreviewのBuild 14316が話題になった同じ頃に、GitHubがGPG keyに対応。「Windowsで使えるようになったBashで、その辺りの作業ができるのですか?」というエントリーを書こうとしたの…

はてなブログ向けのよく使うライブラリを作った

主に自分がよく使う(可能性がある)ものを切り出して「あの仕組みはどのプラグインに使っていたかな?」という解決法として利用するためのものです。 去年も似たような記事を書いたやつ。 Htnpsne.API.ts for HatenaBlog CommonAPI 使い方 このエントリー時点…

はてなブログでパンくずリストを利用する

検索結果にカテゴリーを表示して、訪問者に便利な案内を提供しましょう。(SEO対策) はてなブログ(無料版)、はてなブログProのどちらでもご利用いただけます。どうぞご利用ください。 パンくずリストの仕様は最新に合わせてあります。

パンくずリストの考え方を整理する (2016年版)

前回のエントリーから1年ほど経過して、Googleをはじめとする検索エンジンが必要とするデータのあり方も変化してきました。今回は、2015年版の変更点と最近のトレンドを確認して、検索エンジンにも快適な環境を提供しましょう。:) ※2015年版はこちら psn.hat…

はてなブログの推奨Webブラウザの要件が更新された

レガシーなブラウザを切るという事でもあるのですが、既にWindowsVista、またはIE10も利用率は数%という実情を踏まえると、そういうものです。と感じるものです。 はてなブログを編集・管理する際に使用を推奨するWebブラウザの変更について - はてなブログ…

Googleが読みたいとするパンくずリストの仕様が若干変更されている

進捗 2014年辺りのはてなブログ界隈で、わりと流行したパンくずリストの実装。様々なアプローチで実現されていますが、2016年現在の必要とする要件とは少々乖離しているようです。 既に大量に記事がある状態でも無理なく導入できるパンくずリスト(はてなブロ…