【てがろぐ更新】Youtube埋め込みレスポンシブ化
できたぜ!!
思ったより簡単でよかった☺️💕
Spotifyは特に何もしなくても横幅可変なのでたすかる!
現在はてがろぐ超シンプルギャラリーモードの制作に取り掛かっています
そもそもウチのサイトは倉庫なのですが、イラストのページがあまりにも!初見バイバイだなって!もうちょっとユーザーに優しく出来るやろって!
トップページの更新履歴埋め込みみたいな感じで、てがろぐを埋め込んだら良いかなってひらめいたので、作り始めました。
基本の作りとしてギャラリーモードが良さそうだったので、初期スキンを改造して画像のみ表示されるようにすれば、イラストページのいちコンテンツになるかなと、思ったんですね。
NSFW画像も一覧に出ちゃうのでどうしようかな~とは思っておりますが、タイトルにCP名書けばギリいけるか…?
#個人サイト #てがろぐ #更新履歴
できたぜ!!
思ったより簡単でよかった☺️💕
Spotifyは特に何もしなくても横幅可変なのでたすかる!
現在はてがろぐ超シンプルギャラリーモードの制作に取り掛かっています
そもそもウチのサイトは倉庫なのですが、イラストのページがあまりにも!初見バイバイだなって!もうちょっとユーザーに優しく出来るやろって!
トップページの更新履歴埋め込みみたいな感じで、てがろぐを埋め込んだら良いかなってひらめいたので、作り始めました。
基本の作りとしてギャラリーモードが良さそうだったので、初期スキンを改造して画像のみ表示されるようにすれば、イラストページのいちコンテンツになるかなと、思ったんですね。
NSFW画像も一覧に出ちゃうのでどうしようかな~とは思っておりますが、タイトルにCP名書けばギリいけるか…?
YouTube 動画埋め込みのレスポンシブ対応方法 | Takumi Hirashima Artworks
#個人サイト #てがろぐ #更新履歴
【サイト更新】(∩´∀`)∩
・サイト側
リンク追加(個人サイト様)
プライバシーポリシー短くしました
・てがろぐ
ブログカードっぽいデザインを作成
記事内のリンクにオンマウスで色変更
favicon設定(※忘れてた)
ブログカード風にリンクのデザインを変えられるようにしてみました。
OGP画像も追加できたらよかったんですけど、私の技術ではちょ~っと無理っぽかったので、画像は無しで。
てがろぐの「何でも簡単入力ボタン機能」でブログカード用のcssを出力して、文字列リンクでページタイトルとURLを入力。
結構それっぽくない?
ボタン全体を押せるようにした&左上にラベルっぽいのも付けたので、WordPressで見る感じに仕上がったと思う
使うかわからないけど、自サイト版もあります
#個人サイト #てがろぐ #更新履歴
・サイト側
リンク追加(個人サイト様)
プライバシーポリシー短くしました
・てがろぐ
ブログカードっぽいデザインを作成
記事内のリンクにオンマウスで色変更
favicon設定(※忘れてた)
ブログカード風にリンクのデザインを変えられるようにしてみました。
OGP画像も追加できたらよかったんですけど、私の技術ではちょ~っと無理っぽかったので、画像は無しで。
てがろぐの「何でも簡単入力ボタン機能」でブログカード用のcssを出力して、文字列リンクでページタイトルとURLを入力。
[F:クラス名:[サイト名]URL]
👇️ CSSパワーでこうなる 👇️
結構それっぽくない?
ボタン全体を押せるようにした&左上にラベルっぽいのも付けたので、WordPressで見る感じに仕上がったと思う
使うかわからないけど、自サイト版もあります
【WordPress】プラグインなしでブログカードを作る方法【コピペで完成】|ぴょんなことから
CSSのwidth: 100%;のより良い代替手段として、stretchキーワードが実はかなり便利です|コリス
#個人サイト #てがろぐ #更新履歴
【サイト更新】サイト更新したぞ!
・内容
SNSリンクにYoutubeとニコニコを追加
リンク追加(にしし ふぁくとりー、何らかの配布場)
検索エンジンに登録(COMPASSLINK、駄文同盟)
Faviconをバナー画像と同じデザインに変更
OGP画像を追加
プロフに代理ちゃんアイコンを追加
・デザインなど
メニューを追従式に変更
h2/h3のデザインを変更
コンテンツの区切り罫線登場
サイト側/てがろぐのロゴ画像色を変更
FontAwesomeのセルフホスティング再開
スマホ版のデザイン崩れ修正
html/css記述の気になるところ修正/変更
W3CとLighthouseに注意されたとこ修正
デカくて威圧感ある気がするけど……また気になったらサイズ感とか変わるかもしれない。
併せて、ロゴ画像の色を青っぽい黒→無彩色に変更しました。
前々からメニューとロゴの色味が微妙に違うせいで浮いてるのが気になって仕方なかったので、やっっっと変えられた!スッキリ!
h2/h3(見出し)のデザイン変更は、オレンジの★に視線めっちゃ吸われるなと思ったので変えてみた。
暫定的にぺけまーくにしてます。かわいい。
あとは、一部テンプレそのままで用途に合わない名前になってたidを変えたり、ロゴ部分など、とりあえあず <section> タグで囲ってたところを <header> <footer> に変えてみたり。
<hr /> 👈️ この書き方はXHTMLの書き方で、HTMLは<hr>で良いらしい
むしろ末尾の/が悪さをする場合があると…
ブログをいっぱい書いてた頃の知識と混ざってる気がする。
あのとき使ってたブログの言語がXHTMLだったから、
<hr /> 👈️ こういう書き方をしないといけなかった。
まあでもXHTMLの厳密な書き方を覚えたおかげで、今キレイな書き方ができてると思えばいい…のか…!
#個人サイト #更新履歴
・内容
SNSリンクにYoutubeとニコニコを追加
リンク追加(にしし ふぁくとりー、何らかの配布場)
検索エンジンに登録(COMPASSLINK、駄文同盟)
Faviconをバナー画像と同じデザインに変更
OGP画像を追加
プロフに代理ちゃんアイコンを追加
・デザインなど
メニューを追従式に変更
h2/h3のデザインを変更
コンテンツの区切り罫線登場
サイト側/てがろぐのロゴ画像色を変更
FontAwesomeのセルフホスティング再開
スマホ版のデザイン崩れ修正
html/css記述の気になるところ修正/変更
W3CとLighthouseに注意されたとこ修正
ヘッダーメニュー追従に憧れがあったので実装✌☺️✌
デカくて威圧感ある気がするけど……また気になったらサイズ感とか変わるかもしれない。
併せて、ロゴ画像の色を青っぽい黒→無彩色に変更しました。
前々からメニューとロゴの色味が微妙に違うせいで浮いてるのが気になって仕方なかったので、やっっっと変えられた!スッキリ!
h2/h3(見出し)のデザイン変更は、オレンジの★に視線めっちゃ吸われるなと思ったので変えてみた。
暫定的にぺけまーくにしてます。かわいい。
あとは、一部テンプレそのままで用途に合わない名前になってたidを変えたり、ロゴ部分など、とりあえあず <section> タグで囲ってたところを <header> <footer> に変えてみたり。
久しぶりにW3CとLighthouseに聞いてみれば「alt無いよ!」「終了タグが無いタグの末尾にスラッシュ付けないで!」とか色々と指摘してもらいまして。相変わらず勉強になる~
<hr /> 👈️ この書き方はXHTMLの書き方で、HTMLは<hr>で良いらしい
むしろ末尾の/が悪さをする場合があると…
ブログをいっぱい書いてた頃の知識と混ざってる気がする。
あのとき使ってたブログの言語がXHTMLだったから、
<hr /> 👈️ こういう書き方をしないといけなかった。
まあでもXHTMLの厳密な書き方を覚えたおかげで、今キレイな書き方ができてると思えばいい…のか…!
#個人サイト #更新履歴
【ツイステ】7章とマレウス
※ ネタバレです
#ツイステ #感想
※ ネタバレです
続きを読む
マレウスドラコニア、思ってた以上に“強者”としての人生歩んでて悲しくなった
だって、幼い子どもって感情の赴くままに笑ったり、泣いたり、怒ったりするものじゃん? なのに、周りの人を傷つけてしまう。あまりにも悲しい。
今までのストーリー中にマレウス氏が不機嫌になると天候が荒れたこともあったし。
リリア氏の話で城中が凍ったりしたことは聞いてたけど。
改めて本人の口から聞くと辛いものがある
今、マレウス氏が年齢に対して幼く感じられるのって、当時お子様だったマレウスドラコニアが子どもらしい感情で居られなかったことも関係あるんかな……
しばらくは元気に笑ったり泣いたり怒ったりしても大丈夫そうだし、健やかに生きてほしい
マレウス氏が生まれた200年前、我々の日本では江戸時代。
ツイステ世界でもまだ戦争があったりしたかもしれない。
茨の谷の周辺国が戦争してたor戦争したがってたなら、茨の谷にも外交的な圧力とか協力要請とか諸々あったかもしれないし、そういう対応をマレフィシア様たちが行ってただろうから普通に休む暇ない。
マレノア様(マレ母)が急逝なさって、マレフィシア様(マレ祖母)しか居られない中「このままでは“茨の国”を支えてきたドラコニア一族が途絶えてしまう!」となれば「お産まれになった若様に絶大なパワーを授けて、万が一にでも死なないようにしよう!」という考えになることは元老院的には当然だし。現代ならともかく。
ただ、結果として、長命なマレウスにとって良くないことだった。
平和な世の中になっちゃったからね。
マレノア様が生きてさえいれば、もう少しなんとかなっただろうな、って思う。
マレフィシア様お一人で、卵に魔力を注ぐ&国政&その他諸々の諸事って大変すぎる。
生まれた若様とたくさんコミュニケーションを取る時間が、マジで忙しくてなかったんだろうなって……
だって、幼い子どもって感情の赴くままに笑ったり、泣いたり、怒ったりするものじゃん? なのに、周りの人を傷つけてしまう。あまりにも悲しい。
今までのストーリー中にマレウス氏が不機嫌になると天候が荒れたこともあったし。
リリア氏の話で城中が凍ったりしたことは聞いてたけど。
改めて本人の口から聞くと辛いものがある
今、マレウス氏が年齢に対して幼く感じられるのって、当時お子様だったマレウスドラコニアが子どもらしい感情で居られなかったことも関係あるんかな……
しばらくは元気に笑ったり泣いたり怒ったりしても大丈夫そうだし、健やかに生きてほしい
ただ、元老院側の気持ちも、ある程度理解できなくもない。
マレウス氏が生まれた200年前、我々の日本では江戸時代。
ツイステ世界でもまだ戦争があったりしたかもしれない。
茨の谷の周辺国が戦争してたor戦争したがってたなら、茨の谷にも外交的な圧力とか協力要請とか諸々あったかもしれないし、そういう対応をマレフィシア様たちが行ってただろうから普通に休む暇ない。
マレノア様(マレ母)が急逝なさって、マレフィシア様(マレ祖母)しか居られない中「このままでは“茨の国”を支えてきたドラコニア一族が途絶えてしまう!」となれば「お産まれになった若様に絶大なパワーを授けて、万が一にでも死なないようにしよう!」という考えになることは元老院的には当然だし。現代ならともかく。
ただ、結果として、長命なマレウスにとって良くないことだった。
平和な世の中になっちゃったからね。
マレノア様が生きてさえいれば、もう少しなんとかなっただろうな、って思う。
マレフィシア様お一人で、卵に魔力を注ぐ&国政&その他諸々の諸事って大変すぎる。
生まれた若様とたくさんコミュニケーションを取る時間が、マジで忙しくてなかったんだろうなって……
#ツイステ #感想
【FGO】スタートダッシュ☆5確定召喚

オルターーーーーーーッ!!!!!!
ずっと宝具1で微妙な火力不足を感じる場面があったから正直に嬉しい!オルタちゃん!
まだ奏章2クリアできてなくてごめん!
デオンもありがとう!もう宝具5達成してるからレアプリになっちゃったけどありがとうね…また今度レアプリショップにコマンドコード追加された時に使うね
☆4礼装
ラインナップ排出されたサーヴァントと噛み合ってる
スタートダッシュとして普通にいい結果👏
虚数属性(Quick+NP)、貴石の魔弾(Buster+NP)、悲願の継承(スター獲得+NP量)
☆3サーヴァント
アレキサンダーでカリスマ+Q全体強化
張角でAQクリティカルサポート、礼装との噛み合いが良い👍️
アレキサンダーのカリスマ+Q強化、張角のスター集中、悲願の継承の登場時スターx10でサポートサーヴァントを強化。開幕からでもクリティカルを狙っていけるのがかなり強い。
☆3礼装
瓦礫の聖堂(男性に対する防御UP)は序盤マシュとかゲオル先生
ヒュドラダガーだけちょっと使い道がパッと思いつかない
#FGO #ガチャ

オルターーーーーーーッ!!!!!!
ずっと宝具1で微妙な火力不足を感じる場面があったから正直に嬉しい!オルタちゃん!
まだ奏章2クリアできてなくてごめん!
デオンもありがとう!もう宝具5達成してるからレアプリになっちゃったけどありがとうね…また今度レアプリショップにコマンドコード追加された時に使うね
☆4礼装
ラインナップ排出されたサーヴァントと噛み合ってる
スタートダッシュとして普通にいい結果👏
虚数属性(Quick+NP)、貴石の魔弾(Buster+NP)、悲願の継承(スター獲得+NP量)
☆3サーヴァント
アレキサンダーでカリスマ+Q全体強化
張角でAQクリティカルサポート、礼装との噛み合いが良い👍️
アレキサンダーのカリスマ+Q強化、張角のスター集中、悲願の継承の登場時スターx10でサポートサーヴァントを強化。開幕からでもクリティカルを狙っていけるのがかなり強い。
☆3礼装
瓦礫の聖堂(男性に対する防御UP)は序盤マシュとかゲオル先生
ヒュドラダガーだけちょっと使い道がパッと思いつかない
#FGO #ガチャ
そのうち試したいお絵かきソフトたち
急にいつもと違う環境でお絵かきしたい欲が出たので、色々とダウンロードしてみました
私御用達のPaintBBS以外にも4種類のツールがあるようなので、一度ちゃんと触ってみたい気持ち。
↓軽く触った感想↓
Tegaki:弊環境でバグってるっぽい残念
Axnos Paint:UIの見た目がわかりやすくて良い
ChickenPaint:キャンパス回転できるのヤバすぎ!
Klecks:シンプルUIに騙されるな高機能だ
急にいつもと違う環境でお絵かきしたい欲が出たので、色々とダウンロードしてみました
- Adobe Fresco
- FireAlpaca
- MediBang Paint Pro
- Krita
- Inkscape
- Misskey専用お絵かき掲示板
私御用達のPaintBBS以外にも4種類のツールがあるようなので、一度ちゃんと触ってみたい気持ち。
↓軽く触った感想↓
Tegaki:弊環境でバグってるっぽい残念
Axnos Paint:UIの見た目がわかりやすくて良い
ChickenPaint:キャンパス回転できるのヤバすぎ!
Klecks:シンプルUIに騙されるな高機能だ
【ツイステ】7章感想まとめ
アレもソレもヤバくないですか? めっちゃガチャ引きたくなった!
・7章オクタ編
・リドルの話
・7章のデュース
・ゲストルームと7章BGMの話
#ツイステ #感想
アレもソレもヤバくないですか? めっちゃガチャ引きたくなった!
・7章オクタ編
続きを読む
色々と言いたいことはあるのですが、それよりも、まずですね、あの、
ジェイドリーチこっっっっっわ!!!!!
ツイステ初心者だったあの頃
「ジェイドってまだ話が通じそうだよね」「フロイドの方がこわい」
とか言ってた私に見せたい
両方こえーぞ!!
ジェイドリーチこっっっっっわ!!!!!
ツイステ初心者だったあの頃
「ジェイドってまだ話が通じそうだよね」「フロイドの方がこわい」
とか言ってた私に見せたい
両方こえーぞ!!
・リドルの話
続きを読む
り、リドち〜〜〜!!!!!
こんなギャップをスッ…とお出しされるとオタクは死ぬんですわーーーーーッ!!!!!
ビジュよすぎる~~~~~!!!!!!!!
いやほんと、少しずつ読み進めてるんだけど、リドル寮長が可愛すぎて内容が頭に入ってこんのよ!
こんなギャップをスッ…とお出しされるとオタクは死ぬんですわーーーーーッ!!!!!
ビジュよすぎる~~~~~!!!!!!!!
いやほんと、少しずつ読み進めてるんだけど、リドル寮長が可愛すぎて内容が頭に入ってこんのよ!
・7章のデュース
続きを読む
コミカライズで見たデュースがゲーム本編でも登場したことに感動でしかない
本編でデュース出てくるの久しぶりでそれ自体にも感謝してるけど、新たに立ち絵を作ってくれたことがマジで嬉しすぎる!制作チームありがとう。深く感謝。
いや、もうほんと解釈一致すぎて感動してる。完全に優等生でもなく、完璧に不良でもなく、両方あるのが今のデュースでほんとそれ。そうなんだよ今成長期だもんね(※初ハロウィンPS)まあ笑っちゃって全然読み進められてないけどwwwww 腹筋つらwwww
全体的に語録が出まくってるし、語録どころか態度も表情もありのままな部分が多くてイイネ!!
ただ、ラプンツェルイベのときは割と優等生できてたから、顕著な差を感じて笑っちゃう
夢の中だと隠せないのか、隠す気がないのか
テンション上がって隠すことを忘れてるのかも😂
本編でデュース出てくるの久しぶりでそれ自体にも感謝してるけど、新たに立ち絵を作ってくれたことがマジで嬉しすぎる!制作チームありがとう。深く感謝。
いや、もうほんと解釈一致すぎて感動してる。完全に優等生でもなく、完璧に不良でもなく、両方あるのが今のデュースでほんとそれ。そうなんだよ今成長期だもんね(※初ハロウィンPS)まあ笑っちゃって全然読み進められてないけどwwwww 腹筋つらwwww
全体的に語録が出まくってるし、語録どころか態度も表情もありのままな部分が多くてイイネ!!
ただ、ラプンツェルイベのときは割と優等生できてたから、顕著な差を感じて笑っちゃう
夢の中だと隠せないのか、隠す気がないのか
テンション上がって隠すことを忘れてるのかも😂
・ゲストルームと7章BGMの話
続きを読む
そういや7章終わったから交換できるやん!と唐突に思い出して、例のマーチを交換して設定してきました。
ゲストルーム入った瞬間、某ランドのイメージが頭に浮かんで幸せですありがとう…ありがとうツイステ…
ゲストルーム入った瞬間、某ランドのイメージが頭に浮かんで幸せですありがとう…ありがとうツイステ…
#ツイステ #感想
【ツイステ】5周年おめでとう!!!
周年グリム様ガチャ勝利しました
misskey.favskey.online/notes/a...
昨日のガチャ結果
misskey.favskey.online/notes/a...
👉️ コイン交換でケルカロエペちをゲットしました!かわいい!
いらすとやさんからもお祝いが来てます!かわいい!
x.com/irasutoya/status/1901840...
#ツイステ
周年グリム様ガチャ勝利しました
misskey.favskey.online/notes/a...
昨日のガチャ結果
misskey.favskey.online/notes/a...
👉️ コイン交換でケルカロエペちをゲットしました!かわいい!
いらすとやさんからもお祝いが来てます!かわいい!
x.com/irasutoya/status/1901840...
#ツイステ
【崩スタ】v3.1 始まりの門と終わりの玉座
オンパロス最新話の感想(※ネタバレ)
#崩スタ
オンパロス最新話の感想(※ネタバレ)
続きを読む
三人の中でトリアン最推しだったからダメージがデカすぎていま、めちゃくちゃに心の中が荒れてる。嵐が来て大波が立ってる。つらすぎ。トリアン…トリアン…
少し前にネタバレ踏んじゃって、トリアンではない“誰か”がオクヘイマを去るっていう話は耳にしてたから、そっちは割と覚悟できてたんだけど
丁寧な前振りがあって、ちゃんとトリビーの口から説明もあった上でのトリアン…だから覚悟できてたでしょ?と言われてもそうですね!としか言えないんだけどさぁ〜〜〜〜〜!!!!!!!トリアン!!!!!!!!
めちゃ強い敵「トリスビアスよ、お前の旅は全て意味がない!全て無駄だったのだ!」
そういう感じの、遡って予言が齎された時点から始まる曇らせ鬱展開(※タイタンを倒して火種を集める行為自体が世界の滅びを加速させるみたいなの)がv5.4くらいでありそう……なーんて碌でもねぇ考えが一瞬でも浮かんでしまったので、今、全力で実現しないことを願っています🙇
トリスビアス、いや黄金裔全員マジで報われてくれ…頼むぞハッピーエンドォ…!
いま石に余裕があったら確実にトリビーお迎えしてる(※夏のFateコラボに備えてガチャ禁中)
少し前にネタバレ踏んじゃって、トリアンではない“誰か”がオクヘイマを去るっていう話は耳にしてたから、そっちは割と覚悟できてたんだけど
丁寧な前振りがあって、ちゃんとトリビーの口から説明もあった上でのトリアン…だから覚悟できてたでしょ?と言われてもそうですね!としか言えないんだけどさぁ〜〜〜〜〜!!!!!!!トリアン!!!!!!!!
めちゃ強い敵「トリスビアスよ、お前の旅は全て意味がない!全て無駄だったのだ!」
そういう感じの、遡って予言が齎された時点から始まる曇らせ鬱展開(※タイタンを倒して火種を集める行為自体が世界の滅びを加速させるみたいなの)がv5.4くらいでありそう……なーんて碌でもねぇ考えが一瞬でも浮かんでしまったので、今、全力で実現しないことを願っています🙇
トリスビアス、いや黄金裔全員マジで報われてくれ…頼むぞハッピーエンドォ…!
いま石に余裕があったら確実にトリビーお迎えしてる(※夏のFateコラボに備えてガチャ禁中)
#崩スタ
もっと時間がかかる予定だったのですが、何らかの配布場さまのスキンのパワーですぐ完了しました。すっっごい!!!
新生イラストページ|ORANGE METRO
配布スキンの構造も私のサイトと似たような感じだったので、ちょっと割り込ませるだけですぐ形になってHAPPY☺️💕
元々はiframeで埋め込むつもりでしたが、LightBoxの仕様的にiframeの外に飛び出して絵を表示させるのが無理っぽい。解決するにはJavaScriptのお世話にならないといけない雰囲気だったので中止。わたしはJSがぜんぜんわからないのだ……
ページ構造は元々のギャラリーページをベースにして、イラストが表示されている辺りだけ「てがろぐ」。
CSSも必要な分だけ抜粋する形で実装して、デザイン面を微調整したので違和感ほぼ無いと思います。
とりあえずサイト更新はこのへんで一息ついて、明日からは放置してたゲームをいっぱい遊ぶ!
イベント期間終わりそうでフツーにヤバイ!!!
何らかの配布場
#個人サイト #てがろぐ #更新履歴