Posts

はじめに この記事では、Hugo + PaperModで作成したブログをCloudflare PagesからCloudflare Workers Static Assetsへ移行した手順をまとめます。 今回はCodexに多くの作業を任せましたが、実行したコマンドや設定値を確認しながら進めました。この記事では、その過程で実際に行った作業を記録します。 主に行った作業は以下のとおりです。 wordpressからエクスポートしたxmlを添付して特定のコマンドを実行して記事を変換させること フォルダー名の変換 画像の整理とファイル名の調整 この記事で分かること PagesとWorkersの違い 移行前に確認する項目 Wranglerの設定方法 Hugoサイトのビルドとデプロイ方法 カスタムドメインを接続する方法 移行後に確認する項目 移行した理由 移行した理由としてはcloudflare workersの存在を知ったからです。codexから指示してcloudflare workersを使用してwebサイトの作成をしている動画を拝見しました。 その時私もcloudflare pagesを使用していたのでAIと対話してpageからworkersに移行すべきか聞いてみました。解答が以下ですね。 はい。CloudflareがWorkersへの移行を勧めている一番大きな理由は、PagesとWorkersで分かれていた仕組みを、 Workersという1つのプラットフォームに統合しているからと考えると分かりやすいです。Cloudflare自身も現在、 新規の静的サイト・SPA・フルスタックアプリはWorkers Static Assetsを使うことを推奨。 Pagesは引き続き動作するが、新機能・最適化はWorkersを中心に行う。 と明記しています。 ちなみにこの部分はCloudflareのPagesからWorkersへの移行ガイドを参考にしています。 と言ったわけでworkersに移行したほうが今後SEO対策が必要のないWebサイト(HP, Webアプリなど)を運営するにも便利だと思うので使ってみたいなと思いました。 せっかくなら他のwebサイトも作って試してみたいところですね。 移行前の構成 Gitリポジトリ ↓ Cloudflare Pages ↓ Webサイト 移行後の構成 Gitリポジトリ ↓ Hugoでビルド public/ ↓ Wranglerでデプロイ Cloudflare Workers Static Assets ↓ Webサイト この辺は完全にcodexに任せてたのでふわっとした理解になってますね… ...

English_Practice I wrote the article which was by Okarito so I am going to do from Okarito to Picton. I will finish writing my roadtrip in South Island. Hokitika Gorge Firstly, this is Hokitika Gorge where I saw a blue river and gorge. I walked around there. It was nice to see it with each angles. Lake Kaniere This is the lake near Hokitika Gorge. It took for few minutes to arrive there from parking area. It was very beautiful and clear. ...

