tailpiece.dev

世の中は例のウィルスの話題で持ちきりですが、
なんとなく思い立ってtail.dojin.comのログをクリーンして（ろくなログを付けてなかった・・・）、
raspberry pi3のOS（raspbian入れ直し）と、
ubuntuを入れていたノートPCのOS（windows10入れ直し）のリセットを行った。

なんというか、触れていなかったというのもありますが、
長期間触れていないと、何ができて何ができないのかが分からなくなってね？

確か前回のラズパイは最終的にラズパイzeroで環境移行できたからラズパイ３側はリセットしても問題ない。。。はず。

ubuntuノートは、思った以上にCPUが足を引っ張っているのか、ほぼやろうと思っていたことが出来なかったので、緊急時にブラウジングするくらいしか用途がなかったんですが、ノート自体のバッテリーがへたっていて、緊急時には起動できない(笑)って感じだったので、いっそのこと戻そうと。

ただ、色々リカバリーしていて思ったのは。
core 2 duoとかcore duoとかは流石に古すぎて、例えばubuntuとかだとパッケージの一部がサポート外になっていて、導入できないとかが本当にざらにあったので、「旧PCをなんとか使いまわそう」なんて考えずに、必要時に必要なPCを買ったほうが精神的に良いということを痛感したよ・・・。

その点ラズパイは良くも悪くも　ほぼすべての環境が同じなので、再現（冪等）性が高い。
それでも２年前のドキュメントに書かれていることだと、そのまま実行しても入らないってこともありますが、特に拘りがなければ　いっそのこと入れなおしたほうがすっきりうまく行くって気がしています。

ラズパイにDocker入れてみたものの、どっかの記事で
Docker imageがIntel CPU前提で作られているので、
あまりDockerのありがたみがない　的な事をみて、初期設定では起動しないようにしたのですが、

気を取り直して、Yarnとnodeを入れて、yarnしてみたところ、
まあスッゲェ　ビルドがくそ遅くて、メインPCとの分離は厳しいかなあ・・・？と、思ってきた。
（どれくらい遅いかというと、昔のMacで　ファイルをセーブしたあとコーヒーブレイクできる　くらいに遅い）

いったんnode-moduleが入りきったら早いかなあ・・・？

なんか最近、windowsであるが故に発生する事象に対応するのが　すんげー面倒くさくて、
まじでwindowsを窓から投げ捨てたい気持ちでいっぱいです　くそったれー　ぽーい

しかしラズパイ３Bって、スペック的には　ConohaのVPS 1Gプランよりは上（SSDじゃないしなんのCPUなのかは不明ですが）なんだよなあ・・・まじか。

用途次第なんでしょうけれど、nuxtJSをゴリゴリ開発するには不向きってことなんかねえ。
あくまで完成品（最適化済みファイル）を動かす用途というか・・・。

最近よくYOUTUBEにアクセスすると、なんかわからんエラーが出て　アクセスできないって言われることが多いんですが（私だけか・・・？）、なんかIEでアクセスしなおしたら表示できるようになって「！！！」ってなった。

IEめっちゃ使えるじゃん！！それ以外で滅多に起動しないけれど。

・・・実際はキャッシュが溜まってて見れてない事の方が多いらしいのですが、
クリアしても見れないケースがあるので、それ以外の理由でこけている気がしている・・・。
（たまに明日香ちゃんねるすら見れない時があるんですが、adblockとかも関係あるんですかねえ。。。謎。）

ていうか、スマホでも言われるんですが、
FirefoxとかOperaで行けば何とかなるんかなあ・・・？

主にDQwalkを中心に、SDの調子が悪いなーと感じるようになってきたので、
microSDを買い増しした。

で、そのついでに速度を測ってみたのですが
前のSD、class10/UHS-Iですが、Readは40MB/s、Writeは8MB/sくらいしかなかった・・・。

今回のSDは、class10/UHS-3で、
Read 54MB/s、Write 59MB/sくらいあるので、普通に使う分には問題ないかな？
（1080pを60fpsで撮れるくらいの性能なので、端末性能は活かせてる）

しかし、しかしだ・・・。
本来はUHS-Iでも書き込みは20MB/sは最大で出るんじゃなかったのか・・・？
表面には誇らしげに　30MB/sとか書いてあるから、てっきり両方でてるもんかと思ってたー。


あ、あと。
どうにもノートPCの13インチ+液晶22インチの組み合わせで開発するのがしんどくなってきたので、
15.6インチのUSB接続モニタ（中古）を２万くらいで買いました。

15.6インチは縦にして使っているのですが、ちょうど　VSコードのサイドパネルを閉じた状態で、
だいたい60行くらいのソースコードを表示させることができます。
（最近知ったのですが、win10って、モニタサイズと解像度に応じて、自動的に拡大表示を調整してくれます。15インチ～13インチくらいのモニタで、フルHDを表示させようとすると、だいたい　推奨の拡大率150％で表示される）

◇表示できる内容量


◇windows10の設定

※もちろん100％にもできるんですが、すっげー文字が読みにくくなる


