「Web」カテゴリーアーカイブ

SoundCloud for Artists:リリース後の変更や問い合わせ先について

すき 0
0

別記事のコメントで質問を頂いたので記事にしました。

リリース後に変更を行いたい時

SoundCloud for Artists でリリース後の楽曲に変更を行いたい時は
サポート チャットまたはメールでSoundCloudに連絡する必要があるようです。

SouncCloudの「Help Ctenre」ページより、
Google翻訳で日本語にしたものを掲載させて頂きます。

Distribution Troubleshooting and Editing a Release – SoundCloud Help Center

SoundCloud Help Center

リリースから曲を削除できますか? 

残念ながら、販売店は、配布後にリリースから 1 曲を削除することを許可していません。これを行う場合は、曲を削除して新しいリリースを作成してください。ただし、新しい ISRC を作成することを許可するのではなく、リリースのライブ バージョンに既に関連付けられているものを入力してください。これにより、再生回数が同じままになり、保存されたすべてのプレイリストに残ります。リリースの新しいバージョンが公開されたら、私たちのチームに連絡して、古いバージョンを削除することができます。

リリースを削除するにはどうすればよいですか?

サポート チャットまたはメールで、次の内容をお知らせください。 

削除したいリリースのタイトル

リリースの UPC

コンテンツの削除を希望する理由 (多くの場合、削除する代わりにリリースを更新できます)

削除が完了したという確認をチームから受け取った後、ストアに変更が反映されるまで 3 ~ 5 営業日かかります。

私はすでにリリースを提出しており、変更を加えたいと思っています。これどうやってするの? 

サポート チャットまたはメールで、次の内容をお知らせください。 

更新したいリリースのタイトル

リリースの UPC

行いたい変更

更新が完了したという確認をチームから受け取った後、ストアに変更が反映されるまで 3 ~ 5 営業日かかります。

SoundCloud 問い合わせ方法

https://help.soundcloud.com/hc/en-us

「File a ticket」をクリック

右下にウィンドウが表示されるので「GIVE FEEDBACK」をクリック

問い合わせ内容を入力して送信する

返信は時間がかかりそう

実は私自身も別件(SoundCloud収益化の件について)質問を送っているのですが
10日経ってもまだ返事が来ておりません。

内容によっては返答までに結構時間がかかる様子です…

VTuber計画 !? ② Adobe Character Animator でパペットを作ってみた

0
0

前回 Adobe Character Animator の「スターターモード」を試してみました。

VTuber計画 !? ① Adobe Character Animator を試してみた

今回は自作の「パペット」を作ってみました。

パペットを作成する方法

パペットの作成について公式ページ

Adobe Character Animator CC でのパペットの作成および編集

プロモードが必要

パペットを作成するには Character Animator「プロモード」が必要になります。

※ 「プロモード」は Adobe CC で使用可能になります。

パペットメーカー

パペットメーカーは用意されているパーツを組み合わせる方法です。

パペットメーカーを使用したパペットの作成

自由度は低いですが一番簡単な方法です。

Characterizer

「Characterizer」は自分の写真から作る方法です。

自分の表情に基づくカスタムのパペットを簡単に作成できます。

やってみましたが「スタイル」が芸術的な感じのものが多く、
なんか怖くなってしまったw かわいい感じがいい!

※ スタイルを追加することも出来る模様

イチから作成する

「空のパペットを作成」しイチから作成する方法を試そうと思いましたが
初心者には難易度高そうなので今回は却下。

テンプレートからパペットを作成

今回はテンプレートからパペットを作成する事にしました。

テンプレート PSD または AI ファイルからパペットを作成するには、開始ワークスペースの「クロエ」パペットリンクを使用します。テンプレートの PSD または AI ファイルは、プロジェクトフォルダーにコピーして、プロジェクトに読み込み、新規シーンに追加すると、Photoshop または Illustrator でこの PSD または AI ファイルを開いて、変更を加えることができます。ファイルへの変更を保存した後、Character Animator に切り替えると、パペットが一致するように更新されます。

以下手順を記載していきます。

 

テンプレートからパペットを作成する

プロモードに切り替える

「プロを使用」をクリック

プロモードの画面

パペットのテンプレート

テンプレートとして使用出来るパペットはこちらの
「チャッド」(顔だけ)と「クロエ」(全身)になります。

今回は顔だけで作りたいので、「チャッド」を使用します。

テンプレートは Photoshop か Illustrator の選択が可能です。

こちらは自分が使いやすい方で良いです。

私はPhotoshopを選択しました。

テンプレートを開く

チャッド(Photoshop)を選択するとこのような画面になります。

右上にカメラキャプチャ画面があり、すでにアニメーションも連動している状態です。

左上の「リグ」をクリックします。

このような編集画面になります。

右上の方の「パペット」のパスをクリックします。

選択用のFinderが開くので「Chad.psd」を開きます。

(ファイルを Photoshopアプリアイコンにドラッグすると Photoshop で開けます。)

Photoshop / Illustrator での編集

私は Photoshop を使用しましたが、
Illustratorとの違いはレイヤーの構成が若干異なる様です。

手順的にはフォトショもイラレも大きな違いはないかと思います。

Chad.psd を 開いたらこのような画面になります。

ファイルの「レイヤー」を一つ一つ修正していく形になります。

face background

