白出茂妄想

白出茂、利出茂で同棲前にこれだけはチェックした方がいいことリスト

項目 出茂鹿 白南風丸 利吉 小松田秀作
生活環境 ひとり暮らし2年以上 実家ぐらし・
ひとり暮らし未経験
ひとり暮らし2年以上 ひとり暮らし2年以上
部屋の電気とドア ちゃんと閉める・
消している
ちゃんと閉める・
消している
たまに開いてる・
電気は消す
閉めたり閉めなかったり・
点けっぱなしだったり
食器を洗うタイミング その都度すぐ洗う シンクにためたまましばらく放置する その都度すぐ洗う 基本的にすぐ洗う
実家の親との付き合い 普通 仲がいい 普通 よく顔を出す
部屋の様子 常に整理整頓 結果的に散らかしがち 基本自分理論での整理整頓 散らかりがち
料理の味付け 作ったものをそのまま食べる 料理によるが基本的にそのまま 調味料を使って自分好みに変える 作ったものをそのまま食べる
自分の趣味について 干渉しないでほしい どちらでもいい 干渉しないでほしい 一緒に楽しみたい
プレゼント 実用的なものがほしい 特別なものがほしい 特別なものがほしい 特別なものがほしい
休日の過ごし方 家からなるべく出たくない 2人で色んなところに行きたい その時の気分による ノープラン
トイレットペーパー シングル こだわりなし シングル こだわりなし
バスタオルを洗う頻度 毎日替える 気にしない 毎日替える 気にしない
怒ったとき 言いたいことは言う 基本怒らない 言いたいことは言ったり言わなかったり 黙る
食事中にスマホは 別に気にならない 別に気にならない 別に気にならない 別に気にならない
SNS ほぼ利用しないが仕事では使う LINEなどはよく使う 仕事に必須 使う
おなか 弱め 強め 強め 程々
冷房の設定温度 25度 23度 24度 25度
サプライズ 苦手 好きな方 苦手 好きな方
寝る時の明るさ 常夜灯 常夜灯 常夜灯 常夜灯
寝付き 入眠音楽が必要 よい よい 比較的よい
ご飯の炊き加減 ふっくら かため かため ふっくら
買い置き する しない しない しない
風呂 帰宅後すぐ 夕食後 夕食後
項目 出茂鹿 白南風丸 利吉 小松田秀作

こういうことを妄想してるだけで何時間でもいける。基本的に出茂鹿と利吉は似てる……と思う。

メンズメーカーうり式で出茂鹿作ってみた

メンズメーカーうり式といううりさんによるメンズメーカーができていたのでさっそく出茂鹿を作ってみた。

ブログカードが一応エラー処理もできて CSSもレスポンシブ対応してると思うので思い切り使ってみるよ。まだ予想もしない不具合が残ってるかもしれないけど。

20190207235909.png20190207235910.png

PHP開発用色々

Smarty 用ブログカード修飾子プラグインは一応動いてるんだけど、まだ CSS周りとエラー周りで問題を抱えていて目下修正しています。

修正のうちの結構なステップは仕様も考えずにとにかく書いてテストするを繰り返した結果なので、きちんとフローを考えてから書けば問題のないところばかりだけど、私はプロのプログラマでもなんでもないので、見える部分を仕上げないとモチベーションが保てないのでこれも必要なステップなんだろうと思う。

PHP を久々に触ったので調べながらということになるんだけど、昔に買った PHPポケットリファレンス はあまり役に立たない。PHP4 の頃の本だから単純に情報が古いというのもあるけど間違いも多い。

結局ネットで PHP公式のリファレンスに当たったり、技術系のサイトを見たりするほうが正しかったりする。それでもアクセス稼ぎのサイトも多いので巷で言われている通り Googleの検索結果の信頼性が落ちてきているとは思う。それでもまだ技術系は正しいことを書いてくれている人のほうが多いので助かります。

今回いろいろと調べてみて便利だと思った開発用サイトを備忘録的に貼ります。

正規表現ビジュアライザー

とにかく便利ですよね。正規表現をリアルタイムにビジュアル化してくれるのでわかりやすい。このサイトのおかけでだいぶ助かった。

PHPオンラインサンドボックス

PHPはインタプリタ型言語なんで自サーバでもサンドボックス的なものは置けるとは思うんだけど、実行するバージョンも選べるので小分けしたルーチンが正しく動作するか即座に見られるのがいいです。

オンライン正規表現デバッガ

正規表現を実際に実行してテスト文字列を入力したらどこにヒットするのか、ヒットしたあとどこに収納しているのかということを教えてくれるので便利です。しかもマッチにかかるステップ数も表示するので、効率的な正規表現を突き詰めたい人には必須ではないかと思う。私は効率よりわかりやすさ優先の人間なのでステップ数はあまり気にしない。

