ここはほとんど自分のための雑多メモです
ここにあると便利なので
▼ HTML内にメモしたいとき
< ! - - メモしたい内容 - - >（スペースなし）
▼ アイコンにちょうどいいサイズ
32×32 ピクセル（おすすめ）
カプセル1個や、ひよこ1羽を切り取るのにちょうどいいサイズ
サイトのメニューの横にちょこんと置くのにベストな大きさ
16×16 ピクセル
かなり小さいけど、文字のすぐ横に並べる「ドット絵アイコン」としては一番それっぽい雰囲気が出る
48×48 ピクセル
瓶のイラストみたいに、少し書き込みがあるものを余裕を持って入れたいときに便利
▼ 画像切り抜き
アイビスペイントで一瞬で透明にする方法
「写真を読み込み」で、その瓶の画像を選ぶ
「線画抽出しますか？」は「キャンセル」
ここからが本番！右下にあるレイヤーをタップ
出てきたメニューの右下に、白い四角と「チェック模様（市松模様）」の四角が並んでいるところがあるよね？その「チェック模様」の方をタップ
白とグレーの市松模様： 一般的な「透明」の目印。ドット絵が見やすいよ
黒とグレーの市松模様： 黒っぽい色のドット絵を編集するときに、境目が見えやすくなるよ
これだけで背景が透明（チェック柄）になる
---------------------------------------
白い背景を一瞬で消す手順
さっきの「市松模様」を選んだ状態（背景が網目っぽくなった状態）のままにする
右下の「①」レイヤーボタンをもう一度押して、メニューを閉じる
左側のツールから「魔法の杖（自動選択）」を選ぶ
イラストの周りの「白い背景」をどこでもいいから一箇所ポンとタップして
すると、白い部分が点線で囲まれるはず
画面の一番上にある「レイヤーの操作（四角い点線のアイコン）」をタップして、「透過ピクセルを消去」または「切り取り」を選んで
これで、さっき選んだ市松模様（透明）が透けて見えるようになるよ！
---------------------------------------
いらない部分を消す（トリミング）
左側のツールから「投げ縄（点線の丸）」を選んで、瓶の周りをぐるっと囲む。
上のメニューにある「︙」から「キャンバスサイズに合わせて切り抜き」的なものを選ぶ（または「コピーして貼り付け」て、新しいキャンバスを作る）
これならバケツで一箇所ずつ消す手間もないし、ドットが崩れることもないよ
ネオシティーズの無料プランで使える容量は、今は合計で 1GB だよ
昔のジオシティーズが数MB〜100MBくらいだったことを考えると、個人サイトとしてはかなり太っ腹な数字だね
写真何枚くらいでいっぱいになる？
載せる写真の「画質（ファイルサイズ）」によって全然変わるんだけど、目安はこんな感じだよ
スマホで撮ったそのままの写真（3MB〜5MB）
だいたい 200〜300枚 くらい。これだと意外とすぐ埋まっちゃうかも
Web用にサイズを小さくした写真（200KB〜500KB）
だいたい 2,000〜5,000枚 くらい。これなら相当な数だよね！
あの頃風の小さなドット絵（10KB以下）
10万枚以上 いけるよ。ラピスラズリのドット絵みたいな素材なら、無限に載せられる感覚だね
横幅を800ピクセルくらいに落とすだけで、1枚あたりのサイズが劇的に軽くなって、もっとたくさんの思い出を載せられるようになるよ
1. スマホ（iPhone/Android）でやる場合
スマホの写真は今の設定だと1枚がすごく重いから、専用のアプリを入れるのが一番手っ取り早いよ
おすすめアプリ： 「画像リサイズ」や「バッチリサイズ」など
やり方：
アプリを開いて写真を選ぶ
「横幅（Width）」を 800px 〜 1000px くらいに設定する
保存する
メリット： 寝転がりながらでも、ブログ感覚でササッと加工してそのままアップロードできるのが良いところだね
2. パソコン（Windows/Mac）でやる場合
パソコンなら、ソフトを使わなくてもブラウザだけで完結するサイトが便利だよ
おすすめサイト： iloveimg.com（「画像 リサイズ」で検索するとすぐ出てくるよ）
やり方：
サイトに写真をドラッグ＆ドロップする
サイズを指定して「サイズ変更」ボタンを押す
小さくなった写真がまとめてダウンロードされる
メリット： 10枚、20枚と一気に小さくできるから、サイトの更新をガッツリ進めたい時に向いてるよ
快適に並べるための目安
もし1ページに写真を並べるなら、こんな感じで考えておくといいかも
1ページに 20〜30枚 くらい：
今のスマホやPCなら一瞬でパッと表示される、すごく快適な枚数
1ページに 100枚 くらい：
ちょっと読み込みに時間がかかるかもしれないけど、一気に見せたいならアリ
それ以上：
「アルバム1」「アルバム2」みたいにページを分けると、見る人も疲れなくて親切だね
ピンク系（#FFB6C1 の代わり）
可愛らしさを残しつつ、文字として認識しやすくした色だよ
#F08080 (Light Coral)
少し赤みに寄るけど、しっかりとした発色で読みやすさは抜群
#FF8C94
元のピンクのニュアンスを保ちつつ、彩度を上げてくっきりさせた色
#DB7093 (Pale Violet Red)
落ち着いた大人っぽいピンク 背景が白でも文字がぼやけないよ
水色系（#87CEEB の代わり）
爽やかさを維持しながら、輪郭をはっきりさせた色だよ
#4682B4 (Steel Blue)
かなり読みやすくなるけど、少し落ち着いたトーンになるよ
#5DADE2
明るい水色のイメージを壊さずに、青の濃度を上げた色
#6495ED (Cornflower Blue)
少し紫が入ったような綺麗な青で、ピンクとの相性もバッチリ
前の掲示板の時に書いてくれたやつ↓
投稿日： 2026/04/13(Mon) 16:15
投稿者： 星屑-stardust-
題名： 踏みました！
管理人さん、こんにちは！
今日ものぞきに来たら、なんと20番のキリ番踏んじゃいました！！★☆
さっきからリロードしまくってた甲斐がありました（笑）
キリ番プレゼント（カウプレ）とかあったりしますか…！？
なーんて、冗談です！(はぁと)
記念に僕のサイトからもリンク貼っておきますね。
これからも更新頑張ってください！工事中のページが埋まるの、楽しみにしてます★
また来ますね！！
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
太字 はstrong 斜め はemだよ(●´ω｀●)
でも太字はb斜めはiでもなったよ！あとuは下線！
↑最初からいたねこちゃん(*≧▽≦)ﾉ"
HTML/CSSについてもっと知りたかったら、このチュートリアルをみてね！
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
