カテゴリ「メモ」に属する投稿［12件］
HPにAstro.jsを導入したい備忘録💻
ようやくHPプチ改築に手をつけようと思って今色々調べてみたけど、なるほどわからんでした。
人は未知の情報を目の前にするとフリーズする生き物なんだよねということを改めて自覚。
とはいえほんのり触れたばかりで諦める訳にはいかないので、千里の道も一歩から。
参考になりそうな記事を貼っておく（後日の自分任せ）
▽AstroサイトをGithubでいい感じに公開できるらしい
https://qiita.com/takeshi_du/items/2654f...
何やら細かい設定やら用語多数で混乱を極めております。
でもこれさえできればHTML、CSSなどのファイルを一個一個毎回デプロイという、かなり面倒な工程を省くことができるのではという期待が持てる。
▽jsを読み込む方法
https://qiita.com/takeshi_du/items/9fb22...
色々調べた感じ、Astroは余分なjsコードを排除（？）してページ読み込みを軽量化する特徴があるとのこと。TOPページの段階でパララックスやらパーティクルやら盛大にjsを使いまくってるので冷や汗かいてたけど、この通りにすれば読み込めそうで一安心。
と、ここまで細かい仕様説明ばかり注目しているが、肝心の具体的な導入方法を理解していないぞ。そんな初心者まるだしの自分にも優しいチュートリアルのまとめ記事 も、なんとある。
そこで、インストールガイドにて。
「Astroを動かすには、Node.jsが必要。」ほう、jsライブラリなのかな、と思いきや…
なんだなんだ、結構複雑な技術の話になってきたな〜〜
最近ターミナルくんにお世話になる機会があり、多少は触れるようになってきたものの、まだ慣れないので苦い顔をしているが、弱気になってはいけない！勉強のチャンスだと思って頑張ります…もしトライして駄目だったら駄目なりに、WordPress化の選択肢もあるので、やるだけやったろうと思う。後の自分に任せた。畳む
【2025/10/17 追記】
Node.jsのインストールをやった。ちなみにターミナルじゃなく、インストーラを使いました🥴
んでそっから…Astro.jsの記述って全部ターミナル操作なの！？
これって…ほんとに効率上がるの？！本物のプログラマーみたいだあ（エセプログラマー並感）
先のチュートリアル記事を見ててもなかなかに難しいこと書いてて挫けそうになっています。
世のコーダーさん方は皆これを手懐けてるのかと思うと、己の未熟さを知りました。
ターミナルなんてアプリのインストールとかコンフィグ操作でしか使ったことないから恐れ慄いているよ。ここまで毛嫌いするのは経験則上、書いたコマンドは高確率で実行失敗するからである…(´･_･`)
と思いながらつべで解説動画探してたら、色々発見があった。
▽
https://www.youtube.com/watch?v=0zvxvmQq...
多分立ち上げのとこまでがターミナルで、サイトの編集はコードエディタでできるっぽい？
そしてその編集の、なんたる楽そうなこと‼︎と効率化のイメージができた。
今のHPをAstroに移植する作業難度がちょっと思いやられますが、これできたらかっけーし後学のためになるだろうなあ。
てことでまた後日の自分に託しましたよ。畳む
【2025/10/18 追記】
Astro.jsのインストールと、サイトフォルダの立ち上げができたっぽい！
渋い顔しながらチュートリアル通りにターミナルを打ってたらこんなんなった
なんかアスキーアートみたいな顔が出てきて、口がぱくぱく動いてた…🤩（感心するとこそこ？）
ターミナルってPC内のローカル操作に使うもんだとばかり思ってたけど、インストール手順に使えたりするとことか見てるとオンラインにも繋がってるんだな〜と思う 実際の仕組みはよく分かってないが…
まだ場所を立ち上げたばかりで中身何も書いてないのに、こんな細かい一歩に大喜びしてここに逐一書きに来てしまう。
できなそうなことができた瞬間ってドーパミン出るもん。この場所でくらいは自慢させてほしい。
この調子でAstro化作業がんばるぞー✊
畳む
#Web
ようやくHPプチ改築に手をつけようと思って今色々調べてみたけど、なるほどわからんでした。
人は未知の情報を目の前にするとフリーズする生き物なんだよねということを改めて自覚。
とはいえほんのり触れたばかりで諦める訳にはいかないので、千里の道も一歩から。
参考になりそうな記事を貼っておく（後日の自分任せ）
▽AstroサイトをGithubでいい感じに公開できるらしい
https://qiita.com/takeshi_du/items/2654f...
何やら細かい設定やら用語多数で混乱を極めております。
でもこれさえできればHTML、CSSなどのファイルを一個一個毎回デプロイという、かなり面倒な工程を省くことができるのではという期待が持てる。
▽jsを読み込む方法
https://qiita.com/takeshi_du/items/9fb22...
色々調べた感じ、Astroは余分なjsコードを排除（？）してページ読み込みを軽量化する特徴があるとのこと。TOPページの段階でパララックスやらパーティクルやら盛大にjsを使いまくってるので冷や汗かいてたけど、この通りにすれば読み込めそうで一安心。
と、ここまで細かい仕様説明ばかり注目しているが、肝心の具体的な導入方法を理解していないぞ。そんな初心者まるだしの自分にも優しいチュートリアルのまとめ記事 も、なんとある。
そこで、インストールガイドにて。
「Astroを動かすには、Node.jsが必要。」ほう、jsライブラリなのかな、と思いきや…
なんだなんだ、結構複雑な技術の話になってきたな〜〜
最近ターミナルくんにお世話になる機会があり、多少は触れるようになってきたものの、まだ慣れないので苦い顔をしているが、弱気になってはいけない！勉強のチャンスだと思って頑張ります…もしトライして駄目だったら駄目なりに、WordPress化の選択肢もあるので、やるだけやったろうと思う。後の自分に任せた。畳む
【2025/10/17 追記】
Node.jsのインストールをやった。ちなみにターミナルじゃなく、インストーラを使いました🥴
んでそっから…Astro.jsの記述って全部ターミナル操作なの！？
これって…ほんとに効率上がるの？！本物のプログラマーみたいだあ（エセプログラマー並感）
先のチュートリアル記事を見ててもなかなかに難しいこと書いてて挫けそうになっています。
世のコーダーさん方は皆これを手懐けてるのかと思うと、己の未熟さを知りました。
ターミナルなんてアプリのインストールとかコンフィグ操作でしか使ったことないから恐れ慄いているよ。ここまで毛嫌いするのは経験則上、書いたコマンドは高確率で実行失敗するからである…(´･_･`)
と思いながらつべで解説動画探してたら、色々発見があった。
▽
https://www.youtube.com/watch?v=0zvxvmQq...
多分立ち上げのとこまでがターミナルで、サイトの編集はコードエディタでできるっぽい？
そしてその編集の、なんたる楽そうなこと‼︎と効率化のイメージができた。
今のHPをAstroに移植する作業難度がちょっと思いやられますが、これできたらかっけーし後学のためになるだろうなあ。
てことでまた後日の自分に託しましたよ。畳む
【2025/10/18 追記】
Astro.jsのインストールと、サイトフォルダの立ち上げができたっぽい！
渋い顔しながらチュートリアル通りにターミナルを打ってたらこんなんなった
なんかアスキーアートみたいな顔が出てきて、口がぱくぱく動いてた…🤩（感心するとこそこ？）
ターミナルってPC内のローカル操作に使うもんだとばかり思ってたけど、インストール手順に使えたりするとことか見てるとオンラインにも繋がってるんだな〜と思う 実際の仕組みはよく分かってないが…
まだ場所を立ち上げたばかりで中身何も書いてないのに、こんな細かい一歩に大喜びしてここに逐一書きに来てしまう。
できなそうなことができた瞬間ってドーパミン出るもん。この場所でくらいは自慢させてほしい。
この調子でAstro化作業がんばるぞー✊
畳む
#Web
10月の活動メモ📝
10月も半ばとのことで、今月の活動メモを…もう今月の日数も残りわずかなんですがそれは。ということで恒例のケツ叩きです。🍑
▽とりあえず2月の頒布予定物のメモ
▽原稿計画も書いとく（作業時間残り3ヶ月‼️）
↑今までこういうざっくりメモはローカルで記録してはいたんですがどうも書いて満足病（慢性）で効力がなかったので、人目につくところに公開することで多少は危機感持てそうだなと思い、実験中
▽その他活動メモ
▽保留中（気が向いたら）
ちなみに8月に書いてたオフイベ情報ですが、私生活優先のため2月狛日オンリー以外は不参加とします。よくよく考えたらあんまり余裕ないな〜と思いまして。
今年中はしっかり現実と向き合って、その後また思い切り創作活動できるように頑張ります。頒布物以外の作品うp頻度も下がるとは思いますがご了承ください🙇畳む
#同人活動
10月も半ばとのことで、今月の活動メモを…もう今月の日数も残りわずかなんですがそれは。ということで恒例のケツ叩きです。🍑
▽とりあえず2月の頒布予定物のメモ
- 新刊（未機パロ・全年齢）A5/30p以内
- 既刊（けもの化🔞）
- コピ本orペーパー
▽原稿計画も書いとく（作業時間残り3ヶ月‼️）
- 10月→プロット完
- 11月→ネーム、下書き、コマ割り、セリフ入れ完 清書始め
- 12月→清書・色塗り完 表紙ラフ完
- 1月→表紙清書・色塗り完 入稿‼️
↑今までこういうざっくりメモはローカルで記録してはいたんですがどうも書いて満足病（慢性）で効力がなかったので、人目につくところに公開することで多少は危機感持てそうだなと思い、実験中
▽その他活動メモ
- HPにAstro.js導入
- HPのページ追加
▽保留中（気が向いたら）
- blenderでコテージ完成
- えっちな狛日ゲーム作り始める
ちなみに8月に書いてたオフイベ情報ですが、私生活優先のため2月狛日オンリー以外は不参加とします。よくよく考えたらあんまり余裕ないな〜と思いまして。
今年中はしっかり現実と向き合って、その後また思い切り創作活動できるように頑張ります。頒布物以外の作品うp頻度も下がるとは思いますがご了承ください🙇畳む
#同人活動
同人誌作成備忘録📝
＜プロクリver.＞
★A5原稿
枠線幅：0.5mm
四方余白10mm（ノド15mm）
コマ余白：隣接1.5mm、離れコマ3mm（広めで5mm）
セリフ線幅：ざみペン3％（太すぎないくらいに）
モノローグ線幅：0.35mm
絵の線幅：ざみペン2%（細めを心がける）
フォント：基本8pt（7〜10pt）、
大きめ 11〜13pt、
小さめ 6pt（これ以下は読みづらい）
▽イラレのコマ割り方法
https://www.youtube.com/watch?v=x39huuY0...
＜クリスタver.＞
コマ余白：隣接2.0、離れコマ3.0（広めで5.0？）
フォント：基本11.0（単位謎）
#同人活動
＜プロクリver.＞
★A5原稿
枠線幅：0.5mm
四方余白10mm（ノド15mm）
コマ余白：隣接1.5mm、離れコマ3mm（広めで5mm）
セリフ線幅：ざみペン3％（太すぎないくらいに）
モノローグ線幅：0.35mm
絵の線幅：ざみペン2%（細めを心がける）
フォント：基本8pt（7〜10pt）、
大きめ 11〜13pt、
小さめ 6pt（これ以下は読みづらい）
▽イラレのコマ割り方法
https://www.youtube.com/watch?v=x39huuY0...
＜クリスタver.＞
コマ余白：隣接2.0、離れコマ3.0（広めで5.0？）
フォント：基本11.0（単位謎）
#同人活動
最近DS欲しい欲が急上昇してますというメモ
DS入手したら買うソフトリスト
▼3DS
FEｼﾘｰｽﾞが一番の理由かも。ﾘｱ友がFE好きで色々話聞くうちに興味持って、10年くらい気になってます！状態を伸ばしてた
色んな人に毎度説明してるんですが、昔から親がﾆﾝﾃﾝﾄﾞｰｱﾝﾁで実家にPS据置機しかなく、それで遊べるソフトだけで育ってきたもんで…
そんな訳で、そろそろ自分で買おうかなーと考えています。失いし青春（DSで遊ぶ経験）を、今こそ掴むべし✋
DS入手したら買うソフトリスト
- FEｼﾘｰｽﾞ一通り
- 太鼓の達人ﾖｰｶｲ大決戦
- リズ天
- ポケモンBW
- ぷよ‼︎20th
▼3DS
- FEｼﾘｰｽﾞ(if、覚醒、Echos)
- FF シアトリズム
- 初音ﾐｸ プロミラ
- ぷよぷよｸﾛﾆｸﾙ
- 新・光神話ﾊﾟﾙﾃﾅの鏡
FEｼﾘｰｽﾞが一番の理由かも。ﾘｱ友がFE好きで色々話聞くうちに興味持って、10年くらい気になってます！状態を伸ばしてた
色んな人に毎度説明してるんですが、昔から親がﾆﾝﾃﾝﾄﾞｰｱﾝﾁで実家にPS据置機しかなく、それで遊べるソフトだけで育ってきたもんで…
そんな訳で、そろそろ自分で買おうかなーと考えています。失いし青春（DSで遊ぶ経験）を、今こそ掴むべし✋
🍣寿司打記録🍣
＊ハイスコア出たら更新する
＊タイプ音ない方が安定するかも
お手軽 60秒
お手軽3,000円コース【普通】で、
★3,000円分 お得でした！（速度：4.7key/秒、ミス：7key）
お勧め 90秒
▽前回
お勧め5,000円コース【普通】で、
★4,360円分 お得でした！（速度：4.8key/秒、ミス：11key）
▽NEW！（2025/11/17）
お勧め5,000円コース【普通】で、
★4,840円分 お得でした！（速度：5.0key/秒、ミス：15key）
高級 120秒
▽前回（2025/08/03）
高級10,000円コース【普通】で、
★5,060円分 お得でした！（速度：5.3key/秒、ミス：19key）
▽NEW！（2025/10/01）
高級10,000円コース【普通】で、
★5,820円分 お得でした！（速度：5.2key/秒、ミス：11key）
一言：ミスタイプ多すぎますね〜
＊ハイスコア出たら更新する
＊タイプ音ない方が安定するかも
お手軽 60秒
お手軽3,000円コース【普通】で、
★3,000円分 お得でした！（速度：4.7key/秒、ミス：7key）
お勧め 90秒
▽前回
お勧め5,000円コース【普通】で、
★4,360円分 お得でした！（速度：4.8key/秒、ミス：11key）
▽NEW！（2025/11/17）
お勧め5,000円コース【普通】で、
★4,840円分 お得でした！（速度：5.0key/秒、ミス：15key）
高級 120秒
▽前回（2025/08/03）
高級10,000円コース【普通】で、
★5,060円分 お得でした！（速度：5.3key/秒、ミス：19key）
▽NEW！（2025/10/01）
高級10,000円コース【普通】で、
★5,820円分 お得でした！（速度：5.2key/秒、ミス：11key）
一言：ミスタイプ多すぎますね〜
今後の活動けつたたきメモ
▽次回参加予定イベント
・26/02/08 VR2026 悪意の証明
・25/11/24 仙台コミケ282（仮）
・25/12/21 CRUSH!73 in 盛岡（仮）
・（年月日）→その時の居住地次第でどっちかに絞ったり…で参加未定です
▽8月の活動メモ
#同人活動
▽次回参加予定イベント
・26/02/08 VR2026 悪意の証明
・25/11/24 仙台コミケ282（仮）
・25/12/21 CRUSH!73 in 盛岡（仮）
・（年月日）→その時の居住地次第でどっちかに絞ったり…で参加未定です
▽8月の活動メモ
- HPにOfflineページ追加
- HP改築（Astro.js導入を検討）
- ２月の狛日本のプロット開始
- blenderでコテージ完成
- えっちな狛日ゲーム作り始める
#同人活動
早いもので5月も終わってしまうということで
次回参加予定イベ頒布物作りのけつ叩きも兼ねたメモ📝
7/13(日) 悪意の証明
【頒布予定物】
▽６月の活動メモ
進捗ちょいやばい（現時点でプロット未完）
落とすなよ、絶対に落とすなよと自戒していく
#同人活動
次回参加予定イベ頒布物作りのけつ叩きも兼ねたメモ📝
7/13(日) 悪意の証明
【頒布予定物】
- 新刊🔞狛日本/本文24p/A5/動物（人外）化の短編集 全５話＋カラーイラスト
- ノベルティ：動物デフォルメ狛日シール/B6/ハーフカット
- 本予備コピ本（余裕あれば）/10p程度/全年齢
- 既刊（残り極少数）
▽６月の活動メモ
- 新刊の原稿をひたすら進める（集中すべし）
- HPにOfflineページ追加
- HP改築（Astro.js導入を検討）
進捗ちょいやばい（現時点でプロット未完）
落とすなよ、絶対に落とすなよと自戒していく
#同人活動
💻HPのコンパクト化についてのメモ
【今の課題】
HTML、CSS、JS全てコード手打ち
→コードがごちゃごちゃになってくる、管理困難
→毎回手打ち更新（→githubへのデプロイも一気にアップできず面倒）が大変、更新頻度が低い要因
→特に画像が多くなってきて、読み込み速度増加の懸念あり
【対策方法の案】
①WordPress化
メリット：CMSなので、更新時のローカルファイル編集→デプロイの２段階作業を省略し、ブラウザ上でのアップロード作業の１回で済ませられる！
デメリット：
［2025/08/02 追記］
スターレンタルサーバー が無料プランあり（広告もない（！？））
→WordPressサイト作成練習として、試してみるのも⭕️
②Astro.js導入
メリット：
デメリット：開発経験がない未知の技術のため、構築に時間がかかりそう畳む
#Web
【今の課題】
HTML、CSS、JS全てコード手打ち
→コードがごちゃごちゃになってくる、管理困難
→毎回手打ち更新（→githubへのデプロイも一気にアップできず面倒）が大変、更新頻度が低い要因
→特に画像が多くなってきて、読み込み速度増加の懸念あり
【対策方法の案】
①WordPress化
メリット：CMSなので、更新時のローカルファイル編集→デプロイの２段階作業を省略し、ブラウザ上でのアップロード作業の１回で済ませられる！
デメリット：
- 動的サイト対応かつ容量に余裕のあるサーバーを借りなければならない
- WordPress対応のデザインとしてコードの打ち直しが必要
［2025/08/02 追記］
スターレンタルサーバー が無料プランあり（広告もない（！？））
→WordPressサイト作成練習として、試してみるのも⭕️
②Astro.js導入
メリット：
- 静的サイト対応（＝GitHubのままで運用可）、jsの縮小化で読み込み速度がUP！
- コードのまとまりができ、コンテンツ追加・デプロイ作業が効率化！
デメリット：開発経験がない未知の技術のため、構築に時間がかかりそう畳む
#Web
📝ゲーム進捗メモ
▼プレイ中のゲーム
論破V3（育成計画）、FF8、FF13-2、NGOD、風花雪月、ｼｱﾄﾘｽﾞﾑFBL、スプラ3、ﾏｻﾞｰ2、ｶｰﾋﾞｨｽﾊﾟﾃﾞﾗ、ぷよフィ2、SIREN、DFF、ﾊﾋﾟﾀﾞﾝ（狛・日のUR入手）、ﾘﾝﾀﾞｷｭｰﾌﾞ、腐界に眠る王女のｱﾊﾞﾄﾞｰﾝ（※ｴﾛｹﾞ）、DOD3、ﾍﾞﾖﾈｯﾀ2←🆕
ピンク：もうちょいで終わりそう
▼積みゲー（所持未着手）
FF7、ﾗｲﾄﾆﾝｸﾞﾘﾀ-ﾝｽﾞ
▼欲しいゲーム
FF10、FF12、FFT、FF零式、DDFF、ぷよテト2、東方紅魔郷、地霊殿、星蓮船、OMORI、OFF、ペルソナ3・4・5、ｷｬｻﾘﾝﾌﾙﾎﾞﾃﾞｨ、ﾆｰｱｵｰﾄﾏﾀ、ﾎｯﾄﾗｲﾝﾏｲｱﾐ、ｾﾞﾙﾀﾞｽｶｲｳｫｰﾄﾞ、恐怖の世界、まのさば、ﾊﾟﾗﾉﾏｻｲﾄ、ふりかけ☆ｽﾍﾟｲｼｰ
太字：VITAでストア廃止される前に早めに買いたい
▼プレイ中のゲーム
論破V3（育成計画）、FF8、FF13-2、NGOD、風花雪月、ｼｱﾄﾘｽﾞﾑFBL、スプラ3、ﾏｻﾞｰ2、ｶｰﾋﾞｨｽﾊﾟﾃﾞﾗ、ぷよフィ2、SIREN、DFF、ﾊﾋﾟﾀﾞﾝ（狛・日のUR入手）、ﾘﾝﾀﾞｷｭｰﾌﾞ、腐界に眠る王女のｱﾊﾞﾄﾞｰﾝ（※ｴﾛｹﾞ）、DOD3、ﾍﾞﾖﾈｯﾀ2←🆕
ピンク：もうちょいで終わりそう
▼積みゲー（所持未着手）
FF7、ﾗｲﾄﾆﾝｸﾞﾘﾀ-ﾝｽﾞ
▼欲しいゲーム
FF10、FF12、FFT、FF零式、DDFF、ぷよテト2、東方紅魔郷、地霊殿、星蓮船、OMORI、OFF、ペルソナ3・4・5、ｷｬｻﾘﾝﾌﾙﾎﾞﾃﾞｨ、ﾆｰｱｵｰﾄﾏﾀ、ﾎｯﾄﾗｲﾝﾏｲｱﾐ、ｾﾞﾙﾀﾞｽｶｲｳｫｰﾄﾞ、恐怖の世界、まのさば、ﾊﾟﾗﾉﾏｻｲﾄ、ふりかけ☆ｽﾍﾟｲｼｰ
太字：VITAでストア廃止される前に早めに買いたい
思い出したかのようにここを使ってみる。
元々ゲーム日記メイン用に作ったものの、いざ書こうと思うと話の組み立てや要約が苦手なため足踏みしてしまっている状態でございます…
内容がまとまったら時間ある時に書く。
ちなみに今回はゲーム関係ないメモです。
▽今月の活動メモ
↑この通り、来年３月に仙台コミケ279にサークル参加予定です。
ちゃんとした告知はオフラインページを作ってそこに書く予定ですが、とりあえずここにも溢しておきます。なので、３月まで作品投稿やここの更新頻度も低くなる見込みです。（元々頻度少ないので変わらないかも）
頒布内容（仮）は、
です。出せるように頑張るぞーー✊
#同人活動
元々ゲーム日記メイン用に作ったものの、いざ書こうと思うと話の組み立てや要約が苦手なため足踏みしてしまっている状態でございます…
内容がまとまったら時間ある時に書く。
ちなみに今回はゲーム関係ないメモです。
▽今月の活動メモ
- 仙コミ279申し込み
- 申込後、HPにオフラインページ開設
- 印刷所（グッズ／冊子）検討
- ひたすら原稿
↑この通り、来年３月に仙台コミケ279にサークル参加予定です。
ちゃんとした告知はオフラインページを作ってそこに書く予定ですが、とりあえずここにも溢しておきます。なので、３月まで作品投稿やここの更新頻度も低くなる見込みです。（元々頻度少ないので変わらないかも）
頒布内容（仮）は、
- 狛日本（私が真剣に考えるちょっとシリアス狛日） 24p／A5
- ポップンミュージックのグッズ（ステッカー）
- 🌈🕒ふわぐさステッカー 3種（既存在庫）
- 余裕あれば色んなジャンルの色紙
です。出せるように頑張るぞーー✊
#同人活動
自称ゲーマーのわたくし、今までここでゲームプレイ状況メモをしていたのですが、もっと視覚的でわかりやすい記録ツールを発見しましてよ
▼ブクログ
https://booklog.jp/users/onom555
今（2026/05/08 23:11）時点ではまだ登録途中なんですが、全部入れてない状態でも圧巻というかわくわくする！モチベ上がるし
プレイしたものだけでなく、これからやる予定のとかやってる中とか分類できて便利
というか、プレイしたものは今まで消したり記録に残すことがなかったので見えるようになると達成感すごい。人生の旅路って感じ。（？）
元々読書記録用みたいなのですが本に限定せずゲームも対象になっているのありがたい。うれしい。
ゲームメインで気が向いたら本とかCDとか映画なんかも記録してみたいね
履修した作品ってソフトパッケージや書物とか物理媒体で手元にあれば振り返りやすいけど、電子版だったりサブスクで見たものはなんとなく記憶に残りにくいかも。ここも結局電子データ上の記録なんで同じかもしれないが、物理も電子もサブスクものも一箇所にまとめれるのは強い
ということでこの素晴らしいツールをこれから活用してみようという試みでした
ちなみに今まで書いてたてがろぐのメモも並行して記録するつもりではある