いやー、4Kディスプレイを１枚買うっていう選択肢もあったんですが、
会社もおんなじような環境（2K液晶がちょっとでかくなる程度）だったので、
持ち運びできて、開発はかどる　っていうのが　すげーマストだったんですよねー。

良い買い物したわー。１か月で元が取れる気がする。
何気にMacMiniにも接続できるので、趣味の開発にも使えるな。よきかな。

tailpiece.devを取得する前に、ConoHaでVPSを借りてサーバー立てて遊んでいた時期があったのですが、その時に使っていたドメインは　今は使っていないので、解約しようと思っています。

で、お名前.comでドメインを取得した場合って、ドメインの解約っていうメニューがないので、放置するしかないっぽいのですが、なんというか毎日５通くらいのペースでメールを送ってくるので、うっとおしいことこの上ないのです・・・。



これ、もう、スパムだろ！？
毎日５通（昨日はとうとう６通）とか送ってきて。まあ昨今間違えてドメイン更新忘れてました案件が多いので、件名や差出人を変えて出すっていうのは、まあ、親切っちゃ親切なのかもですが、やりすぎだろォ？！

ちなみにプレゼント/Amazonギフト券は１００円分です
自販機でジュースを買うのにも一苦労する値段ですね！

ちょっと前までは、更新+GMO関連の口座を開設すると　+1000円がもらえたり（更新費用はこっち持ち）、
更新+GMOでんき申し込みでキャッシュバック（更新費用が6000円までは免除）だったり　とかも来てたのですが、

・・・どう考えてもスパムだよなあ。
誰がドメイン更新費用のために口座を開設したり電気開通したりするっつうんじゃ。AHO-

自分宛てにくるメールって3通/日くらいなので、めっちゃ埋まってて、
流石に嫌になって振り分けフィルターを作ったのですが、それまでは結構見逃しているメールとかありそう

と、いうわけで、ドメイン取得は google domains おすすめです。
なんといっても.devの費用が、取得時も更新時も1400JPYっていうのがいい。めんどくさいメールも飛んでこない。なんとすばらしい・・・。

立花の名前が自分のサイトに出続けていること自体が嫌になったこともあり、
右スペースを、ポジティブな内容にしたかったのです。

で、かねてより、
ロケットニュースの佐藤英典さんの記事が
自分に　刺さる　刺さる　と言い続けていましたが、

とうとう　自分の中でリミットを迎えて、
佐藤英典さんの記事へのリンクを　ブログパーツとして出したい！という気持ちになり、
サイトスクレイピングして表示させてみました。

require_once("./phpQuery-onefile.php");
$html = file_get_contents("https://rocketnews24.com/author/foodqueen-satou/");
$doc = phpQuery::newDocument(mb_convert_encoding($html, 'HTML-ENTITIES', 'UTF-8'));
$outputHTML = ["＜ul class='rocketnews'＞"];
$cnt = 0;

foreach ($doc->find(".post") as $entry){
  //更新日
  $date = pq($entry)->find('.date')->text();
  //タイトル
  $h1 = pq($entry)->find('h2.entry-title')->text();

  //link
  $a = pq($entry)->find('h2.entry-title')->find('a')->attr('href');

  //配列に格納
  $outputHTML[] = "＜li＞＜a href='$a' target='_blank'＞$h1＜/a＞ ($date)＜/li＞";

  $cnt++;
  if($cnt >= 5) {
      break;
  }
}
$outputHTML[] = "＜/ul＞";


echo implode($outputHTML);

PHPは３ヵ月ぶり？くらいで、すっかり忘れていましたが、
なんとかなるもんですね。

ただ、毎回アクセスするたびにスクレイピングしてしまうので、
このままの状態だと、アクセス数が多いサイトに設置するには不向きで。

何時間かおきに自動で拾いに行って、キャッシュしておくのがベターかな。
このサイトは　ほぼ私しかアクセスしていないので、このままにしますが


俺得以外の何者でもないですが、これでいつでも佐藤さんにアクセスできるぜー！！
ていうかタイトルからして、スマートニュースとかで羅列された時に、
絶対クリックしちゃうんだよ佐藤さんの記事！

「また佐藤か！！（たまに別のひと）」

すげえよ佐藤さん。まじめに尊敬です・・・。
ただ、いま気になったのは、佐藤さん　あんまり　イイネ押されてないな？
押すべきか。

あんまり　毎回　だいたい　イイネって感覚の記事じゃない（バカだね！とかが適してる）んですが
すごく笑いを提供いただいているので　気がついたら押してみよう・・・。

Cypress自体が、2017年くらいから公開されたらしくて、
そこまでドキュメントが整理されていない、というのは、あるかもしれませんが、

最近、なんか、google検索しても、これだーっていう情報に辿りつけないことが、
とっても多いです・・・特に、技術系情報。

まあ、大体は　Qiitaとかで検索すればちょっとはヒットするんですが、
それにしたって少ない・・・。また、あっても、すっごい入り口のことしか書いてなくて、
細かい　これのときはどうする　みたいなのが　本当にない。

なんだろう、みんなnoteに書いてる？のかな。