少し前にリリースされた「必殺！メガ子パンチ！」というゲームの実績をコンプしました。5,6時間でコンプできるターン性のカードバトルになります。 ゲーム内容 このゲームはルールはシンプルでブラックジャックのようなカードゲームになっています。システムとしては山札からカードを引き、カードの合計がなるべく21になるようにします。21ぴったりだと必殺技が使え、大ダメージを与えることができます。 最初はストーリーモードだけですがこれをクリアするとエンドレスモードが出てきます。エンドレスと言っても制約が付いたり敵が強化されてるだけなので、どちらかといえばハードモードという感じ。 ゲームシステム 基本的にはカードを引いて出すだけですが敵にはシールドがあり、それよりも高いダメージを与えないと敵からダメージを受けます。逆に言えばノーダメで敵を倒せるようなデッキの構成を作っていく必要があります。 山札からカードを引くたびにエネルギーを消費します。また、手札にカードを戻すときにもエネルギーを使います。ただし、手札からカードを出す際はエネルギーを使用しません。 21ぴったりになるとフィニッシュカードが出て、大ダメージを与えられます。後述しますがこのフィニッシュカードは厄介な性質があるので注意が必要です。 バトルに勝利するとカード(フィニッシュカードも含める)がもらえます。また、特定のステージならアイテムももらえます。アイテムを上手く利用することでバトルを有利に進めたり、実績解除に繋がったりします。 エンドレスモードは3つあり、3つ目をクリアするとエンディングになります。これをリトライなしでやるのは少し大変ですが、デッキ構築を上手くやれば大丈夫だと思います。私がクリアした時はこんな感じでした。 実績について ここからは実績解除について書いていこうと思います。基本的にはアイテムとカードの組み合わせを考えながらやっていけばできると思います。例えばエネルギーを増やすカードを中心に集めたり、ガッツを増やすカードを集めたり、コスト0のカード(例えばガード系のアイテムを取ってエネルギーを残しながら戦闘を進める)を増やしていくなどです。後は放射能付与カードとステータス付与を倍にするカードを取るとかですね。 少し大変なのはATK100以上のカードですね。考えられる方法はブーメランをひたすら使う、あるいはメガパンチの攻撃力をあげていくことですね。 ブーメランにクイックを付加することで、1ターンで何度でも手札に戻り攻撃力をひたすら上げていくことができます。これは穴抜けの方法だと思いますが楽に戦闘を進めかつ攻撃力も上げられる方法ですね。最近のアプデで上級モードが追加され、この使用を使えないようにするモードができました。私はやったことないですが… メガパンチでの実績解除 もう一つはシンプルにメガパンチの攻撃力をあげることです。メガパンチを使えば使うほどATKをあげられるアイテムがあるのでそれを使用していきます。カードは高コストのカードを減らして、低コストのカードを増やし21が出やすくなるように調整します。 私の場合はそれだけでなく超電波アンテナと超電磁バリアの2つのアイテムを組み合わせました。ガードカードを出してアンテナのコストを減らします。20枚以上出すとコストがマイナスなるので21になるよう調整しつつ、アンテナカードを出してエネルギーを増やしていきます。 この戦法を使えるのでラスボスなのでアイテムガチャをしつつ、成功するまで粘るのが大変ですね。これはあくまで私がやったやり方なので他に楽な方法があるかもしれませんが。 といった感じで進めると実績コンプはできると思います。低価格でサクッと遊べるので興味があればぜひ。ではでは。

最近発売されたほのぼのゲームのトゥコニというゲームをクリアして実績もコンプしました。 トゥコニ ゲーム内容 このゲームは特に文章もなくボイスも喋るというよりはどうぶつの森に近い感じです。ゲーム内容としては探索パズル系になっています。いろんなところを巡って困っている動物たちを助けていくゲームになります。 パズルの内容は様々で絵合わせや図面パズルなどです。人によっては少し難しく感じるものもありますが、最悪答えをもらえますのでやるだけやってみると良いと思います。 また、手持ちの手帳にはやるべきことのヒントが書かれています。解くべきパズルはもちろん、くつろぎの場所のヒント、ティー作成方法と渡す相手ですね。 トゥコニ 実績について 実績の中でよく見かけるのはアイテムを自身が使用することです。例えば第一章で集めるアイテムの中に櫛があります。それを使用することも実績の一つになります。もし、実績コンプをするならばとりあえず手に入れたアイテムを使ってみるのが良いと思います。 また、実績解除の内個人的にわかりにくいなと思ったのは以下の4つですね。まずは"ぐるぐるじゃないよ"ですね。第4章の以下の場所で左または右に行き続けて一周するというものですね。 次が"カエデ・トゥコニに手紙を届ける"で第一章をスタートして左に進み、色鉛筆を取った後この場所で使うと手紙を届けることができます。 次はくつろぎの場所の一つで第三章の川付近で兜を使えば出てきます。 最後は"ひみつのきのこ"ですね。道中にある枝と葉っぱを組み合わせてキノコを作り、画像の左上にある場所で使用します。画面をしっかり見ればわかりますが、見落としやすいところだと思います。 最近色んなゲームを買ってプレイしてるのですが、久々にまったりとしたゲームをプレイしました。4時間もかからないくらいなので、もしまったりパズルゲームに興味があればやってみてください。ではでは。

