Daisuke.Mori

Daisuke.Mori

PLATEAU XR & デジタルツインハッカソン2024に参加した話

PLATEAU XR & デジタルツインハッカソン20242024年10月6日〜10月13日まで大阪・福岡・鹿児島・出雲の4都市でオフライン同時開催のハッカソンイベント。 今回のテーマはPLATEAU XRとデジタルツイン。 イベントページ:  https://osaka-driven-dev.connpass.com/event/320755/ はじめに: ハッカソンの概要と参加動機参加を決めた理由や期待 ハッカソンイベントに久しぶり参加してみたく、イベントサイトで探し

Daisuke.Mori

    • ブロックテーマ構築 〜ヘッダーとフッターを作成〜 【WordPress】

      前回のブロックテーマ構築 〜theme.jsonを設定しよう〜から引き続き、このセクションではいよいよサイト構築の初期段階であるヘッダーとフッターを作成していきます。 まず、外観→エディター→パターン→テンプレートパーツを開きましょう。 テンプレートパーツ作成ヘッダー作成 まずはドキュメントの概観（以降便宜上レイヤーと呼ぶ）を開きます。 基本このレイヤーを開きながらサイト構築すると、DOM構造が分かって作業しやすいのでおすすめです。 段落の右の３点アイコンを開き、グル

      Daisuke.Mori

      • ブロックテーマ構築 〜theme.jsonを設定しよう〜 【WordPress】

        前回のブロックテーマ構築 〜ファイル確認編〜 に引き続きこのセクションではtheme.jsonを設定していきます。このtheme.jsonの設計がブロックテーマの肝となってくる作業になります。 エディターを開くまずWordPressの外観→エディター→テンプレートからインデックスページを開きましょう。 次に右上のスタイルマークに切り替えます。 主にsettingsオブジェクト内に設定したものがこちらに反映されることになります。 settingsでカラーとフォントを初期設

        Daisuke.Mori

        • ブロックテーマ構築 〜ファイル確認編〜 【WordPress】

          以前、ブロックテーマ構築 〜環境準備編〜の続きで、ダウンロードしてきたファイルを確認していきましょう。 ファイル構成fonts cssで読み込むフォントです。ブロックテーマで読み込む際は管理画面から読み込むのであってもなくても問題ありません。（独自ファイル） functions.php phpでいろいろ処理を実装したい場合に書きます。（独自ファイル） functions functions.phpを分割して入れています。（独自ファイル） js jQuery本体とJav

          Daisuke.Mori

        PLATEAU XR & デジタルツインハッカソン2024に参加した話

        Daisuke.Mori

          ブロックテーマ構築 〜環境準備編〜 【WordPress】

          ブロックテーマとはWordPress 5.9から WordPress エコシステムに「ブロックテーマ」が加わりました。ブロックテーマは、ブロックによる、ブロックのために構築された新しいタイプのテーマです。 従来のテーマ（クラシックテーマ）ではコードをベースにテーマ開発をしていましたが、ブロックテーマではWordPressの管理画面からページを構成して開発していく手法になります。 完成形をクローンして全体像を把握 以下リンクからマイグレーション用のエクスポートデータをダウン

          Daisuke.Mori

          ブロックテーマ構築 〜環境準備編〜 【WordPress】

          Daisuke.Mori

          【マスべ式】 Webデザイン作成術

          本日2021年2月13日、AdobeXD ユーザーグループ広島のオンラインイベントにてWebデザイナーのマスベサチさんが大変有意義なWebデザインの作成術についてライブデザインで披露してくれましたので、書き留めておこうと思います。 初心者にはぜひ見て欲しい内容となっています。 登壇者Twitter https://twitter.com/masube_sachi ユーザー名: @masube_sachi　ツイッター名: マスベサチ＠デザイナーさん ※写真は本人Twitte

          Daisuke.Mori

          【マスべ式】 Webデザイン作成術

          Daisuke.Mori

          【まとめ】毎日ロゴ ~Daily logo~

          365日毎日午前中に「今日は何の日」のロゴをつくって公開していきます。上へ上へと更新していきます。 これから毎日つくって習慣化を目指す。 基本は30分でネタ収集〜制作まで（長くても1時間）を目標。 クオリティよりも発想力とスピードを強化が目的。 vol.365 9/22「365日」 vol.364 9/21「中秋の名月」 vol.363 9/20「空の日」 vol.362 9/19「育休を考える日」 vol.361 9/18「歯ヂカラ探究月間」 vol.360

          Daisuke.Mori

          【まとめ】毎日ロゴ ~Daily logo~

          Daisuke.Mori

          【新人デザイナー必見】DTPデザインデータを作る際に気をつける7つのこと

          Profile森 太 佑　Daisuke Mori 1982年4月15日 兵庫県淡路島生まれ 現在、神戸・三宮在住 私自身このDTPデザイン業界に10年以上経験しており、 その中で今まで起きた体験をベースにこのコンテンツを制作いたしました。 実務現場ではかなりあるあるな内容なのでお役に立てると幸いです。 Skill DTPとWEBデザイン（コーディング含む）両方できるのが強みです。 【最近のプログラミング事情】 ほぼReactで個人開発してます。 Twitter

          Daisuke.Mori

          【新人デザイナー必見】DTPデザインデータを作る際に気をつける7つのこと

          Daisuke.Mori

          「ダサい」で話題になった阿部 寛のサイトをリデザインしてみた話

          　俳優の阿部 寛のオフィシャルサイトがダサい・Webサイトが世に出てきた頃のデザインだというのは有名な話で、ただこのサイトはやたらページスピードが速いという点においても今も話題に上がっている（HTMLだけで組まれているからそりゃ速いわなwww）。 　まず前提として私の考えを述べておくと、阿部 寛のおしゃれかっこいい感じとこのダサいデザインのギャップで世間に話題を生んでいるのはいうまでもないことで、これに関してはデザインの目的をしっかり果たしているので、ある意味正解なんじゃな

          Daisuke.Mori

          「ダサい」で話題になった阿部 寛のサイトをリデザインしてみた話

          Daisuke.Mori

          Adobe XD製 2020 UI Design Neumorphism【作り方伝授】

          Neumorphism(ニューモフィズム)とは 「新しいスキューモーフィズム」を謳う“Neumorphism” というデザインが最近一部で提唱されているようです。 下記のようにボタンやカードなどの要素が凹凸で表現されていて、明るい影（光）が落とされているのが特徴です。それによってボーダーや塗りを使わずに要素の形状を表すことができるのでよりシンプルに表現すること可能です。 凸デザインと凹デザイン、この2個覚えておけばOK 凸凹ボタン2点の作り方を解説いたします。基本的にはこ

          Daisuke.Mori

          Adobe XD製 2020 UI Design Neumorphism【作り方伝授】

          Daisuke.Mori