Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? AIを使ってWebサイトを作り、HTMLコードを出力することも増えてきました。そのままサーバーにアップしてもいいのですが、ヘッダーなど複数ページで繰り返す部分がそのままだと後で修正が大変なことに。 そんなときはAstroを使うことで繰り返し部分をコンポーネント(部品)化して再利用したり、Markdownで記事を書いてHTMLテンプレートで表示できて便利です。 ここではAstroを使うのが初めての人やAstroで何ができるか知りたい方向けに基本的な情報を分かりやすく解説します！ 1.Astroとは？ 一言でいうと、Astroは高速なWeb

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

こんにちは、坪田です。 前回のClaude記事で触れた、Claude CodeやAI最適化したデザインシステムを作ってみたのでまとめです。 Claude Codeが生成するUIの品質が安定しない課題最初の頃は、何か作っても 「いかにもAIが作りました」感のあるデザインで生成されてしまう ストレスがあって、例えば、コンポーネントに強めのシャドウをかけたり、カードUIの上部に強めのカラーバーを付けたりしてイマイチだった。 「いい感じに」とか「シンプルに」と指示してもダメで、AIには「いい感じ」の基準がなく、 基準がないから、学習データの中で「よくあるデザイン」を確率的に再現してしまう。 その結果、同じプロダクトなのに、画面ごとに微妙にボタンの高さが違ったり色のトーンがズレる、スペーシングがバラつくし、AIはやたらと絵文字を多用するのが課題だったので、Claude Code開発に適したデザインシ

MP4より圧出画質の良いWebMをFFmpegで変換する手順をまとめました。 動作環境 macOS 10.13.1 Homebrewがインストール済み 登場人物 WebM FFmpeg（version 3.4：2017/11/17現在） WebM WebM（ウェブエム）は、Googleが開発しているオープンでロイヤリティフリーな動画のコンテナフォーマット。 引用「WebM - Wikipedia」 WebMはMP4とくらべて画質が優れているため、MP4と同等の画質をWebMへ変換するとファイルサイズが小さくなります（参考記事「WebM(VP9)とMP4(H.264)の違い」）。データの転送量にシビアな時代なので、動画を扱うコンテンツではWebMを採用するケースが増えてきています。 FFmpeg FFmpegは、動画の圧縮などで使うツールです。コマンドライン（黒い画面）で実行します。 作業手

スクロール連動UIはCSSだけで作れる！ 疑似クラス:target-current/before/afterが便利 CSSには、スクロール位置が対象コンテンツの「前か」「後か」を判定するのに役立つものがあります。:target-before、:target-after、:target-currentの3つの疑似クラス、scroll-target-groupプロパティを使うと、今までJavaScriptを必要としていたスクロール連動のインタラクションをCSSだけで実現できます。 この記事ではそれぞれのCSSの使い方と、CSSだけで実装したインタラクションのデモを紹介します。 ※注意：本記事のデモは、Chrome・Edge 142以上でご覧ください。 スクロールに連動させるCSSの基本の使い方 ウェブサイトの「目次」を例に基本的な使い方を説明します。スクロールに連動して目次のスタイルが切り替わ

