すなばいじり

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

はてな

はてなブログの記事投稿日時指定が変更された

説明が追加され、分りやすい表示に変わっています。また、日時を設定していてもすぐに公開できる選択肢が含まれています。 良かったですね。 その他 サイドバーの「最近のコメント一覧」の日付が過去のものになっている些末な不具合発見したやつ。そのうち直…

はてなブックマークのスマートフォン版レイアウトが変更に (2017/01/26)

はてなブックマークの記事ページに「アイキャッチ画像(サムネイル)」が表示されました。 設定が無い場合は、何も表示されない従来通りの表示になります。 もう少し手を加えると、AMP表示で埋め込みが色々使えるようになりますね。というレイアウトです。 ※既…

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

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

はてなブログの古い記事でAMPページがエラーになる事があるお話 170122

TL;DR ブログカードに使われているURLの変換が上手く行っていないので、貼り直すかソースのURLに含まれている「http:」を消してあげると解決します。推奨は貼り直しです。 これなに? 時々、はてなブログ側のAMPページで致命的エラーが出てくるので確認した…

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

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

しいたけカレー

時計の電池交換を依頼している間に、本屋で並んでいる本を見て最近の流行や話題を眺めておきましょう、と有隣堂へ。アキヨド便利ですね。 技術書の棚の占め具合やビジネス書のタイトルの付け方、サブカルチャーあたりの珍しい物などを眺めて、観光関連のコー…

はてなブログの読者登録ボタンが上手く押せなくなっていたやつ

TL;DR 「上に戻る(スクロールする)ボタン」カスタマイズの時によく使われるjQueryのコードを確認しましょう。というやつだったので、反応を見たりメモ帳に退避しながら問題を見つけてみましょう。 最近、ちらほらと「読者ボタン押せません」というコメントを…

はてなブログの記事URLのカスタマイズで入力できない文字

少々特殊な状況で特定の文字を入力すると個別のエントリーが読めなくなる仕様を発見したので追記したやつ。 psn.hatenablog.jp これなに? 記事のディレクトリを空欄で設定して、記事の「カスタムURL」の先頭に「entry/」を追加したURLにすると、記事が読め…

ロゴデザインの難しさ

古くて新しい。というイメージを感じたロゴを作りたい(フォントを探しているようですが、ロゴで良いと思います)という質問。 簡単そうに見えるそれ、実はとても難しいですよ。という回答をしたのですが、本当に難しい。 q.hatena.ne.jp これは、質問にあった…

進捗があった気がするやつ