Smarty用ルビタグ変換プラグイン

あと忘れてはいけないのがこのページ。まさしく Freo用のルビ表示置換 Smartyプラグインなんですけど、Freo からエントリーの文字列を取得して置き換えて出力というフローは私の作ろうとしていたブログカードプラグインとまったく同じだったのでものすごく参考になりました。
というよりも、文字列を置き換えるところの処理はまんま同じです。GPL って本当に素晴らしいですね。

ブログカードの実装

WordPress にはプラグインが豊富に合って「あれできないかな?」ということが大抵あるので便利は便利なんだけど、そのうちの一つに「ブログカード」がある。

まさしくこのようなやつで、はてなブログではリンクを挿入する際にブログカード形式が選べてこれが OGP を取得表示してくれて便利なわけです。そして WordPress にはこのようなブログカードを実装するプラグインとして、Pz-LinkCard というまさしくなプラグインがあり簡単に利用できる。

しかし Freo にはこのような機能はないので、今のところ他のエントリーでは HTMLでそれっぽいものを書いたり、上記のはてなブログカードを呼び出して使っています。

これでも別にいいのですがもっと便利にしようと思うと、リンクを自動的にブログカードに変換する機能を実装するということになる。

先の PZ-Link のような動作にするには各テンプレートが DBを呼び出して表示するときに特定の文字列があればそれを変換して表示するというフローになると思うのですが、そうすると Smarty修飾子プラグインで実装するのが一番早いのかしら? と考えました。

例えば

[blogcard url="http://801.std201.com/index.php/view/410"]

と書けば

こうなるようにする。

エントリーを解析して、上記の blogcard で始まる文字列を取得して、URLから OGPを取得して HTMLに展開するというフローなのでそれほど難しくはなさそう。

OGP を取得するためには自分でルーチンを書くという手もありますが、あるものは使うべきだと思うので opengraphライブラリを使うことにしてテストしてみたら日本語の文字化け。

調べてみるとHTML解析しているところが問題のようで下記の通り修正したら直りました。日本語を使っていると常に文字化けと隣り合わせなので辛いですよね。もう日本語を廃止すれば? と思う瞬間でもあります。

(追記)HTML-ENTITIES だけでは shift_JIS とかで書かれているサイトに対応できなかったので更に文字コード変換を追加した。

	static private function _parse($HTML) {
		$old_libxml_error = libxml_use_internal_errors(true);

		/* 日本語文字列処理 */
		$HTML = mb_convert_encoding($HTML, "UTF-8", "auto");
		$HTML = mb_convert_encoding($HTML,"HTML-ENTITIES","UTF-8");

で、一応このページはそのルーチンを使っているので先の [blogcard url=""] でブログカードに変換されます。

問題点

  1. pixiv 等の特定 IPからの呼び出しを遮断しているサイトの場合、Smarty修飾子プラグインは PHPが実行しているサーバから実行されそのページにアクセスされるため、サーバがその特定 IPに該当すると OGPが取得できない。
  2. Freo のフィルター機能を使用していると、フィルターしているページの OGPには当然アクセスできない。

以上2点になるが、1については何らかの事情で OGPが取得できなかったときははてなブログパーツ APIを呼び出してそれを使用することにする。これも何の問題解決にもなっていないが、はてなブログパーツ API が公開を停止しない限りはうまくいくので次善策としては問題ないかと思う。そもそもブログカードプラグインも favicon の取得にはてなブログAPIを使っているので……。
2については OGPを取得するルーチンを Cookie対応にすればいけるのかもしれないが、それも面倒なのでそういうブログカードを貼りたい場合は、フィルター機能について に書かれている通り、「フィルター適用時のタイトル」と「フィルター適用時の本文」にそれぞれ [$title] と [$text] 入れてしまえばいいのではないかと思う。直接リンクされない限りフィルタは機能するわけだしそれでいいような気もする。

現在のところ、modifier.blogcard をこのサイトには適用しているのでブログカードを貼るのがものすごく楽になった。

寝間着の出茂鹿

20190117001231.jpg

ノートにいつスケッチしたのかわからない出茂鹿をぺんてる筆でトレースしてみた。

はじめはスケッチに直接ぺんてる筆で描こうかと思ったんですが、構図を変えたかったのでトレースを考えるが、トレース台を去年捨ててしまったのでトレースする方法を模索……。発光体があればいいわけで、タブレットはバックライト液晶なわけでこれは発光体だよなぁ……と思い「タブレット トレース台」で検索したらドンピシャなアプリを発見しました。

20190117001822.jpg

これがトレース前のスケッチ。この線嫌いじゃない。