Staffer Retro: 超能力推理クエスト ここ最近色んなゲームを買ってプレイしているのですが、その中でもまったりしながらもしっかりとした推理ができるゲームで遊んでました。実績自体はストーリーを全てこなせばコンプできると思います。 このゲームはストーリーパート、会話パート、推理パートに分かれています。ストーリーではキャラクター達が音声アリで話すので内容を把握していきます。ログがあるのでもし必要なら見返してみることも大事だと思います。 Staffer Retro: 超能力推理クエスト 各パートの魅力 会話パートは推理に必要な情報集めや推理のヒントなどをくれたりします。ヒントに関しては見なくても進めることはできますので不要なら飛ばしても問題ありません。また、いろんな場所に移動して話を進めていくことも必要になると思います。 推理パートはこのゲーム最大のポイントですね。集めた情報からどこに何があったか、何が原因だったか、どんな物語があったのかを埋めていきます。 また、物語によってはエンディングに分岐があります。全てを解決しないまま進むエンディングですね。特に見なくても問題ないですがせっかくならどんな風に終わるのか見てみるのも面白いと思います。 ※ネタバレポイント 最後にStaffer Retroのネタバレも含むので遊んでみてほしいのですが、推理パートでは少し変わった要素があります。それは元々集めた証拠の中に矛盾するポイントが存在することです。真実に近づくにつれて推理して出た事実と矛盾する証拠が出てきます。そこを修正するポイントですね。 それから物語の裏側を紐解く場所ですね。ストーリーの途中で流れを見直す場面がありますが、証拠を集めていくとその物語すら間違ってるポイントが出てきます。その修正をする中で物語の真実に気づくと少しゾクゾクするのでそこもおすすめポイントですね。 このゲームは魔法要素を含むので推理が少し大変な部分もありますが、物語は面白いのでどんどん進めたくなる部分もあります。また、キャラクター達も個性豊かなので好きなキャラを見つけていくのもよいですね。ではでは。

久しぶりにSteamを開いたとき、たまたま見かけて面白いかなと思って購入しました。定価で700円になります。実績自体は難しくなくシナリオ通りに進めていって、掃除アイテムを集めるとコンプはできると思います。 絨毯を洗うゲーム ゲーム内容 ゲーム内容としてはpower wash simulatorに近いと思いますが、こちらは時間限定と周回要素があります。もう少し内容に触れると隕石が落ちてくるのでそれまでに汚れを落としお金を集め、隕石衝突を阻止しようという内容になっています。 まずは絨毯を選んで汚れを落としていきます。最初はたわしだけなのでひたすらこすっていきます。 たわしから謎の粒が出てきたら次は水で汚れを落としていきます。そうすると汚れが落ちた球になります。 この球を排水溝に流していきます。そうすることでお金が増えていきます。 絨毯を洗うゲーム 強化要素 このお金を使って自身の装備を強化していきます。汚れを落とす強さや範囲などを増やしていきます。お金を集めていくと強化できるものも増えていきますので、ひたすら絨毯をきれいにしていきましょう。 隕石が落ちた後はCLPを使ってパッシブスキルを強化していきます。CLPはきれいにした絨毯によってもらえる量が変わります。私のお勧めはCLPの獲得量が確率で倍になるものですね。 ここからは少しネタバレになりますが、ある程度進めてお金を貯めるとダークショップが使えるようになります。ここで売っている絨毯を綺麗にするとUFポイントがもらえ、そこで新しいスキルを開放することができます。最後の最終兵器を買って隕石を阻止すればゲームクリアになります。 最後に ゲームクリア直後はこんな感じのスキルの割り振りをしてました。特に気にせず自由に割り振ってもいずれはクリアできると思います。周回すればするほどお金も貯まりやすくなるので。 といった感じでゲームを楽しみました。このゲームは数時間もあればクリアできて、気分転換になるのでとてもおすすめですね。値段もリーズナブルなのでぜひプレイしてみてください。ではでは。

English_Practice I went to the Milford Sound before. I am going to write from Queenstown to Okarito. Lake Hawea Firstly, this is Lake Hawea which is next Lake Wanaka. It was clear blue and there was a tree which was fitted to wedding. Moreover, there was a bench that I was thinking something. In addition, there were a few of viewpoints near this lake so I found my favorite point. Blue pools track This was near the river confluence. The pool was a little green and the river confluence was opposite side from a taken picture. This water was clear and clean. ...

English_Practice Te Anau I am going to write about Milford Sound. I booked accommodation in Te Anau because it took for a long time to go there from Queenstown by bus even though bus. I stayed this accommodation. It looked good and I felt comfortable because of beds and facility. There were a king bed and double bed wtih queen and single. Moreover, there was a bathroom. Milford Sound on the way I arrived at Milford Sound after driving for 2 hours. I recommend driving it speeds a little. ...