まず輪郭である「face background」レイヤーを編集してみました。

Character Animatorで確認

Photoshop を保存すると変更が即座にCharacter Animatorに反映されます。

Character Animator に戻り左上「録画」タブをクリックすると、
キャプチャされている動きも確認できます。

全てのレイヤーを編集していく

レイヤーの一覧についてはこちらに記載があります。

Adobe Character Animator でのアートワークの準備

上記は日本語ですがレイヤーは英語なので、英語ページも合わせて確認した方が良いかもしれません。

一つ一つ修正していくのですが、発音による口の形が沢山あって、そこがちょっと大変でした。だんだん適当になってしまったw

完成

編集完了〜〜〜!

 

作成したパペットで録画

Character Animator に戻ります。

背景色の変更

「シーン」ウィンドウ右下の「シーンの背景色」アイコンをクリックして、背景色を変更します。

初期状態では「透明なホワイト」が選択されているのですが、このままだとmp4に書き出した時に真っ黒になってしまいました。

アルファチャンネル?なのかわかりませんが今回は合成はせず単体でデモ動画を作りたかったので、とりあえず背景色は「白」を選択しました。

録画

シーン画面中央の録画ボタンをクリックして録画

録画したら再生などして表示を確認できます。

アニメーション自体を録画しているのではなく、
「カメラ入力」と「オーディオ」が記録されている状態です。

なのでこの状態で例えばパペットを編集しても反映して再生されます。

 

動画の書き出し

ワークエリアの編集

動画の書き出し範囲を指定するために「ワークエリア」を有効にします。

タイムラインの上部にあるバーの、
左端の薄く色がついている部分をクリックします。

ワークエリアが有効になりました。(色がハッキリした状態)

このバーの右端をドラッグして、録画の長さに合わせます。

これで書き出し範囲が録画の長さに合いました。

クイック書き出し

ファイル > 書き出し > クイック書き出し

保存場所など選択して「書き出し」

補足:背景透過

背景透過で出力する場合は、「アルファを含んだビデオを..」を選択します

参考ページはこちら↓ 🙏

【Character Animator】背景を透明にして書き出す方法 | 動画編集やデザインが楽しくなる小ネタブログ(NEXTist Skill Box)

完成動画!

なんとかできました〜

余談(言い訳)

口のパターン描くのが段々面倒になってきて適当になったため、口の動きがせわしなくなってしまったwいきなり牙生えてたりする(ΦωΦ)

そして毎度声カスカスw どうも Character Animator とオーディオインターフェイスの相性が悪いようで音声が Leftしか録音されないため、Mac本体の録音を使っている。声量が無いためマイク使えないとキツイ。

 

パペットの書き出し

作成したパペットは、スターターモードでも読み込み可能な .puppet ファイルとして書き出す事が出来ます。

再び「リグ」画面に行きます。

ファイル > 書き出し > パペット

ファイル名などを指定して書き出します。

 

パペット配布

「ちょっとぶさいくなねこちゃん」のパペットです。

ダウンロードリンク(GoogleDrive)

「スターターモード」でもこちらを読み込んで頂いて使用可能です。

もし良かったらご自由にお使い下さい。

VTuber計画 !? ① Adobe Character Animator を試してみた

0
0

お父ちゃんとやっているYouTubeラジオ
VTuberみたいに動かしたい!ということで、
Adobe Character Animator を試してみました。

起動:スターターモード

Character Animator を起動するとまずはこんな画面になっていて・・

こちらは「スターターモード」というもので、
Adobe CCに入っていなくても無料で使えるモードのようです。

スターターモードを使用してパペットをアニメーション化

キャラクター(「パペット」と言うらしい。以下「パペット」と記載)が並んでいる。

まずはどれか選んで試してみることにしました。

かわいい金魚ちゃん発見 ε( ε ˙³˙)з.。oO(名前は「フィン」)

こちらを選択してみます。

 

実行画面

このような画面になります。

右上にカメラの画面が表示されています。

顔を左右に動かしたり、口の動きやまばたきが連動しました。

 

録画

「顔と声を録画する」をクリックすると録画が出来ます。

録画をするとこのようなタイムラインが表示され、
右上の「トリガー」をドラッグアンドドロップで動きを追加することができます。

 

書き出し

ファイル > 書き出し > クイック書き出し

設定はそのままで「書き出し」クリック

 

出来た!

出来ました〜〜!

ちなみにこちらは声が小さすぎたので
書き出し後に Premiere Proで音を大きく編集&BGMをつけました。
声がガサガサしちゃってます。夜中だったこともあり。

※ 録音状態が悪いのは Character Animator のせいではなく録音環境と私の声が小さいためです。
※ 音声ボリュームの調整や複数のタイムラインといった事はスターターモードでは出来ませんが、プロモードでは出来るようです。

 

感想

特に下調べもせず「とりあえず起動してみるかー」って見てみたらそのまま出来たので、非常に簡単で驚きました。

パペットについて

全身のパペットもあり手足を動かすのも試したかったですが、
我が家ではiMacを置いている位置の関係上、
全身をキャプチャ出来ませんでした。

アニメっぽいキャラクターとかも居て色々試してみましたが、
主に目、眉、口、顔の左右の向き(少し)が動かせるようでした。
顔を上、下、横 とかは向けなかったです。
(3Dじゃないのでそりゃそうか)

