きりん / Giraffics Works

10年弱ぶりにWebクリエイターの活動に戻ってきました。コーディングが大好きですが、デザインも大好きで、UIも大好きです。全部自分でできるようになりたいと奮闘しています。

きりん / Giraffics Works

10年弱ぶりにWebクリエイターの活動に戻ってきました。コーディングが大好きですが、デザインも大好きで、UIも大好きです。全部自分でできるようになりたいと奮闘しています。

最近の記事

  • 固定された記事

シングルマザーの私に、認知科学が教えてくれた、自分と向き合う力

こんにちは。 きりんです。Webクリエイターをしています。 「自分の気持がわからない」 「なりたい自分がいるのに、もどかしい気持ちを持っている。」 「日々に虚無感がある」 こんなことを思ったことは有りませんか? この度、新しい世界に足を踏み入れる事になりました。 「認知科学」という学問です。 今回の記事は「認知科学」とはどういうものなのか、そしてそのスクールの話。そして、スクールに入学を決めた今の私の話です。 ”認知科学”ってなに?一言で言えないような深く、広い分野で

    • selectのoptionで、選択したときに色を付ける方法

      こんにちは!大変お久しぶりでございます。 Giraffics Worksのクリエイティブディレクターのきりんと申します。 現在、Web講師もさせていただいております。 覚書も含めて投稿です。 メールフォームを作るときに使う、selectを使ったドロップダウンボックスですが、これに色をつけたい。と生徒さんから相談がありました。 <select id="mySelect"> <option value="">選択して下さい</option> <option value=

      • 認知科学に基づいたコーチング:自分らしい人生を歩みたいあなたへ

        こんにちは。 きりんです。Web制作やWebコンサルタントをしています。 普段はシングルマザーで1児の母(9年生)をしています。 現在、Webとは別に、認知科学に基づいたコーチングについて学びを深めています。 「自分の人生に迷いがある。」 「なんとなく生活してる。」 「自分の気持ちがわからない」 「日々に虚無感がある」 「このままでいいのか、と自分に問うことがある。」 そんな人には特に聞いてほしいお話です。 「なりたい自分がいるのに、もどかしい気持ちを持っている。」 「も

        • 実践・体感したシングルマザーの話:嫌いな自分を愛するWant toの本質

          こんにちは! きりんと申します。Webクリエイターをしています。 今、私は”認知科学”という学問を学んでいます。 詳しくは前回の記事を御覧ください。 今回の記事は、主に開講初日で学んだことについての覚書です。 でもそれだけじゃ面白くないので、 ”認知科学”に少しでも興味を持っていただいた方 「今の人間関係を改善したい」 「自分の事を好きになりたい」 と思う方のチカラに少しでもなれたらと思い、実践できる内容も記載しました。 講義初日の前日に飛び込んできた校長の言葉で、

        • 固定された記事

        シングルマザーの私に、認知科学が教えてくれた、自分と向き合う力

          「デザインに悩むWebクリエイターが読んでほしい一冊 - 『アイデアの作り方』から得た救い」

          まえがきこんにちは きりんです。Webクリエイターとして活動しています。 8,9年ぶりにこの業界に復帰しましたが、 ITの世界は進歩が早く、まさに浦島太郎の気持ちがわかる現状です。 ただそんなところは、これまでしてきたように、勉強を再度頑張ればなんとかなります。 逆にいろいろな発見があったり、以前はわからなかった部分が理解できるようになっていたり… 私、おとなになったな…!と感じることもたくさんあり、面白い毎日です。 おすすめの一冊そんな大人になった私ですが、 以前から苦

          「デザインに悩むWebクリエイターが読んでほしい一冊 - 『アイデアの作り方』から得た救い」

          Figmaのショートカット等覚書一覧

          こんにちは。 きりんです。Webクリエイターとして活動しています。 新規案件を機に、Figmaを使って制作をしてみることにしました。 XDがFigmaを吸収して半年ほど経ったので、そろそろ慣れておきたい…。 XDもそもそも触ったことなかったんですけどね! 10年弱ぶりにWeb業界に戻ってきたらXDやFigmaやそんなことなってて追いつくのに必死です。 動作環境:mac M1 + デスクトップタイプFigmaアプリ ショートカット覚書ちょっと触るたびに、ああ、大好きなイラ

          Figmaのショートカット等覚書一覧

          Wordpress外で新着記事を反映する #Wordpress

          こんにちは。 きりんです。Webクリエイターとして活動しています。 今回は、タイトル通り、Wordpress外で新着記事を反映しよう!という試みです。 Wordpressを更新記事としてのみ使い、メインのindexにベタコーディングしたページを使用しています。そこにPHPを組み込みました。 .htmlにPHPを反映させる方法 Wordpressのデータを読み込むための一行<body>直下、または使いたいPHPの直前に下の一行を組み込みます。 <?php include

          Wordpress外で新着記事を反映する #Wordpress

          .htmlでPHPを反映させる #Wordpress

          こんにちは。 きりんです。Webクリエイターとして活動しています。 Wordpressの覚書です。 今回は、Webの更新が楽にできるように、下層記事をWordpress、 indexはテーマに依存しないデザインにするため、独自で制作したindex.htmlを使用します。 ただし、更新情報などはindex.htmlに載せたいため、一部にPHPを組み込みたいと思い、調べました。 動作環境:ロリポップ(ハイスピードタイプ) / Macbook Air M1 .htmlでPH

          .htmlでPHPを反映させる #Wordpress

          index.htmlとindex.phpを共存させる #Wordpress

          はじめまして。 きりんです。Webクリエイターとして活動しています。 Wordpressを10年弱ぶりに触っているので、覚書です。 今回は、Wordpressを記事として使用し、index.htmlの静的なWebページをメインで使いたかったため、index.htmlとindex.phpが同じ階層にあっても喧嘩しないかどうかが不安で調べました。 index.phpを消してしまうとWordpressが動かなくなる。既存のテーマを使っているので、index.phpを書き換える

          index.htmlとindex.phpを共存させる #Wordpress