記事一覧
[Blogger #030] 引用、囲み、箇条書き部分のCSS整備しました
#029でSVGアイコンをHTMLやCSSの疑似要素に使う記事を紹介しました 。これを使って、引用したり、箇条書きだったりの部分に使おうとCSSをいじりました。記事はこちら。 こ…
Raspberry Pi4 であそぼ #06 ～限界までオーバークロック～
私のラズパイちゃん、オーバークロックで、かなり快適になりました！
オーバークロック記事は多々あれど、基本的な Config.txt の設定変更の話しばかりで、細かくいろいろと突っ込んだ記事があまり見当たらなかったので、意外に苦労しました。
今回は、細かいところまで、いじくれるようになったので、大満足。詳細の記事は、いつものとおり、こちらのブログで書いてますので、ラズパイのもっさり感に嫌気がさし
Raspberry Pi4 であそぼ #05 ～仮想通貨自動取引の表示モニター「億り人カウンタ」の実装～
前回、4月の結果公開した時、表示機能を追加しようかな、と書きました。note の記事はこちらです。詳細はブログのほうに書いてます。
表示機能の追加で悩む小さなモニターは、アマゾンで購入。こういうガジェット的なハードウェアも結構迷うんですが、それよりも、もっともっと迷ってしまったのが、Pythonでの表示機能に、何を使うか。結局、PySimpleGUIを使用しました。
Python で ユーザー
Raspberry Pi4 であそぼ #04 ～仮想通貨自動取引の結果公開 4月～
買ってみたの1台目、自動取引専用機となった2台目、開発機として更に1台、と、3台も組立てきました。
そんな中、２台目がもくもくと自動取引を続けてがんばっているので、今日は、その成果をブログで公開いたしました。
ブログ記事はこちら。
ラズパイ１０台以上買えるぐらい、儲けてくれました。いつまでこの調子がつづくでしょうかね。
表示機能の追加検討調子よく頑張ってくれていますが、ずっと触らないので、
Blogger テンプレート引っ越し計画開始＃01
最近、ラズパイで遊びすぎてて、Blogger記事もnoteもあまり更新ができてなかったです。そんなことしてる間に、Google Adsenseに合格したりしましたので、また、Bloggerのほうにちょっと手をいれていこうかなと思ってます。
広告が入るようになると、やっぱり、全体バランスが大きく崩れてしまいますよね。ふじやんさんとか、Fumaさんとか、「Adsense通っててもデザイン重視で広告な
Raspberry Pi4 であそぼ ＃03 バックアップとリストア
ラズパイ、既に３台目のセットアップした。最初の初期設定は、こちらのサイトを参考にしながら、やってます。てか、やってました。2台目までは。
でもね、まあ３回目ともなると、めんどくさいっす。だって、このOSインストールからPython入れるところまでって、一緒ですからね。ＳＤをバックアップしてコピーで済ませたい。
ということで、バックアップしてリストアしてみたら、まあ、遅い、容量でかい、と、不満爆
Raspberry Pi4 であそぼ ＃02 ラズパイトレーダー ～仮想通貨の自動取引させてみた～
引っ越し先メインブログは以下に引っ越ししてます。最近の結果は以下のブログにあります。
元記事ラズパイを買った目的の一つ、24時間監視して取引してくれるツールをつくって動かしてみました。2週間ほど稼働し、いまのところ、順調に資産を増やしてくれています。
北米在住者なので、Binance-US で取引してますが、APIは本家Binanceと同じでした。Pythonのパッケージも引数で指定するだけで
![[Blogger #032] OGP とか Twitter card とか metaタグを整備する](https://assets.st-note.com/production/uploads/images/47989172/rectangle_large_type_2_3cb95d6f3b8dbc202aba474f3f546348.png?width=800)
[Blogger #032] OGP とか Twitter card とか metaタグを整備する
記事を書いたら、ツィッターに張り付けたい。で、やってみると、中身がすっかすか。ちゃんと、設定を確認しておきましょう。
と、いう件に関しては、かなり前にやってたんですが、それ以外にも色々あるので、備忘録として記事化しました。
絵が出ないのは、Bloggerのアイキャッチ画像の認識問題。ブログカード上でのDescription がでないのは、記事投稿時に設定してないから、なので、metaタグで追加
![[Blogger #031] OpenLiveWriter での編集画面カスタマイズ](https://assets.st-note.com/production/uploads/images/47861185/rectangle_large_type_2_e408fceb1774ebde09cba4c046f60919.jpg?width=800)
[Blogger #031] OpenLiveWriter での編集画面カスタマイズ
OpenLiveWritterでの編集画面、実際のページの見た目と凄くちがうんですよね。そりゃ、何も設定してないので仕方ないです。Previewも、標準のテンプレなら、そこそこだけど、QooQをつかってるせいか、カスタマイズしたくってるせいなのか、全く反映されません。そこで、直接CSSを合わせちゃう、という作戦をとりました。
詳しい記事は、こちらで。
見た目だけを合わせられると、記事もより書き
[Blogger #030] 引用、囲み、箇条書き部分のCSS整備しました
#029でSVGアイコンをHTMLやCSSの疑似要素に使う記事を紹介しました 。これを使って、引用したり、箇条書きだったりの部分に使おうとCSSをいじりました。記事はこちら。
これが、一筋縄ではいきませんでした。
たかが、箇条書きの前のチェックマークですよ。これ、SVGなんか使わなくたって、HTML・CSSだけの組み合わせでも、そこそこなものがあって、サンプルのCSSも、ググればすぐでてきます。
Raspberry Pi4 であそぼ ＃01
気づいたら、Raspberry Pi4 の８GBバージョンがAmazonからやってきてました。Blogger のいじくりが、ちょっと停滞してたのは、こいつのせいです。
ということで、早速、記事にして書き始めてます。ぶっちゃけ、日記＆自分用の備忘録ですね。
実は、今回は2台目です。前回はテスト・評価目的でしたが、今回は実用的なものをつくっちゃいます。何に使うのか、は、Blogger記事でね。
![[Blogger #029] SVGアイコンをCSSの疑似要素に使う](https://assets.st-note.com/production/uploads/images/47181945/rectangle_large_type_2_29c48b734309ac308d60949ad878818d.jpg?width=800)
[Blogger #029] SVGアイコンをCSSの疑似要素に使う
SVGアイコン埋め込みを2回分に分けてBlogger 側に記事かきました。
SVG埋め込みは、以前 note で書いたんですが、CSSへはやっていなかった。HTML埋め込みはnote、CSS埋め込みはBlogger って分かれちゃうのもなんだなってんで、note 記事を焼き直しし、セットでBlogger 記事にしておきました。
何故、CSS疑似要素にSVGアイコンが必要になったのか？記事書いて
![[Blogger #028] Open Live Writer ＆ Dynamic Template でオリジナルブログカード](https://assets.st-note.com/production/uploads/images/46996108/rectangle_large_type_2_2deaea065b0948d24298b3cb3f3e2079.png?width=800)
[Blogger #028] Open Live Writer ＆ Dynamic Template でオリジナルブログカード
ブログカードをどうするかっていうのが、悩みの種でした。note だと、簡単に、ブログカードのリンクを埋め込めますが、Bloggerだとそうはいきません。詳細記事は以下です。
様々なブログカードそもそも、なんで悩むかというと選択肢が多いから。ググっていけば、たいてい、次のものにたどり着くのではないだろうか。
はてぶのブログカードを<iframe>タグで埋め込む
Embedly を使う
ブックマー
![[Blogger #027] Open Live Writer へ Dynamic Template を導入](https://assets.st-note.com/production/uploads/images/46929513/rectangle_large_type_2_191e75c7af8727b929cea7435ac97189.png?width=800)
[Blogger #027] Open Live Writer へ Dynamic Template を導入
Windows Live Writer 時代には様々な Plug-in があったようですが、もちろん、Open Live Writer も、Pluginが使えます。
今回は、Dynamic Template を導入しました。詳しい記事はこちらに書きました。このプラグイン、むちゃくちゃ高機能なので、使いこなせれば、ほとんどこれ一本で出来てしまうのではないかと思います。
なんと、このテンプレート、
![[Blogger #026] コード引用の見た目をよくする](https://assets.st-note.com/production/uploads/images/46791187/rectangle_large_type_2_f4d14c495286dce0ca5ecaf7af60daf3.png?width=800)
[Blogger #026] コード引用の見た目をよくする
Blogger 側に直接記事を書くようになってしまって、note のほうが後になった。できた記事はここ。
とはいうものの、今回もふじろじっくさんところの記事を実行しましたってだけです。出来栄えは、こんな感じ。凄くいいね。
オリジナルでいじくってるのは、テーマをStackoverflow-darkにしたのと、行番号部分の境界をドットにしたりとか。
あとは、Powershellやら、C#やら、今