パペットの読み込みも出来るようです。

次回はパペットの読み込みを試してみようかと思います。

2022年 ブログPV数とアクセスTOP10 & SNSフォロワー

0
0

HomeMadeGarbage Advent Calendar 2022 |13日目

今年も年間のPV数を確認してみます_φ(・_・

昨年の記事はこちら↓

Raspberry Pi Pico バーサライタ解像度向上 (C/マルチコア) ーRaspberry Pi Picoへの道7ー

※ 集計はGoogle Analyticsです。

2022年 PV数

2022年1月1日〜2022年12月11日までの集計

  • PV数:約27万
  • セッション:約19万
  • ユーザー数:約14万

2021年のPVは約35万5千だったので、ちょっと下がってしまいました。

2022年 アクセスランキング TOP 10

No.1:14,445

TOPページ

https://homemadegarbage.com/

No.2:5,894

※ amp(モバイル用)ページ

オールドコーチのシリアルナンバーの読み方について

No.3:4,218

HUMAX HG100R-02JG の ポート開放設定

No.4:3,354

※ amp(モバイル用)ページ

お祭り金魚、まずはダイソーの虫かごで。金魚飼育①

No.5:3,170

Seeed XIAO BLE nRF52840 Sense を使ってみた

No.6:3,094

オールドコーチのシリアルナンバーの読み方について

No.7:2,586

100均のソーラーパネルと SPRESENSE でバッテリーレス ロガー製作

No.8:2,308

Arduino UNO でロボットアームを堪能 ーロボットアーム自作への道4ー

No.9:2,291

※ amp(モバイル用)ページ

ダイソーのメロディー バースデーカードを分解・改造

No.10:2,161

モーションセンサ BNO055 モジュールの動作確認

SNSフォロワー数

2022年12月12日現在

Twitter

HomeMadeGarbage

HomeMadeGarbage Twitter

フォロワー数:7,909

ホームメードガービッジのTwitterは良い感じで伸びていますね。
お父ちゃんはTwitter大好き人間なので喜ばしい限りです。

WELCOME脳

ଳ WELCOME脳 || HomeMadeGarbage SoundTracks ଳ

フォロワー数:374 

こちらはあまり変化無しでした。

YouTube

HomeMadeGarbage

チャンネル登録者数: 1900人

今年はなんと、急に動画が伸びまして。
この動画が12月入った頃からぐんと伸びて一気にもうすぐ10万再生に届きそうな勢い!

WELCOME脳

チャンネル登録者数:  2890人

HomeMadeGarbage SoundTracks

チャンネル登録者数: 1160人

今年やっと1000人に行きました。

まとめ

ブログに関して今年の目標は5万PVでしたが、
約半分ちょいという残念な結果となってしまいました。

SNSの方はHomeMadeGarbageのTwitterとYouTubeが大進撃で良かったです。

ま〜楽しんで地道にやるのみですね。

GoogleやYouTubeの検索アルゴリズムに拾われたら幸運って感じで今後もマイペースにやっていきます。

Stable Diffusion エラー:ランタイムの再起動

0
0

HomeMadeGarbage Advent Calendar 2022 |11日目

Google Colab で Stable Diffusion の実行を停止後に、
再度実行ボタン(▶)を押すと以下のエラーとなりました。

ランタイムを再起動する必要がありました。

 

ランタイムの再起動

ランタイム > 再起動してすべてのセルを実行

※ 「ランタイムを再起動」でも良いかと思います。
「再起動してすべてのセルを実行」すると、再起動後にセルを実行してくれます。

再起動についてのメッセージが表示されるので「はい」をクリック

 

Google colab Pro + Stable Diffusion 2.0 + AUTOMATIC1111

0
0

HomeMadeGarbage Advent Calendar 2022 |9日目

Stable Diffusion 2.0 がリリースされたとの事なので、
今回は「AUTOMATIC1111」というUIと一緒に試してみました!

AUTOMATIC1111 で出来る事等…
画像生成AI「Stable Diffusion web UI(AUTOMATIC1111版)」で元画像と似た構図や色彩の画像を自動生成したり指定した一部だけ変更できる「img2img」の簡単な使い方まとめ – GIGAZINE

 

最初に書いた導入記事はこちら

Stable Diffusion を Google Colab で実行する

 

参考にさせて頂いたサイト様

今回の記事、Google Colab に AUTOMATIC1111 と Stable Diffusion2.0 を入れる方法については、
こちらのサイト様を参考に設定させて頂きました🙏

Google colabのAUTOMATIC1111でStable Diffusion2.0を使う – MarkdownとBullet Journal

モデルをGoogleDriveに保存する事で高速起動出来るように設定されており大変使いやすくなっております。

詳細についてはぜひこちらの記事を参照して下さい🙏
他の記事にも参考になる事が沢山あり大変勉強になります。
(私は理解が追いついておりません🥲💦)

 

今回無事動かす事が出来たので、忘れないように手順だけ抜粋してブログに残しました。

⚠今回の方法では下記の条件が必要になります

・Google Colaboの有料プラン(無料枠だとメモリ不足でした)
・GoogleDriveの容量が約5GB必要になります。

 

1. ファイルのダウンロード

768-v-ema.ckpt をダウンロード

下記URLを開き赤枠部分の「download」をクリック

https://huggingface.co/stabilityai/stable-diffusion-2/blob/main/768-v-ema.ckpt

SD2.0リポジトリからconfigを取得

下記URLを「768-v-ema」という名前で保存

https://raw.githubusercontent.com/Stability-AI/stablediffusion/main/configs/stable-diffusion/v2-inference-v.yaml

 

2. GoogleDriveにアップロード

GoogleDrive に「models/Stable-Diffusion」ディレクトリを作成し、1 でダウンロードしたファイルをアップロードします。

768-v-ema.ckpt が約5.21GBなので、結構時間かかります。

 

3. Google Colab

ノートブック作成作成

Google Colabo のファイルを作成する

任意の名前をつける

GPUの設定

編集 > ノートブックの設定

※ GPUの設定が無料枠ではメモリ不足となってしまったため「Colab Pro(¥1,070/月)」プランを購入しました。

ハードウェア アクセラレータ:GPU
GPU クラス:プレミアム
ランタイムの仕様:ハイメモリ

コードを入れて実行

下記のコードを入れて実行

補足

こちらのサイトを参考に編集されております
StableDiffusionUI-Voldemort V1.3.ipynb – Colaboratory

Google ドライブへのアクセス許可

Google Drive へのアクセスを許可するメッセージが表示されるので許可して続ける

 

処理が完了

完了すると以下の様な表示になります。

パスワード入力

上記画面赤枠の「Running on public URL」をクリックする

ログイン画面が表示されるので以下を入力し「送信」

USERNAME:me
PASSWORD:qwerty

 

起動!!🙌

早速実行・・・

prompt: ukiyoe cat

あれ・・・

いくつかやってみたけどなんだか微妙。

試しにv1.4の方で曲のサムネ用に出したpromptを使ってみるも・・・

※ ちなみに↑の呪文は下記サイト様を参考にさせて頂きました🙏
Stable Diffusion 呪文探しの旅 幻想世界の風景を生み出すPrompt Part 2 | Murasan Lab

v1.4

v2.0

うーん、好みに仕上げるにはもっと調整が必要そうなので、
調査してブログ書きます!

 

※メモリ不足によるエラーについて

最初無料枠で色々試していたのですが、
何度やっても「^C」で止まってしまい出来ませんでした。

どうもこれはメモリ不足らしいです。
python – google colab setting a ‘^C’ in the proccess – Stack Overflow

「プレミアムGPU」を設定する為に以下から購入しました。

ちなみに対応している支払い方法はクレジットカード/デビットカードの「Visa、Mastercard、American Express」のみのようです💦

 

 

Stable Diffusion V1.4 エラー:TypeError: getattr(): attribute name must be string

2
0

HomeMadeGarbage Advent Calendar 2022 |7日目

以前こちらの記事で設定していた Stable Diffusion ですが数日前からエラーが出るようになってしまいました。

Stable Diffusion を Google Colab で実行する

 

エラー文

TypeError: getattr(): attribute name must be string

 

対応:ディフューザーのバージョンを変更

エラー文で検索したところ同様の質問があり、
ディフューザーのバージョンを 0.8.0 にする事で動作するようになりました🙏

CompVis/stable-diffusion-v1-4 · why bug : getattr(): attribute name must be string?

I had the issue. I updated the version of the diffusers to 0.8.0 instead of 0.3.0 and it works now.

修正前

修正後

 

 

ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化⑥高速化

0
0

HomeMadeGarbage Advent Calendar 2022 |4日目

2021年のアドベントカレンダーで行っていた気象データのグラフ化ですが、約1年以上の運用となりグラフの表示が重くなって来たため、高速化を行いました。

Arduino MKR WiFi 1010 ベランダ太陽光発電 気象観測システム 1周年

グラフ化について前回までの記事

Chart.js のバージョン指定

高速化の前に、ある日突然グラフが表示されなくなる不具合が起こりました。

原因はCDNで読み込んでいるChart.jsのアップデートでした。

Releases · chartjs/Chart.js

月にChart.jsが4.0にアップデートした様で、現在グラフで使用しているdate-fns adapter は 現時点では4には未対応の様です。

Time Cartesian Axis | Chart.js

https://github.com/chartjs/chartjs-adapter-date-fns
GitHub – chartjs/awesome: A curated list of awesome Chart.js resources and libraries

CDNにバージョン指定を追加する事で表示は元に戻りました。

version指定に変更

高速化について変更点

ソースコード

1. データの高速化

ログファイルを月ごとにしてもらう

まずは Arduino からの気象データを月毎に分割して貰いました。

ログデータの中身は変更なし、こんな感じでタブ区切りのデータが入っています。

php + ajax で取得

これまでは php で HTMLに直接データを展開していた所を辞めて、phpでファイル一覧取得し、ajaxでテキストデータを取得する形にしました。

修正前

修正後

ここだけでもページの表示が軽くなりました。

6MB以上とかになっていたから・・

2. ボタンを追加

期間指定に「24時間」「1週間」「1ヶ月」「半年」「1年」「全期間」のボタンを追加しました。

HTML

JS

それぞれ、現在時刻からの差分を開始日時に指定しています。

3. グラフに渡すデータを小さくする

今まではログデータの全件をChart.jsに渡した上で表示範囲を指定していましたが、現在データが10万件を超えており渡した時点で重くなってしまうため、先に期間指定で件数を減らしてからChart.js に渡す様にしました。

修正前

修正後

大分早くなって来ました。

4. 表示期間が2ヶ月以上は1時間単位にする

ログデータは3分毎になっており、期間が長くなるとチャートの描画に時間がかかってしまうため、60日以下は全データ、それ以上の期間は1時間毎のデータを渡す事にしました。

変更点

この辺りは前回迄の作りはそのままで時間毎の参照用の配列を作った形ですが
もっと良い構造があるような気がする💦

表示の様子

表示が大分サクサクになりました✨

まだちょっと調整したい所は細々とありますが、一旦は完了!🙌

今後実装したい機能

今後実装したいと思っているのは気圧が急降下している時にメール等で通知を送る事です。

 

Stable Diffusion を Google Colab で実行する

3
1

この頃曲のサムネイルを Stable Diffusion で作成しているのですがとても面白いです。

設定についてなどの健忘録 _φ(・_・

 

Stable Diffusion とは

AIの画像生成サービスです。

詳細(Wikiより)

Stable Diffusion(ステーブル・ディフュージョン)は、2022年8月に無償公開された描画AIである[1]。ユーザがテキストでキーワードを指定することで、それに応じて画像が自動生成される仕組みとなっている[2]。その画風はフォトリアルなものから肉筆的なタッチのものまで幅広く対応している[1]。

 

Stable Diffusion – Wikipedia

Stable Diffusion 実行環境について

使用方法は自分のPCで実行する他、ウェブサービスやLINEでも一部無料でお試し出来る所があるようです。

私も最初は手軽にいくつか試しました。

Dream Studio

ウェブ上でStable Diffusionが使えるサービスで、アカウント登録すると無料枠が使えます。

使い方はこちらを参考にさせて頂きました。

Stable Diffusionの使い方やラフ画の清書方法について解説 | App Story

面白くて一晩で無料枠を使い切ってしまった。

Dream Studioで生成したものたち・・

LINE

なんとLINE上で利用出来るものもあるようです。

画像生成AI「Stable Diffusion」がLINEのチャットbotに 九工大の学生が作成 日本語にも対応 – ITmedia NEWS

PC

PCでも構築出来るようですが結構マシンパワーが必要な様子。

ちょっと調べて難しそうなので断念したため詳細はよくわかりません。

Google Colab

調べた限りこれが一番良さそうだった🤔

ブラウザからパイソンが実行出来る、グーグルのサービスです。

Google Colab についての 詳細はこちらのページが参考になりました。

【最新版】Google Colaboratory とは?使い方・メリット・設定などを徹底解説! | キカガクの技術ブログ

 

Google Colab で Stable Diffusion を実行する手順

参考にさせて頂いたサイト様

今回の記事、Google Colab に Stable Diffusion を入れる方法については、
こちらのサイト様を参考に設定させて頂きました🙏

Google Colab で はじめる Stable Diffusion v1.4|npaka|note

詳細についてはぜひこちらの記事を参照して下さい🙏
他の記事にも参考になる事が沢山あり大変勉強になります。

Hugging Face

まずは Hugging Face でアカウントを作成します。

Hugging Face – The AI community building the future.

Hugging Face とは?

Hugging Face は機械学習に関するオープンソースを提供している会社のようです。

Hugging Face Courseで学ぶ自然言語処理とTransformer 【part1】

(ふーむ、、よくわからん🤯)

トークンの作成

Settings

Acces Tokens > New token

適当に名前(Name)を設定し「Generate a token」クリック

(※「Role」は「read」のままで大丈夫だった)

 

tokenが発行される

 

Google Colab の新規作成

Google Colab にアクセスする:https://colab.research.google.com/?hl=ja

※ Google アカウントが必要です(Google アカウントがあれば無料で利用可能)

ファイル > ノートブックを新規作成

 

ファイル名を変更しておいた方が後でわかりやすい

 

ノートブックの設定

編集 > ノートブックの設定

 

「ハードウェア アクセラレータ」を「GPU」に変更し、「保存」をクリック

コードのコピペ①

空の入力欄が出てくるので・・

こちらにこのブロックをコピペ

YOUR_TOKEN=”” のところにHuggingFaceで発行したトークンを設定

貼り付けたら左側の実行ボタン(矢印)をクリック

下にバーっと実行状況が表示される

ちょっと時間かかります。5分位?

コードのコピペ②

左上の「+コード」をクリック

 

新しいコードセルが挿入される

上記に下記のコードをコピペ

 

“” に生成したい画像のワードを入力

英語よくわからないのでとりあえず出したいワードを「,」 区切りで入れていってます(;^ω^)

試しに Ukiyoe, Cat と入力

実行完了したら左のフォルダアイコンをクリック

 

左側にフォルダが開くのでOutput.pngをクリックすると右側に画像が表示される

画像は右クリックのメニューから保存可能

 

Ukiyoe Cat は こんなんでました〜おもろ〜🙌

 

画像生成繰り返し

画像生成を繰り返したい場合は②のセルを再実行

時間がたつと自動的に接続が切れるので、接続が切れた場合は①からやり直す

次回からのアクセス・実行

Google Drive からアクセス出来る

 

 

エラー

追記:2022/12/6

12月頃からエラーが出るようになってしまったのですが
バージョンを変更することでエラー解消しました。

修正前

!pip install diffusers==0.3.0 transformers scipy ftfy

修正後

!pip install diffusers==0.8.0 transformers scipy ftfy

 

ショップに KOMOJU を導入してお支払い方法を追加しました

0
0

ショップにPaypay等の決済を追加したく、
KOMOJU という決済代行サービスを導入しました。

Home page

KOMOJU は Steam 等の大手でも導入されているサービスの様です。

利用までの流れ

利用までの流れとしては下記でした。

1 KOMOJU アカウント開設

サイトからメールアドレスでアカウント開設ができます。

Home page

その後サイトの情報など必要事項の設定があります。

2 各種決済の申し込みと審査

Paypayや銀行振込、
申し込み方法によってそれぞれ審査がありました。

特に厳しい審査ではなく問題無くスムーズに終わりました。

確認事項でKOMOJUの担当者さんから連絡がありましたがそれだけでした。
(私の場合は販売品に著作権などの問題がないか、ということでした。)

3 WooCommerce に KOMOJU プラグインのインストール

WP上から可能です。

4 アカウントとの接続設定

WooCommerce → 設定 → 「KOMOJU」タブから接続

テストモードと本番モードを選択して接続する。

最初にテストで接続して動作確認、
問題なかったので次に本番で接続。

特に問題無く本番での接続も完了し、
支払いテストも出来ました。

接続するだけでOKなのでAPIなんちゃら〜とかも無く簡単に出来ました。

追加した支払い方法

今回追加した支払い方法は

Paypay、銀行振込、コンビニ支払い です。

支払いの確認

早速Paypayでテストしてみましたが無事購入処理が完了し、
KOMOJUのダッシュボードにも反映されました。

すごい〜🙌

感想

月額利用料金等も必要無く、
取引ごとの手数料(大体3%前後)なので、
小規模ショップにはものすごくありがたいですね〜〜〜😃

別枠でPaypayとLinePayの方も「加盟店登録」をしましたが
そちらよりも簡単だしスムーズですね。
審査は通りましたがその後の API とかの設定がまた難しいし(´Д⊂グスン

使ってみてまた何かありましたら
記事書こうと思います💎

[PHP] サーバのフォルダに有る画像をファイル名の降順で指定数だけ表示

0
1

サーバの非公開ディレクトリにある画像を取得し
ファイル名の降順で最新9件表示するPHPです。

こちらを参考にさせて頂きました

[SEO対策] AMP プラグイン② テンプレート設定とGoogle Analytics

0
0

今回は表示の調整を行いました。

前回の記事

[SEO対策] AMP プラグインを導入してみた①

リーダーモード:Twenty Fourteen

リーダーモードのテーマを「Twenty Fourteen」にしました。

Reader Mode Themes – AMP for WordPress

 

カスタマイズ、CSS調整

AMP表示確認

通常ページでアドミンバーの「AMP」をクリックするとAMP表示が確認出来ます

カスタマイズ

更にカスタマイズをクリック

AMPページのカスタマイズ

追加CSS

AMPページのカスタマイズからCSSを追加出来ます。

気になるところはCSSで調整。

対応テンプレートの設定

なぜかトップページが無限リダイレクトしてしまうため、
対応テンプレートの設定でトップを除外しました。

Google Analytics

こちらうっかり忘れる所でしたが、
元々テンプレートに直接書いていたため、
AMP用テンプレートには反映されていませんでした。

(気づかず放置するところだった・・)

テンプレートの記述は削除し、
Google Site Kit の方で設置したところ、
AMPページもアナリティクスに反映されるようになりました。

AMP化したらアクセス・PV数が激減した!? 真っ先に確認したいポイントと私のハマった落とし穴 | きもおたねっと。

 

[SEO対策] AMP プラグインを導入してみた①

0
0

モバイルページ高速化のため、AMPプラグインを導入してみました。

AMP – WordPress プラグイン | WordPress.org 日本語

ウィザード

※ スクショは後から撮ったものなので実際の画像と違っている部分があります

テンプレートモードについて

AMPについてはまだよくわかっていない所も多いのですが
ウィザードで「推奨」と表示されている「トランジショナル」でやってみたところ、
盛大に崩れた状態になってしまった。
ページのデザインは同じでJSが効いていない様子。

トランジショナルモードはPCと同じテンプレートでAMP用にヘッダが書き換わるものらしいので、
現状のサイトをAMP用に調整するのは結構厳しい。

ちょっとお手軽にやりたかったので
ウィザードをやり直して「リーダー」モードで選択しました。

WordPress 標準のテンプレート&対応プラグインのみ使用だったら「トランジショナル」で大丈夫なのかも。

リーダーモード

テーマは一旦「AMPレガシー」を選択してみました。

次の記事 で記載していますがその後「Twenty Fourteen」に変更しました。

表示確認

URLに &amp=1 で確認出来ました。

それっぽく表示されている!

AMPテスト

AMP テスト – Google Search Console

AMPテストも問題なさそう

プラグインを入れるだけで自動的にAMPページができてしまいました。

課題:表示崩れ

表示が崩れてしまっているページもあるので
調整を行っていきたいと思います。

次の記事

[SEO対策] AMP プラグイン② テンプレート設定とGoogle Analytics

Google Drive の容量をアップしてCloudMounter を使ってみた

0
0

先日 GoogleDriveの容量を200GBにアップして
音楽のバックアップはすべて GoogleDrive で行う事にしました。

(200にしちゃったけどまだ100GBもいってなくてちょっともったいないことした・・)

GoogleDriveアプリだとPC側の容量が空かないので、
HDDのようにマウントしてくれる「CloudMounter」というアプリを使う事にしました。

CloudMounter

クラウドドライブを Mac の Finder 上にディスクのようにマウントし、オンラインストレージを保護

App Store から購入しました。

‎「CloudMounter: cloud encryption」をApp Storeで

感想

使用して数ヶ月経ちますが、良い感じに使えています。

Finder にGoogleDriveが表示されるようになり・・
(アカウント名で表示されている)

フォルダをクリックする度にその中身が読み込まれる
(一時的にダウンロードされている?)感じ。

仕組みについてはどうなっているのかよくわからない。

表示も割と早いので不便は感じない。

ファイルを置いた後のアップロードもバックグラウンドで行ってくれる。

ブラウザからGoogleDriveに行くより全然便利。

使ってみて良かったと思います。

再起動後自動的に起動させる

再起動後は自動的にマウントされないのでアプリケーションから起動し直していた。

ログイン項目に追加しておいた。

SEO対策① WebP Converter for Mediaとa3 Lazy Loadで速度アップ

0
0

お父ちゃんからブログの検索順位を上げてくれ〜との依頼がありまして

SEO対策を調べながら頑張って行きたいと思います。

PageSpeed Insights(変更前)

まずは PageSpeed Insights でチェックをしてみました。

PC

モバイル

主にGifが重たいようでした。

対策

とりあえず画像読込を軽くさせる対策を行いました。

① WebP Converter for Media

WebPに変換してくれるプラグイン。

WebP Converter for Media – Convert WebP and AVIF & Optimize Images – WordPress プラグイン | WordPress.org 日本語

Gifアニメは非対応の様子で、変換したら動かなくなってしまった。

なので Gif以外(デフォルト設定のまま)で使用しています。

参考サイト

WordPressサイトの画像をWebPに変換・対応できるプラグイン「WebP Converter for Media」 | ワードプレステーマTCD

② a3 Lazy Load

a3 Lazy Load – WordPress プラグイン | WordPress.org 日本語

こちらもインストールして有効化するだけ、簡単!

(最初 lazysizes を試したけど、プラグインに変更)

テンプレート手動対応

テンプレートに直接書いているimgタグは手作業で修正しました。

通常のimgタグを、

このように修正すればOKです。

参考サイト

a3 Lazy Load: 画像の読込を遅延させてページ表示を速くするWordPressプラグイン | ねたわん

③ その他ファイル

「レンダリングを妨げるリソースの除外」に表示されていたファイルを精査していくつか除外しました。

ウェブフォントも多用していましたが最低限に絞りました。

PageSpeed Insights(変更後)

PC

モバイル

PCの方は結構上がりました。

今回の作業の中では、遅延読込が一番影響しました。

Site Kit

あと直接関係はないですが Google の Site Kit も入れてみました。

WordPress内でアナリティクス等見れるようになり便利です。

 

今後も色々調べて、改善していきたいと思います。

SoundCloud for Artists 支払い設定

0
0

昨年 サウンドクラウドの曲数が増えて容量が足りなくなったので
SoundCloud Pro Unlimited にしました。

SoundCloud Pro Unlimited では、
SoundCloud for Artists」(旧 Repost)というディストリビューションサービスも利用可能になります。

※ 対象サービスについて:
・Line Music には非対応 (2023年1月現在)

早速 Repost で2枚ほどアルバムを登録し
その後は放置していました。

久々に見てみたら$18位になっていたので
支払いの設定をしてみることにしました。

支払いはPayPal

支払いはPayPalで受け取れる様子。

Getting Paid – SoundCloud Help Center

↓引用(Google翻訳)↓

Repost bySoundCloudアカウントにリンクしているPayPalアカウントを介して支払いを受け取ります。残高は月末に更新され、収益が5米ドル以上になると、支払いは自動入金されます。 さらに、ネット60であるため、支払いは2か月遅れます。これは、音楽プラットフォームが特定の期間の収益を支払うのに通常30〜45日かかり、その後、それらの使用料をパートナーに返還するのに少し時間がかかるためです。

5ドル以上になると自動入金処理されるようです。

各プラットフォームの収益がSoundCloudに反映されるのは2ヶ月後とのこと。

Paypal 設定

Setting > Account Information

PayPal のメールアドレスを入力し、「Save Changes」をクリック。

下に「Updated Successfully」と表示されました。

これであとは自動的に入金されるだけ、ということですかね・・?

Earnings > Statements

レポートの見方もまだよくわかっていないのですが・・・

先月の分になぜかPayoutと表示されている。

さっきPaypal登録したから即入金処理されたの??
記載や通知がないので謎。

謎が解けたら追記します・・

追記1:入金

上記の登録1時間後位に、Repost から
「You’ve been paid!」というタイトルのメールが届きました。

支払い処理が完了したことが記載されており安心しました。

↓メール文引用(Google翻訳)↓

あなたの努力は報われています! 💸💸💸2022-01の支払い期間の収益は、PayPalアカウントに転送され、SoundCloudダッシュボードによる再投稿に反映される必要があります。

Repost にログインすると、
ダッシュボードの通知にも来ていました。

PayPal に入金された!

上記の通知と同時にPayPal にも入金が反映されていました。

2ヶ月かかるんじゃないの?
このあたりよくわからないけど何かわかったらまた追記します。

なんかすごい意外と簡単であっさり入金処理までされて良かった。

W-8BEN について

W-8BENの記入についても備忘録として簡単に書いています。

Repost by SoundCloud で W-8BEN 記入

追記2:Earnings > Statements

参考までに Earnings > Statements の画面を掲載します。

こんな感じで月毎にレポートがまとまって出てくる様です。

「Account Balance」のところで、累積が $5以上になると入金されます。

入金日は毎月1日で、Paypalに自動で行われます。

 

Repost by SoundCloud で W-8BEN 記入

0
0

Repost by SoundCloud で W-8BEN を記入したのでメモ

一般的な日本国民、個人アカウントの設定です。

参考にさせて頂きました

( 2021最新版) W8ben ( W-8ben ) の書き方完全ガイド / マイナンバー対応 | 在宅副業ストックフォトログ

1. 住所登録

Account Info で住所氏名などを登録する。

すべて英語で記入する。

2. W-8BEN

名前や住所は上記の設定から自動で登録されていて、
自分で入力する必要があるのは4箇所。

①  2 Country of citizenship

国籍。Japan と入力

② 6 Foreign tax identifying number

これはマイナンバーを記入する必要があるようです。

③ 8 Date of birth (MM-DD-YYYY)

誕生日を MM-DD-YYYY 形式で入力

④  Sign Here

サインを入力する。
別窓が出てくるのでマウスで描きました。

 

書類見た時は難しそうで焦ったけど意外と記入する欄は少なかった。

Repost 登録後 1年間放置してしまったけど やっとW-8BEN 完了・・

追記

2022.12.3 追記

Setting 画面で、W8_BEN がこのような形で表示されていたら恐らく問題ないと思います。

右上アイコンクリックし Setting

「Tax Forms」に W8_BEN が表示されている

 

ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化⑤表示調整

0
0

前回

RaspberryPi サーバ & WordPress ブログ を XSERVER に サーバ移転

今回はちょこちょことお父ちゃんから依頼のあった表示の調整を行いました。

ソースコード

①フォントサイズ

<ラベルのフォントサイズが小さい

Fonts | Chart.js

②グラフの背景色

< グラフ画像を保存した時に背景が透明になっちゃってるから白にして

Canvas background | Chart.js

③グラフのサイズ

< 画面からはみ出てるから直して

これは私も気になっていた・・
グラフの下が画面からはみ出てスクロールが必要な状態になっている。

(↑下がはみ出て見切れている)

responsive の設定

そもそもcanvasサイズを指定しているのに反映されないのが不思議だったのですが、

Chart.js はデフォルトでレスポンシブのオプションがtrueになっているからでした。
これを false にすると、指定したサイズで表示されるようになりました。

maintainAspectRatio

maintainAspectRatio という設定もあり、
こちらはレスポンシブの時に元のアスペクト比を維持する設定で、
デフォルトで true になっているようでした。

最初 canvas サイズを400×400 で設定していたから、
正方形になって伸びてしまっていたようです。

maintainAspectRatio を false に設定することで、
横幅がレスポンシブ対応になり、高さが固定表示になるようでした。

canvas は div で囲む

上記を設定する際は、canvas を div 等で囲む必要がありました!

囲んでいないと、
グラフの縦幅がどんどん伸びていく怪奇現象に見舞われました🥲

親コンテナ注意点

いくつか注意点があるようです。

  • サイズはcanvas自体ではなく親コンテナで指定する
  • 親コンテナには position:relative を指定
  • コンテナには canvas のみがある状態(他の要素が入っていてはだめ)

↓引用↓

キャンバスサイズ変更を、CANVAS要素から直接の検出することはできません。 キャンバスレンダリングサイズとディスプレイサイズを更新するために、Chart.jsでは親コンテナを使用します。ただしこの方法では、コンテナが相対配置(position:relative)されていることと、チャートキャンバスのみを含むことが必要です。これにより、コンテナサイズの相対値を設定することでレスポンシブ機能が実現できます。

レスポンシブ · Chart.js 日本語ドキュメント

 

とりあえず今回は  height:80vh; width:100%; にすることで
だいたい画面いっぱいに表示することができました。

ちゃんと画面に収まるようになり、だいぶ見やすくなりました!

これでひとまずグラフ化、完了🙌

 

ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化④日付形式

0
0

前回は日付範囲指定が出来るように調整しました。

ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化③日付範囲指定

ただこれだと、ログデータは10分毎のデータとなっているため、
日付を狭めた時に同じ日付が並んでラベルに表示されてしまい、
見づらくなってしまいました。

なのできちんと「日付」として扱えるようにグラフを調整しました。

ソースコード

アダプターの追加

日付型にするにはアダプターが必要になります

データの整形(配列)

[{x:日付, y:データ},…] の形になるよう調整

グラフの設定

opsions.scales で設定を記述

time.unit で、ラベルの表示単位を設定。
今回は日毎(時間、月など可能)

日付範囲

日付範囲の設定も調整

動作デモ(CodePen)

See the Pen Untitled by HomeMadeGarbage (@hmg) on CodePen.

テストデータの様子が気持ち悪いですが・・🙇‍♂️

 

次の記事

ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化⑤表示調整