CSSで子要素のレイアウト調整方法ガイド CSS Child Element Layout Guide 目次 / Table of Contents Flexboxレイアウト CSS Gridレイアウト Positionプロパティ Display & Alignment 実践的な例 パフォーマンスとベストプラクティス Flexboxレイアウト Flexbox Layout 最適な使用ケース: 1次元レイアウト(横並び or 縦並び) Best Use Case: One-dimensional layouts (horizontal or vertical) 基本設定 / Basic Setup .flex-container { /* 方向設定 / Direction */ flex-direction: row; /* 横並び(デフォルト) / Horizontal (default)

WordPressのテーマを制作しているときなどはHTMLの中に直接PHPのコードを書いていきますが、PrettierではPHPのファイルのフォーマットができません。 まぁそもそもフォーマッターを使う人がそこまで多くないかもしれませんが、HTMLの中に書かれたPHPもフォーマットしたいときにはかなり役に立つはずです。 大前提として、VSCodeでコーディングしていて、さらに拡張機能のPrettierを使ってフォーマットしたい方に向けた記事です。 フォーマッターとは？ そもそもフォーマッターとは、書いたコードの見栄えを整えてくれるものです。 コーディングは人によってクセというものが出るものなので、Aさんが書いたものは見やすいけどBさんが書いたものは見にくい…なんてことが起こってしまいます。 そういった、コーディングする人の差異を無くしてみましょう！というのがフォーマッターの役割ですね。 例え

所謂コミカライズ作家発掘やラノベの挿絵を付ける人を探すお仕事（それ以外もやってるけど）してるんだけど この人良さそうだなって人を仕事用の私用垢でフォローしてデータ取ったりする んでやっぱり伸びる人や仕事たくさん取れてる人は一定の傾向あるからメモ代わりに書き残しておく あと先に言っておくけど今の業界は基本pixivもニジエもクロスフォリオもほぼ見ません 99%Xから入ります 理由は以下に記載 bioに余計なこと書かないこれマジで大事、病名羅列してる人とか問題外 あと不思議とAI学習禁止も書いてない人のほうがあきらかにフォロワーや仕事量が増加する傾向がある 発表されてる分だけでカウントしてるんで総量はわからないけどね メンタルが安定している・ツイート数が安定している１個目とも関連するけどチョー大事、日々一定のツイート数で安定してる人とかは高評価 思い出したかのように病みツイート連発する人とかは

防寒対策や移動中の仮眠、宿でのくつろぎグッズにこだわりあり！冬の温泉旅の持ち物一覧 先日、宿泊した温泉宿でふと思い立って、持ってきたバッグ（私の場合はリュックですが……）の中身を撮影してみました。 今回の旅の特色としては ・2024年の1月で、エリアは九州 ・公共交通機関利用で、飛行機・電車・高速バス・路線バスを利用 ・温泉宿に2泊する（それぞれ別の宿に1泊ずつ） ・観光らしい観光はせず、日帰り入浴と温泉宿での滞在メイン ・今回は登山はしない予定 という旅でした。 それほど個性的な持ち物リストではないと思いますが、公共交通機関で長時間移動するので仮眠をとりやすくするアイテムはこだわって持っています。 また、冬は電車やバスの中は暖房で暑いのですが、バスの待ち時間などは屋外にいなければならずめちゃくちゃ寒かったりします。移動中・外での待ち時間共にできるだけ快適に過ごせるよう、服装にはちょっとし

この話が届きやすい人・届きにくい人この記事は私自身のポジションに依存したポジショントークです。ですので誰にとって参考になりやすいか、あらかじめ整理しておきます。 こういう人には多少役に立つかもしれません 美大や専門学校に通っていない、あるいは通えなかった 絵を本格的に描き始めたのが20代以降、もしくは社会人になってから 既存の学歴・所属ベースの権威構造に自分がうまくなじめない感覚がある それでも絵を描くことを完全に趣味に留めるのではなく、ある程度は仕事として成立させたいと考えている こうした条件に当てはまる方にとっては「似たような制約条件の中で、先に少し進んでいる人が、どの断絶をあきらめ、どの断絶を自分のゲームに組み込んだか」という意味で多少具体的な参考になる部分があるかもしれません。 逆にあまり当てはまらないかもしれない人 すでに美大や大学院で体系的な美術教育を受けている／受けてきた 既

扇動的な記事タイトルだけど、AI技術の全否定やAI賛成反対者を貶す意図はないです。 ウェブ魚拓やarchive.isなどの複製をしないでもらいたい。あとこれだけは許せないから言っておくんだけど、個人に対して冷やかしや一蹴したくなったり、奇異な目で見るんだったらブラウザバックしてくれ。これ以上辟易させるな。 ちょっと前からSora2というのを知って使うようになって、夜中から朝までの時間を、自分のフェチな動画をSora2で生成させて性欲を満たす事に自制が効かなくなり、睡眠時間が5時間や2時間だったりして食事も疎かになってしまった。 普段は自慰にかける時間も1日の内に1回で1～2時間だったのに、3時間だったり5～6時間になり、ついに9時間もズリネタ生成含む自慰をし続けて時間を浪費する日が出てしまった。 捨てアカウントも十数個も作ったりして、生成回数をグレーな方法で延ばしたりして、自慰にこんなに執

今回は、高学歴無能である筆者が考える高学歴無能が社会で生き残り、生計を立てていくために出来ることをチェックリスト形式で記載していきたいと思う。自分がnoteを書き始めた時の原点に立ち返りたい。高学歴無能が生きる道、これこそが当該noteのスタートであった。 高学歴無能の自覚がある方には是非とも当該チェックリストを確認して、日々の生活改善、人生設計の見直しに役立てていただきたい。（当然ですが、高学歴有能には当該チェックリストは不要ですので無視してください） それでは、チェックリスト形式で記載していく。 ✔自分が無能であることを認める（無能の知） ✔無能判定のために学生時代だに飲食バイトを行う（飲食バイトがこなせない→動作性IQが低い→勉強が出来ても無能の可能性が高い） ✔自分がどのタイプの無能であるかを深掘りする（単純に頭が悪い？勉強不足？経験不足？ADHD？ASD？） ✔自分に足りないスキ

^._.^ @012_shiro2 やっぱりハイブランドのバッグはかわいい。でもこのご時世お値上げもとんでもないし普通のOLがボーナスで買えるような相場でもないので、こんなバッグがあったら絶対売れるだろうな ・本革 ・日本製 ・10万円台 ・黒やグレージュ ・シンプルでロゴが目立たない ・他ブランドのパクリ感がない(重要) 2025-10-27 21:50:17 ^._.^ @012_shiro2 ・金具は控えめ(金具目立つと安っぽく見える) ・長財布や500mlペットボトル入るサイズ感 ・お手入れが楽、爪長くても傷つかない素材 ・できるだけ実店舗増やしてほしい実物見たい ・10〜20年使えるくらいの丈夫さ ・カジュアルにもきれいめにも合う ワガママすぎますがт  ̫ тこの条件揃えば完璧… 2025-10-27 21:53:15 ^._.^ @012_shiro2 あと20代が持ってもマ

こんにちは、インスタントラーメン大好き、フリーライターの沢木毅彦です。 袋めんタイプのインスタントラーメンを、週に5回は食べています。 うん十年も都内で一人暮らしをしていて、自宅デスクワークが大半のため、都知事に要請される前からステイホームの毎日。 そこで今回は長い独身生活で生み出した、食材のちょい足しで、袋めんをよりおいしく食べる方法を紹介します。とにかく簡単かつ、毎日食べても飽きない5食です。 使う具材は、まず安いこと。 リッチではない当方、袋めん本体も含めて1食100円以内を常に心がけています。 今回は外出自粛モードに従い、スーパーで1週間分をまとめ買いしました。なので、7日間保存できる物限定、傷みやすいモヤシなどは除外しました。 袋めんはどれも5個入りで1食35円～45円くらいのお安いものをチョイス。ちょっとの手間と工夫で、高価な袋めんと変わらぬうまさになります。 野菜の量はアバウ

男性向けに戻ろうかなと思ってる エロ漫画家とは言いつつメインの活動は一次創作の同人エロ漫画 昼間は普通に会社員やっているうえ商業誌もそんなに描いたことないからほぼアマチュアみたいなもんです で、ここ2年ほど女性向けの同人エロ漫画を描いているんだけどそのメリット・デメリットを語っていきたい 個人的には女性向けは正直もういいかなって感じている 女性向けエロ漫画のメリットとにかく金が稼げる これにつきる 俺は二次創作はあまりやらない やってもペラ1枚のファンアートを投稿するくらいの人間で基本は一次創作の同人エロ漫画しか描かない あくまでそのフィールドでの話だと思ってもらいたいんだがマジで男性向けに比べて女性向けは稼げる稼げる 男性向けやってた頃は10作品くらい投稿して合計で200万〜300万くらいしか稼げなかった 額で言えばそこそこだと思われるかもしれないがとはいえ5年くらいかけてこの額なので正

perlをWebAssembly上で動かすと何が嬉しいの？？？ / Where does Perl-on-Wasm actually make sense?

『袋麺データブック2』の校正作業を行っている。 私の初めての電子書籍『袋麺データブック』はAmazon KDP(Kindle ダイレクト・パブリッシング)という電子書籍を個人出版できる仕組みを使って出版した。紙の本を自費出版するには費用がかかり、書店に置いてもらうのも難しい。Amazon KDPなら無料で出版でき、Amazonで全世界に向けて販売することができる。 『袋麺データブック』を作った時は、慣れないため、無駄な作業が多くて苦労した。その経験を元に、Amazon KDP原稿の効率的な作り方について解説する。 1.原稿はWordで作れ。 最初は電子書籍の共通フォーマットであるEPUB形式に変換してからアップロードしようとしたのだが、図を多く含む文書ではレイアウトが崩れてしまい、うまく変換できなかった。 Wordを持っている人はWordで作ってそのままアップロードするのが一番簡単だ。持っ

絵を描く人 @Mo1HNumjeU45057 色は単独で存在するのではなくて、隣り合う色同士の関係性で決まることを意識すると色選びに迷わなくなるという話 pic.x.com/loAKLeUqX8 2025-09-16 19:54:02