3930kmのいっぽめ

現在の Blogger の記事の更新方法 現在記事のソースは GitHub で管理ししており、記事の追加や更新は Python でスクリプトを組んで Blogger の API で行っている。 この方法は ここ に記載されている方法に習って行っているが、 OAuth 2.0 でトークンを取得しているためトークンの期限が切れるとブラウザでアプリケーションの同意をするマニュアル操作が必要になる。 そのため GitHub Actions で push をトリガーにして blog を更新するといった完全自動化ができていない。 完全自動化はできるのか? 多分できる...と思う。 ただあまりメリットがなさそうだったので今の方法で継続することにした。 完全自動化するには何が課題か Google の認証を突破してトークンを自動で生成することが必要。 これを実現するするためにはブラウザの操作の自動化が必要なので、そのためのツールを検索すると以下のようなものが候補になる。 No. ツール 説明 1 Selenium 言わずと知れたブラウザの自動化を行うためのツール テストの自動化などでよく用いられる 2 RPA Robotic Process Automateion の略 GUIなどで行うパソコンの操作を記録して自動化することができるので事務系の仕事の自動化でよく使われる Microsoft の Power Automate for Desktop などな有名 3 Puppeteer Selenium と同じようにブラウザの自動化を行うためのツール Seleniumとは違いChromiumに特化している nodeでスクリプトを書くことができいろいろ細かい設定ができるらしい RPA はとっつきやすいツールではあるが GitHub Actions では使えないので始めから除外する。 そうすると一番初めに候補に挙がるのは Python で使える Selenium なので試してみた。 Selenium で Google の認証画面を表示するために Blogger の認証画面を表示するソース部分を以下のように編集する。 if not credentials or not credentials ....

画像の投稿テスト 追記 2024-04-21 サムネイルの画像が壊れてしまったので上げ直しを行ったときに update ではなく insert にしたので新しい記事として投稿されてしまった...

機種変更したらホームに Web ページのショートカットが配置できなくなってしまった... Pixel 5a 5G が 2024 年の夏にサポートが切れてしまうらしいので Pixel 8 に機種変更をした。 今までアプリをインストールするまでもないものやスプレッドシートはホームに Web ページのショートカットを配置して使っていたが、なぜか機種変更のデータ引継ぎを行ったあとの Pixel 8 でショートカットが消えていた... なぜかわからなかったがとりあえず Chrome を立ち上げて新しくショートカットを追加したがなぜか追加ができず、機種変更に失敗したか...と思っていたが解決したので忘れないようにメモっておく。 結論 ランチャーのデフォルト設定をしなかったためっぽい。 ぽいというのは再現の検証ができていないから。 経緯 自分は使うときになるべくデフォルトアプリを指定せずに使っている。 理由は同じ PDF であっても開きたい Acrobat であったり OneDrive であったりその時によって変わるから。 また、古いスマホでは Pixel Launcher ではなく、 Microsoft Launcher を使っていた。 今回の機種変更でデータを引継ぎ、起動したときにこの両方の Launcher がインストールされたため、どちらをデフォルトで使うかポップアップがでたが、何となく癖で Pixel Launcher を「常に」ではなく「1回だけ」実行にして使っていた。(Pixel Launcher を使っていたのはちょっと使い心地を試していたため) この時、ショートカットが消えていたので上記のように Chrome からショートカットを追加しようとして追加ができず、めちゃくちゃ悩んでいた。 何とかしようと検索して、 Chrome や Pixel Launcher や Chrome のキャッシュやストレージを削除してもショートカットを配置できなかったし、セーフモードで立ち上げたらそもそもホームに追加がメニューに出てこなかったりで全然解決できないじゃん...と諦めていた。 もういいやとショートカットを諦めていたが、そういえば Launcher に関係しているのであればデフォルトアプリに設定していないのが問題なのでは？とダメ元で試してみた...

この記事は以下の記事の GitHub から画像を参照する話の続きになります。 https://first-step-of-3930.blog.uttne.net/2022/03/blog-post_70.html GitHub の画像を参照する方法を変更 記事にも書きましたがこのブログでは本文や画像などのデータを全て GitHub で管理する方向で整備を行っています。 このため、記事から参照する画像などは GitHub から取得する必要があり、そのための URL を Python で作成しています。 その URL は GitHub の Raw ファイルを参照するものなのですが以下の StackExchange によるとサービスの悪用と見られかねないらしいので GitHub の静的ホスティングサービスである GitHub Pages でレポジトリを公開し、画像や css を取得する方法に変えました。 CSS file from GitHub pages sent as text/plain, needs to be text/css - StackExchange また、 GitHub Raw で css を取得しようとすると MIME タイプが text/css ではなく text/plain になってしまうので HTML の head に link を書いても読み込まれないという問題が発生したのでこれを解決するためにも GitHub Pages を使用しました。 やったこと やったことは単純で以下の2つです。 レポジトリを GitHub Pages で公開 URL の生成部分で GitHub Pages の URL を生成するように変更 GitHub Pages でレポジトリを公開する方法は多くの方が説明してくれているのでここでは省きます。 公式ページにも丁寧な解説があるのでそちらをご確認することをお勧めします。 すでにあるレポジトリを公開する場合はこの GitHub Pages サイトの公開元を設定する - GitHub Docs から見るのがいいと思います。 URL を生成する部分の変更は raw.githubusercontent.com から uttne.github.io というドメインに変更したことと...