noteのシステム、いいですよね。
QiitaはQiitaで素晴らしいのですが、執筆者側の労力も考えると、
技術系同人誌にまとめてくれたり、noteみたいな感じで投げ銭できると、
読む側もまとめて読めるので、とてもよいと考えています。

しかし、、、なんだろうな、この、検索の不毛さは・・・？

jetson nanoをSSHでググったら、「Qiitaの（おそらく全然関係ない人が作成した）」ページが、何故か、昔勤めていた会社が提供しているサイトに「カテゴリ：投資ニュース」とかで出てきて、おいおいこんなページがあるからグーグルが腐ってるんじゃないの？と、思うところもあるのですが、まあ今となっては全然関係ないので別に良いか。はてブの（コメント一覧）ページとかがヒットした時も「大概にしろ」と思うこともあるのですが、オリジナルサイトのSEOが悪いのか、単にブログで書く人が激減しているのか、、、。謎です。


ていうか、さくらのブログさん、もうちょっと機能面でアップデートしませんかーーーーーーーー！！？
本当は　ふつうにさくらのブログを表示しても良かったんですが、いかんせん　痒いところに手が届かなくて、結局この形で運用しているんですよね・・・。

理由を思い出してたら、そうだった。
さくらのブログにドメインを指定すると、SNISSLが使えない　って所なんですよ！

.devドメインなんだから、SSLが無いと困るんよー！
（わざわざ証明書を買うほど、やる気はない）

自分でさくらのVPSとかConohaなりを借りてセットアップしたほうが早い　っていうのは理解しているのですが、ログをつけるためだけにサイト構築なんてやってられないんよー。cronで自動実行できるとしても、セキュリティアップデートが面倒くさいんよー。

いや、まあ、「いまさらブログ機能なんてアップデートしても・・・」というのは、わかるんですけどね・・・。
なんとも面倒くさい世の中になったもんです。

Web UI の自動テストツールに「Cypress」というのがあります。

私、Seleniumを全く触ったことがなく、Cypressからデビューしたのですが、
ウィンドゥを自動的に指定したサイズに変更した上で特定の要素をクリックした時　の挙動を
確認することができるのですよね。

私のいまの使い方は、本来のUIテスト　では　ないと思うのですが、
webGLの動作で、特定のウィンドゥサイズでバグが発生している時に、
環境を特定するために　だーーっと自動実行させて、スクショを確認するとかしています。

これが、とっても楽チン。
なんで先週まで手でやってたんだろう・・・再現性、あるようで、無い。
（毎回同じタイミングで、同じウィンドゥサイズで複数サイズテストするとか、手動じゃ無理）

先週は、しまいにはマクロツールを使って何とか再現性を持たせようとしていたのですが、
「Cypress」のほうが全然アリですね。

WEBサイトのテストにしか使えないですが、おすすめです。

開発のテンションを上げるため、、、というか、
仕事と趣味の境界線が曖昧になってきたので、
自宅のターミナルの背景を　ネットで拾ってきたミクさんに設定してみた



ただ・・・
Macのターミナルの背景画像って、画面サイズに合わせて拡大してしまうので、
ターミナルの起動直後は　アスペクト比がおかしい　っていうのと、

画像を取得したのはNaverだったのですが、
元画像の出典元が　おそらく絶対Originalではない　という点

そもそもこんな使われ方を想定していないだろうから
作家さん的にはイヤだろうけれど、作成するのに時間も手間もかかっているだろうから
せめて紹介したいけれどできないっていうのは、結構ジレンマですね　ウウウ

ちなみに　macには　何も画像編集ソフトが入っていないので今回はCanvaで作成しました。無料版だとでっかいサイズしか作れないけれど、画像のアルファ値を変える程度だったら、じみーに便利

◇Before


◇After


ついでに壁紙をぷちでびる様のものに変えた。超たのしい・・・。今まで、というか、自分が描いてた頃って、壁紙を設定すると、その彩色にひっぱられる　という理由で、めっちゃ単色の　じみーーーーーな　じみーーーなデスクトップだったので、すごくたのしいです。もう標準に戻したくない

なんか、前回のセットアップの時に思ったのですが、
ssdの外付ケースによって？Macのインストール先に指定できないことがあるらしい。
（※最近のmac osは、APSFボリュームに出来ないとインストール先に指定できない）

◇だめなケース（方式　の選択がない）


◇OKなケース

※Mac のディスクを消去する方法 から引用

組み合わせかもしれませんが、今回　だめだったのはCenturyのCMB25U3BL6G、
OKだったのは　LogitecのLGB-PBPU3。

SSDはCFDのCSSD-S6B240CG3VXでした

SSDそのものが認識されない、のではなくて、
方式の選択肢が出てこない、っていうのが、よくわからない・・・。

Centuryは接続した途端　USB外部物理ボリュームとして認識されるのが原因？

ひょっとしたら別のOSも入れたり消したりしているので、その影響かもしれませんが、
ひとまず、Centuryはバックアップ用に使ってみます。
（PS4用に使っているSSD 480GBは、Centuryで問題なく動作しているのですが、あれもよく考えたらOSインストールではないから　なんとも・・・）