以前、 お題「シンタックス・ハイライト機能で対応してほしい言語」 というお題が出ていて、エントリーを書いたやつですが、 { "@context": "http://schema.org", "@type": "Thing", "itemListElement": [ { "@id": "1", "@type": "Listitem", "count": 1, "…

はてな ブログチャレンジ を更新した (ブログテーマを作成)

1年以上保留状態になっていた「はてなブログのテーマ作成」を行ったので、ブログチャレンジのステータスが変更されました。 ベースとなるテーマは既にすなばいじりで実装していたのですが、なかなか時間が取れないですね、とテーマ作成が後回しになっていた…

便利なものを使ってシュッとやりたいやつ

「あっ、これをいじりたい」と思った瞬間にシュッと弄れるように、リポジトリを整理してストレスなくコードを書きたいと思ったやつです。 特にはてなブログ向けのコード置き場が混み合っているので、プロジェクト(または機能)毎に分けたり整理したいと思うや…

はてなブログでおみくじ

画像は、大吉が出るまで引き直したので大吉です。 良かったですね。*1 はてなブログおみくじ2014 はてなブログおみくじ2014 年だけ書き直して毎年使いまわせるようにしておけば、1年に一回ほど稼働する何となく楽しいやつになるのではないかと思ったやつです…

進捗 20161227

JavaScriptは既にWebブラウザだけの物ではなくなっている JavaScriptはフロントエンド言語、PHPはバックエンド言語です。両者は役割が全然違います。 5年くらい前までなら、その認識でも良かったのですが、サーバーサイドで動くJavaScriptも既にあるのでフロ…

便利とすごい大賞 2016

ふむー この1年を象徴するようなブログのエントリーや、Webメディアのレポート・インタビューなどでとくに印象に残った記事を自分のブログで紹介してください。 ブックマーク*1 したエントリーを眺めていて、どれが大賞というか対象なのか、と色々考えていた…

進捗 20161225

はてなブログのTOPページ(記事一覧)で、記事上や記事下に挿入したHTMLが表示されない。という質問が、人力検索に2件ほどあったやつです。 記事ページにて表示という表記があったと思うのですが、確かにTOPページでも「個別の記事」は表示されているので、少…

はてなブログから WordPress などのブログへ移転するには

はてなブログのエクスポート機能を利用すると、記事のバックアップ・他ブログ移転の為のデータ出力が可能になります。 試してみる help.hatenablog.com Movable Type 形式でデータが出力されます。WordPressには、インポート用のツールが用意されていますの…

進捗 20161218

今日出しておこうと思ったエントリーを下書きのままにしておいて、少し他の話を。 ブログに書く内容は、各自の責任の下で自由に書けば良い。という考えですが、その「各自」に隠れている部分は色々なものがあって、少し見る角度が違うと知らずに嵌る事があり…

進捗 20161214

匿名質問のバランスについて 例えば、人力検索(にて、はてなブログの質問)。機能として存在しているので好きなように利用すれば良いのですが、公開されていない情報は無いものと同じになるので、 なにをしたいのか 何をどうしたらどうなったのか どのような…

進捗 20161212 2016年【冬コミ支援】など、コミケとかで色々なサークルを紹介ツイートするやつ

表題にもある、恒例のシステムが稼働しています。 今回は、UIの大きな変更はありません。幾つかの案や下地を作ってあったのですが、別案件にリソースを投入したので次回に持ち越されます。 コミックマーケット91・冬コミ : ツイート支援システム 登録・ツイ…

久々に見たいやつ

日本語吹き替えで良いので、アルフを見たいやつです。 何だかんだ言いつつ猫と共演して猫食べないやつ。*1 ネット配信は、見たくなった時に見る事ができる便利なやつです。 特別お題「年末年始に観るべき海外ドラマ」キャンペーン by Netflix 【PR】海外ドラ…

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

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

5年後は何やっていますか

相変わらずコード書いてると思うやつですが、この話は何度も書いてる気がするのですよ。 さて、それは置いといて、5年後にふと「あの景色をもう一度みたい」といった、何かの節にふと思い出すような記憶が一つできていれば良いと思ったやつです。 できれば、…

.blogドメインを取得したお話と はてなブログに3750円ほど追加課金するお話【追記あり】

TL;DR 処理の関係で所有者が複数になっていたやつ。所有者ではない場合は操作はできず、キャンセル処理(返金)と同時に所有ドメイン一覧から消去されます。新規ドメイン立ち上げの数日間だけ見る事ができる稀な体験ですね。*1端的に言うと、希望のドメインは…

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

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

進捗 20161116

AMP ページと通常のページでコンテンツが違うと、どうなるの? Search Console でエラーの表示が出ます。 AMP ページに向けたタグが存在する元のページ(PC/モバイル)と、AMP ページのコンテンツが全く異なると、エラーとなります。 ただし、冒頭部分などの要…

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

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

エンジニア立ち居振舞い

他の方が真面目にチーム内の事や自身の環境の事を書いているので、見える範囲の事を、やわらかめで。 やはりコード「だけ」を書いていると、飽きが生じるので、気分転換に人力検索で回答できそうな質問に答えたり(答えるための確認コードを書いたり)、Google…

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

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

はてなブログに「こよみモード」が実装された

表向きの機能ではなく、自分(書いている、あなた)向けの機能のようです。 こよみモードで開く はてなブログの仕様では「0000年」の設定が可能なはずなので、変なカレンダー!と言わないようにしましょう。そういうものです。 カレンダーをクリックすると、そ…

はてなブログ AMP 検索 広告 のお話

あくまで、このブログでの見解。と責任の範囲を小さくしておきます。 期待が膨らんだ想像のような青い海は広がっていませんし、犬も居ません。 Googleの検索結果にampがどんどん侵食してきている実例とビッグワードでのワンチャンあるよって話 - 心に火を、…

はてなブログの「アイキャッチ画像事故」を防止したい

はてなブログでは、アイキャッチ(サムネイル)画像を予め設定しなかった場合、エントリー(記事)に利用される1枚目の画像が自動的に設定されます。 アイキャッチ画像の仕組み アイキャッチ画像とは、SNSや記事の引用などで利用されるエントリー用の表紙画像の…

アプリや拡張機能の話

大変でしたねぇと思うと同時に、インターネットを利用する人々のアレコレが見れたエントリー。 開発者としては辛い話。 blog.clock-up.jp ブックマークコメントで「このブラウザはダメだから○○を使う」「重要な操作はシークレットモードを使う」など、様々な…

はてなのまかないおやつが食べたいです

ブロガーでは、ない。と自称しているid:psneです。その辺りは周りの人が呼ぶ名称が恐らく正しいので「ブロガーのid:psneだ!」と言われたら、きっとその時はそうなのだと思います。 以前にも書いた気がするお題群ですが、5周年なので書きますよ。 1. はてな…

ダミーのmicroSDカード(カードスロット キャップ)を探す

はい、あれですね。あのプラスチック片。わかりますよ。という事で「売っているだろう。」と検索してみたのですが、何故か市販されていない様でした。 q.hatena.ne.jp モノは見た事があるのです。PCやスマートフォン等の機器に予め挿しこまれていて、「使用…

野菜が高いと外食するマン

野菜食べないとダメマンは外食しているらしいです。という話を思い出したやつです。 orangestar.hatenadiary.jp *1 例えば、リンガーハット(ちゃんぽん)やガストなどのファミリーレストラン、町の定食屋でもそうですが、原価が変わったからと簡単に値段を変…

はてブロimageTitle の進捗 20161029

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

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

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

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

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

はてなブログに新テーマ「Life」が追加された

1カラムのやつです。 とにかくプレビューしたい (PC版) ものすごくシンプルなやつでカスタマイズしやすい感があるやつです。 今後、新しいブログを作成した際には、こちらのテーマが設定されるようです。(以前は Epic ) また、こちらは少し前からの変更です…

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

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

Google の検索結果(AMP版)から、だいぶ人が来るようになった

というお話。 実際には、かなり前から少しづつアクセスされている事が確認できていたのですが、最近増えてきたと感じるやつです。 このブログの内容がPC向けである事と構成が少々特殊な事を踏まえると、参考になる部分は少ないと思いますが、AMP HTMLを配信…

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

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

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

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

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

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

今週のお題はお休みです

ああ、そうですね!3連休の方や、久しぶりの日付が合った「体育の日」などで運動会の地域もありますね!(最近は春に行うことも多いようです。) という話ではなく、 期間が長すぎるので1ヶ月ほどお休み、という事のようです。 1ヶ月あれば1万文字レビューや画…

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

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

キットカット 日本酒

日本酒の日は10月1日ですよ。という話があり、表題の商品を買ってきたのですが、「アルコール入ると稼働悪くなりません?休みの日にしましょう」という流れでしばらく放置されていたものを食べたやつ。 ネスレ キットカット 日本酒 mini 12枚 出版社/メーカ…

マイクロサービス 規模 とは

TL;DR 上手い事やりましょう。 規模を考える このエントリーには知見というものはないのですが、マイクロサービスは2週間で作り直せる規模。というのが一つの指標のようです。 個人的な原文の意訳として 限定的(単一)な仕組みである。 既存の物を2週間で再構…

パクリサイトやSEOなど、周期的に発生する「困った」を解決したい

また、この季節が来ましたね。 と、一定周期でやってくるお話でありますが、パクリサイトのお話と、はてなブログの見出しのお話。 パクリサイトには高度な対処を行う ただリダイレクトするだけではダメです。という、もう一歩踏み込んだ話をいつもしているの…