Web
ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化⑥高速化
HomeMadeGarbage Advent Calendar 2022 |4日目 2021年のアドベントカレンダーで行っていた気象データのグラフ化ですが、約1年以上の運用となりグラフの表示が重くなって来たため、高速化を行いました。 https://homemadegarbage.com...
Stable Diffusion を Google Colab で実行する
この頃曲のサムネイルを Stable Diffusion で作成しているのですがとても面白いです。 設定についてなどの健忘録 _φ(・_・ Stable Diffusion とは AIの画像生成サービスです。 詳細(Wikiより) ...
ショップに KOMOJU を導入してお支払い方法を追加しました
ショップにPaypay等の決済を追加したく、 KOMOJU という決済代行サービスを導入しました。 https://ja.komoju.com/ KOMOJU は Steam 等の大手でも導入されているサービスの様です。 利用までの流れ ...
ブログ記事にいいねボタンを設置しました
お父ちゃんからの依頼で ブログ記事に「いいね」と「うんこ」ボタンを設置しました💩 記事本文の左上に表示しております。 プラグイン:Posts Like Dislike プラグインはこちらを使用させて頂きました。 ...
[PHP] サーバのフォルダに有る画像をファイル名の降順で指定数だけ表示
サーバの非公開ディレクトリにある画像を取得し ファイル名の降順で最新9件表示するPHPです。 <?php $path = "ディレクトリを設定"; if (is_dir($path)) { if(is_readable($path)) { $dir = dir($...
[SEO対策] AMP プラグイン② テンプレート設定とGoogle Analytics
今回は表示の調整を行いました。 前回の記事 https://homemadegarbage.com/amp リーダーモード:Twenty Fourteen リーダーモードのテーマを「Twenty Fourteen」にしました。 Reader Mode Themes – AMP for Wo...
[SEO対策] AMP プラグインを導入してみた①
モバイルページ高速化のため、AMPプラグインを導入してみました。 AMP – WordPress プラグイン | WordPress.org 日本語 ウィザード ※ スクショは後から撮ったものなので実際の画像と違っている部分があります テンプレートモードについて A...
Google Drive の容量をアップしてCloudMounter を使ってみた
先日 GoogleDriveの容量を200GBにアップして 音楽のバックアップはすべて GoogleDrive で行う事にしました。 (200にしちゃったけどまだ100GBもいってなくてちょっともったいないことした・・) GoogleDriveアプリだとPC側の容量が空かないので、 HDDの...
SEO対策① WebP Converter for Mediaとa3 Lazy Loadで速度アップ
お父ちゃんからブログの検索順位を上げてくれ〜との依頼がありまして SEO対策を調べながら頑張って行きたいと思います。 PageSpeed Insights(変更前) まずは PageSpeed Insights でチェックをしてみました。 PC モバイル 主にGifが重たいようで...
SoundCloud for Artists 支払い設定
昨年 サウンドクラウドの曲数が増えて容量が足りなくなったので SoundCloud Pro Unlimited にしました。 SoundCloud Pro Unlimited では、 「SoundCloud for Artists」(旧 Repost)というディストリビューションサービスも利用...
Repost by SoundCloud で W-8BEN 記入
Repost by SoundCloud で W-8BEN を記入したのでメモ 一般的な日本国民、個人アカウントの設定です。 参考にさせて頂きました ( 2021最新版) W8ben ( W-8ben ) の書き方完全ガイド / マイナンバー対応 | 在宅副業ストックフォトログ ...
ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化⑤表示調整
前回 https://homemadegarbage.com/weather-graph4/ 今回はちょこちょことお父ちゃんから依頼のあった表示の調整を行いました。 ソースコード <!doctype html> <html lang="en"> <head&...
ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化④日付形式
前回は日付範囲指定が出来るように調整しました。 https://homemadegarbage.com/weather-graph3 ただこれだと、ログデータは10分毎のデータとなっているため、 日付を狭めた時に同じ日付が並んでラベルに表示されてしまい、 見づらくなってしまいました。 なの...
Use-your-Drive(Google Drive plugin for WordPress)を使ってみた
WooCommerceのダウンロード商品でGoogleDriveを使用したかったので、 WoodPressで初の有料プラグインを導入してみたけど結構便利! Use-your-Drive | Google Drive plugin for WordPress by _DeLeeuw_ | Code...
Chart.jsで折れ線グラフのラインが表示されない
Chart.jsの折れ線グラフで、なぜかラインが表示されず困りましたが、 spanGaps: true を追加することで表示されるようになりました。 myChart = new Chart(ctx, { type: 'line', data: {...