Blogger API での画像 Blogger に記事を投稿する際、画像を一緒に投稿できたら便利だなーと Blogger の API を確認してみましたが、残念ながら画像を投稿できそうな API が見つかりませんでした。 どうも調べてみると Blogger の画像自体は Google アルバム アーカイブ に保存されているよう。 別の話になりますが、 Blogger のエディターを使ってアップロードした画像を消したくなったときはここから消せばよさそうです。 多分 Google の別のサービス (Google フォト?) の API を使用すれば多分同じことができるのだと思いますが、記事のソースである Markdown と画像が GitHub と Google アルバム アーカイブ に別れて管理されるのは美しくないので画像も GitHub に管理することにしました。 GitHub の画像の参照 GitHub のレポジトリに画像をアップロードするとその画像を参照する URL を発行してくれます。 今回はその URL をブログの記事に埋め込んで画像を表示しようと思います。 コミットした画像はその際のハッシュとリポジトリ内のパスを使って参照する URL を求めることができます。 例えばこのブログのソースを管理しているレポジトリのある画像は、以下のパラメータを組み合わせて画像のデータを参照する URL が次のように求まります。 パラメータ パラメータ 値 GitHub のレポジトリの URL https://github.com/uttne/blog.git 画像をコミットしたときのハッシュ値 3143021a9a16cb5a66b0125fdd6a77e86039cb87 リポジトリ内の画像のパス posts/00003-upload-images-test/test-image.png 求められる URL https://raw.githubusercontent.com/uttne/blog/3143021a9a16cb5a66b0125fdd6a77e86039cb87/posts/00003-upload-images-test/test-image.png raw.githubuser...

画像の投稿テスト

投稿の自動化 ブログの投稿を自動化するためにスクリプトを作成してみました。 ソースコードは ここ にあります。 投稿は Markdown で書きたかったので調べてみたら StackEdit という便利そうなツールがありましたが、やっぱり使い慣れている VSCode を使いたいと思ったので Python でスクリプトを書きました。 GitHub で記事の内容も管理できるようになったのでバージョン管理もしやすくなったし、もしも Blogger がサービス終了となっても内容が残るのでいい感じではないかと思ってます。 つまずいた所 API の使用方法 Blogger の API を使用しなければならないのでまずは開発者ドキュメントとサンプルコードを探しました。この2つは Google で検索すればすぐに見つかったのですが認証をする所でちょっと躓きました。 とりあえず認証をしなければいけないので GCP の APIとサービスで OAuth 2.0 クライアント ID を作成し、 Google API の Python ライブラリレポジトリにあった oauth-installed.md というドキュメントを参考に API にアクセスできるか試して見たのですがなぜかアクセスすることができない。 色々調べると以下のコードに問題があったようでした。 credentials = flow . run_console () Credentials を取得するコードなのですがコンソールに表示される URL にアクセスしても Error 400: invalid_request と表示されて code が取得できない。どうも redirect_uri に urn:ietf:wg:oauth:2.0:oob を設定するとダメなようでした。似たような現象で困っている人が stack overflow に 質問 を投稿されていたのでそれを参考にしました。 なぜ urn:ietf:wg:oauth:2.0:oob はだめなのかまではよくわからなかったですが、とりあえず以下のようなコードで何とか Credentials を取得できるようになったのでとりあえずはよしとします。どなたかなぜこの urn を設定できないかご存知の方がいらっしゃいましたら教えてく...

[テスト] Python でブログ投稿をしてみる。

Twitter と GitHub のアイコンを表示してみました。 Blogger は HTML をそのまま書くことができて便利ですね。 カスタマイズがいろいろできそうなので、まずはコードにシンタックスハイライトを付けるところを目指してやっていこうと思います。

ブログをはじめてみました。 最近、文章で内容をまとめるという能力の低さを何とかしたいという思いが沸々と湧き上がってきたので、じゃあとりあえずブログでもやってみるかと手を出してみました。 内容は決めていませんが、 Qiita に投稿するよりも荒い IT の話題であったり、作業記録、趣味の楽器練習の備忘録を投稿するかもしれません。日記などもいいかも。 あとは読んだ本に対して自分はどう思ったのかなどできれば書いていきたいです。人に自分の思ったことや考えを共有するということが苦手なので改善していきたい。 なんにせよ、これから徐々に文章を書くことを頑張っていこうと思います。 お暇な人はたまに目を通していただけると嬉しいです。