日々

  • 非日常

    ここ数日で色々なことが判明し、しばらく非日常が味わえる予感がしています。

    慣れないことをする時は感情がジェットコースターになりがちなのですが、あとから思い返したらいい思い出になることが多いので、浮ついた心を上手に転がしながら過ごしたいです。

  • 今日は悲鳴を少し抑えられて良かったです。普段は絶叫なので

  • 表現

    同じことに取り組んでいても、表現のしかたでポジティブになったりネガティブになるなあと思いました。

    例えば、新しいことに挑戦する時とかに、「頑張らなきゃいけない」よりも「頑張りがいがあるな」という言葉を使ったほうが、未来の自分に優しい気がします。

  • 回避技

    スマホでショート動画やインスタを見ていると、気づいたら2時間経っちゃったりしています。

    これはいかんと思い、見れないようにするアプリを入れてみました。

    でもそういう時のパワーってすごくて、いかにアプリの禁則事項を回避して見るかに全力を出して、ついに見れるようになってしまいました。

    もう、スマホを閉じ込める箱を買います。

  • ダークモード

    tailwindCSSでダークモードをやってみよう!と思いたち、試行錯誤しています。
    v4なので、tailwind.cssに変数を上書きするだけで意外といけそう。

    tailwindは公式サイトがとても充実していてAIとの相性が抜群に良いので、悩む時間が少なくて助かります。

    自分のPC・スマホはすべてダークモードに設定しているのですが、検証のため久しぶりにライトモードに変えました。

    目がチカチカ。ひい~~~

  • NAIKA MC

    音楽家ってのはいいよな、何回死んでも何度でも生き返られる
    ビートが流れてそいつの顔が浮かんだら生きてるってことだろ

    刺さりました。

    年を重ねていくと、大事な人や憧れている人がいなくなってしまうことが増えてくるけれど、
    思い出すことで、その人は生き続ける。

    優しい人から先にいってしまうね。

  • 「ワイヤーフレームから完成デザインへ」を見て

    CSS Niteさんが開催されている「ワイヤーフレームから完成デザインへ『これがこう』のロジックを理解する 〜『Webデザイン&ワイヤーフレーム比較見本Book』出版記念 Part II(加藤千歳さん)」を見ました。

    すごい面白かった…!感想を箇条書きします。

    • ワイヤーフレーム前の「Story」やブランディング段階から、とても丁寧に作られていた。
    • 数も多くて整ってて、白黒なのに“完成形の気配”がある…。
      一枚のワイヤーに至るまでに、ここまで考え抜かれてるのか…と驚いた。
    • 「ワイヤーフレームを完成形と勘違いするクライアントもいる」という話に分かりみ。
    • 印象的だったのは、「斜めレイアウトをワイヤーで入れた結果、デザイナーの自由度が下がった」というくだり。
      ワイヤーで方向性を作りすぎるのもデザインの幅を狭めるから、情報設計をメインにしなきゃいけない。
    • 参考サイトの使い方の話も好きだった。真似ではなく、「この部分のニュアンスやエッセンスを取り入れよう」というスタンス。

    ワイヤー → デザイン → 完成形を見て、すごく素敵なチームなんだなあと思いました。
    「こういう変え方もアリなんだ!」という箇所が多く、きっと、ディレクターとデザイナーの信頼関係がしっかり構築されてて、コミュニケーションがとれてるんだな〜と羨ましく感じました。

    「実装編も見てみたいね」という話が出ていて、私も見たい~~と赤ベコになりました。
    デザインから実装へ移るとき、動きやぼかしをどうすり合わせているのか、の過程を見られたら最高だなと思います。

    良かったなあ。

    デザインって、やっぱり「チームで作るもの」なんだなあと改めて感じました。

  • style.css→tailwindへ

    ブログに書くほどではない備忘録。style.cssで直書きするのつらくなってきたのでtailwindへ変更。
    (間違ってるかもしれない…)

    前提

    • lism.cssとstyle.cssを使っていたけどバージョンアップで変数などが色々変わった
    • tailwindを学んでみたかったのでこれを機に変更

    ターミナル

    package.json作成

    npm init -y

    tailwind・関連パッケージインストール

    npm install -D tailwindcss@latest @tailwindcss/postcss

    postcss.config.jsを作成し、以下を挿入

    export default {
      plugins: {
        "@tailwindcss/postcss": {},
      },
    };

    package.jsonを調整(入力・出力先を変更)

    "scripts": {
      "build": "npx @tailwindcss/cli -i ./original2/src/tailwind.css -o ./original2/dist/style.css --minify"
    }

    スタイル、タグはgeminiにおまかせ…。
    一気に変えてもらったあとに、微調整をして最後にnpm run build。

  • 秋→冬

    あのねえ、急に寒くなったら困るんですよ。衣替えとかあるしねえ

    急に寒くなりました。
    季節の変わり時は自律神経が不安定になって、風邪を引いたり落ち込んじゃったりしますよね。みんな元気にしてますか。

    冬の好きなところもあります。
    フワフワの毛布にくるまって、だんだんまぶたが重くなる瞬間。
    アツアツのコーヒーをそっと口に運ぶ瞬間。
    クリスマスにはコンビニで小さいケーキを買って、こたつに入りながら食べます。

  • 【福岡の好きなところ】ふくレジ

    ふくおかの好きなところシリーズ描いていこうと思います

    ふくレジ。ゴミ袋としても使えるレジ袋。サイズ感がちょうどいい。

    私は普段、30〜45リットルのゴミ袋をよく使うのですが、量が少なかったり、生ゴミ用のときは小さめの袋を使います。
    これまでは、わざわざ15リットル用の袋を買っていました。

    でも、去年からその必要がなくなりました。
    ふくレジ!!!!!

    スーパーなどで買える、ちょうどいいサイズのごみ袋です。
    マイバッグを忘れてレジ袋を買うのもなんだかな〜という時に。

    去年から福岡市内で展開されたらしいんですが、これ考えた人、本当にありがとう!!

    しかもデザインもかわいいんですよね。
    調べたらイフクカズヒコさんという方のイラストみたいです。

    美しさも担保しながら、ごみ収集の時にちゃんと指定袋だとわかるようにデザインされていて、すごいなあ。

    https://www.city.fukuoka.lg.jp/kankyo/kateigomi/hp/fukureji.html

    ソラリアでライブペイントされてたんだ…!見たかった~~