tailpiece.dev

tailが、開発関連のログをだらだら書くページです。
同人関連の情報はtail.dojin.comをご確認ください。

Dev

うーん・・・・・

2019.11.13

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

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

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

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

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

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

IE が 活躍する 日

2019.11.07

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

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

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

ていうか、スマホでも言われるんですが、
FirefoxとかOperaで行けば何とかなるんかなあ・・・?
あ、原因分かりました。
ウィルスバスターHNの、制限付きモードを設定するとダメみたい。
Screenshot_20191107_231537.jpg
成人向けコンテンツだった…!?
ていうかこのフィルター強すぎる。

フィルターなし
Screenshot_20191107_234515_com.google.android.youtube.jpg

フィルターあり
Screenshot_20191107_232841_com.google.android.youtube.jpg

おわかりいただけるだろうか、、、?
フィルターありの場合、アプリでは検索しても弾いてみたしか出てこない(ブラウザーで検索した結果は、リストに出てくるもののクリックすると再生できない)。ゲーム画面そのものが成人向け判定かよ狂ってるな

microSDを買い増した

2019.10.23

主に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接続モニタ(中古)を2万くらいで買いました。

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

◇表示できる内容量
Release Notes_ 1.39.2 - tailpiece.dev - Visual Studio Code 2019-10-23 23.51.41 (1).png

◇windows10の設定
設定 2019-10-23 23.52.12 (1).png
※もちろん100%にもできるんですが、すっげー文字が読みにくくなる


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

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

お名前.comが、やりすぎな件について。

2019.09.28

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

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

gmail.png

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

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

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

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

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

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

佐藤英典さんの記事一覧を出せるような何かを作った

2019.08.28

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

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

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


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は3ヵ月ぶり?くらいで、すっかり忘れていましたが、
なんとかなるもんですね。

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

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


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

「また佐藤か!!(たまに別のひと)」

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

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

最近、あんまりググれてない

2019.08.28

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

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

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

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

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

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

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


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

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

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

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

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

cypress面白いな・・・。

2019.08.28

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

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

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

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

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

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

ターミナルの壁紙を変更した

2019.08.23

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

bash.png

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

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

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

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

◇Before
before.png

◇After
after.png

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

ssdの外付ケースによっては、mac OSのインストール先に指定できないぽい

2019.08.23

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

◇だめなケース(方式 の選択がない)
Monosnap 2019-08-23 04-42-51.png

◇OKなケース
macos-mojave-disk-utility-erase-external-drive.jpg
Mac のディスクを消去する方法 から引用

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

SSDはCFDのCSSD-S6B240CG3VXでした

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

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

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

unity入れ直した

2019.08.20

あまりにも普通に起動するものだから、ずーっとbootcampでwindowsを起動していたけれど、
そうだ よく考えたら このPC macだった ということを思い出し、
240GくらいのSSDに新しくOS入れ直した(持ってるmacは古いので、標準ドライブがHDDなんです)

で、1passwordも入れ直して発覚したのですが、
なんか、1passwordを入れた後にfacebookのパスワードが漏れてる っていう事実

1password入れたのって、ほぼ半年前ですよ?!

facebookのパスワードは、facebookでしか使っていませんでしたが、
もー本当にパスワードって、機械に作らせて勝手に覚えさせるしかないですね。
どこで何のパスワードを使っていて、使いまわしているかなんて覚えてられない・・・。

3ドル/月追加して、家族にも入れてもらうのを真剣に考えるべきか・・・?


・・・おっと、unityの話だった。

unityは本当に初心者で、チュートリアルをやった 程度のレベルなのですが、
「Build時間を向上するには、ワークディレクトリと、出力先をSSDにするといいよ!」
って書いてあったので、

だったらOSごと(USBの)SSDに入れなおすわーっていうのが、元々の理由なのですが、
前よりは早くなっている感はある ものの、時間が かかるもんは かかりますね・・・!?

この動画を見る限りでは、元のHDD速度は100MB/sっぽいので、SSD化による速度は 320MB/sで3倍か。

無理やりM2変換を導入することで640MB/sくらいまで速度が向上するらしいですが、
うーん、そこまでやるなら新しいPC買うかなあ。どうせなら2000MB/s(でしたっけ?)を享受したい。

ロケットニュース(佐藤英典)

ロケットニュースの佐藤英典さんが好きすぎて勝手にリンクを貼っているコーナー(下記は、ロケットニュースが運営しており、佐藤英典さんが投稿した記事へのリンクです。このサイトには関係がありません)