English_Practice I already wrote until Oamaru before so I’m going to write about Dunedin. Actually, I filled down an article on my way. Baldwin St Firstly, there was a steepest slope which doesn’t look hard with a picture. However, it was so steep. I tried to run up it, but I could not do even though I walked up. The Dunedin Museum of Natural Mystery Secondly, this was a bone museum. It was run personally so that working day was three times per week. There were many bones, taxidermy, old posters and masks. One of them was Japanese thing which was a criminal poster. ...

Githubのアカウント作成とVScodeの拡張機能 いよいよGithubに自身の成果物をあげてCloudflareで表示させようと思います。まずはGithubのアカウント作成ですね。私は以前作成したので省きますが、もしアカウントを持っていなければアカウントの作成からしましょう。そこまで難しくはないと思います。 アカウントの作成が完了したらVScodeからGithubにアクセスしてログインします。この辺りで入れておくとよいVScodeの拡張機能があります。以前日本語の設定やCodexの導入をしましたが、同様にいくつかの拡張機能を入れておくと後で見やすくなると思います。個人的には以下ですね。 Git Graph (gitの履歴が追いやすくなる) Hugo Language and Syntax Support (Hugo独自の書き方をサポートする) Markdown All in One (Markdownで書く際に見やすくなる) Prettier - Code formatter (見た目がきれいになる、チームでやるときはよりよい) この辺りがあれば今後vscodeで記事を書く際でも管理が楽になります。もし今後他の開発をするのであればまだ入れるものもありますが。 Gitの操作 .gitignoreの作成 まずは.gitignoreというファイルを作成していきます。ここにはリポジトリにコミットする必要がないファイルを記載していきます。例えばこんな感じ。 最低限publicだけ書いていれば問題ありません。もし他に不必要なファイルがあればそれも併せて書いておくと良いと思います。私の場合はvscodeやcodexなどですね。 リポジトリとコミット というわけでまずはローカルでリポジトリの作成をしていきます。左側にあるタブからリポジトリを初期化するをクリックします。 最初のコミットメッセージは大体first commitだったりします。メッセージ自体は何でも大丈夫です。ただ、その前にpublicフォルダーが対象になってないか？だけは確認しておきましょう。不要なうえに大量のファイルがあるので制限に引っかかりやすくなります。 その後はローカルでコミットを行います。チェックマークを押してコミットをするか"・・・“からコミットがるのでそこからコミットしていきます。普通のコミット以外にもいろいろありますが一旦無視で大丈夫です。 ブランチの発行とリポジトリの表示 コミットが終わったらブランチの発行をしていきます。サインインの許可を求められるので許可しましょう。以下のように変更の欄に何もない状態になったらコミット完了です。Branchの発行をクリックします。 特に問題なければアクセス許可を進めていきましょう。 次にprivateかpublicかを確認されます。他の人に見せたくなければPrivate、成果物としてたくさんの人に見せたいものがあればPublicにします。もちろんPrivateにして招待制にしても問題ありません。私は特に気にしないのでPublicにしておきます。 Githubにアクセスして以下のような表示が出ればリモートリポジトリにPushされています。Gitはリモートとローカルの2つの概念があるのでややこしいですが、リモートの方に反映されていれば順調に進んでいることになります。 Cloudflareでデプロイ というわけで最後にCloudflareに接続していきます。まずはログインをしましょう。どのみちアカウント連携を行うので事前に接続しておくと良いと思います。 以下の画面が表示されたらWorkers&Pagesを選択して、Create applicationを選択します。 ここでは下の方にあるLooking to deploy pages? Get startedを選択します。 ここではすでにリモートへpush済みなので上の方を選択します。後はアカウントとリポジトリの設定をします。 その後はプロジェクトの設定ですね。FrameworkをHugoに設定して環境の設定をローカルと合わせます。これはpowershellを開いて"hugo version"を入力した時に出るものですね。 デプロイをしてこの画面が出れば完成です。URLから飛ぶと実際に表示されることがわかりました。 ただ、記事のタイトルで使用している画像が表示されず記事ページはWordpressのままになっています。 ...