グローバルナビゲーション

去る3月下旬、ブログカスタマイズをするんだ！と目標を掲げました。具体的にはヘッダーの下に、階層があるカテゴリーをつくるというもの。 books-limelight.com 月末に締め切りを設けたはずが、やってしまった…もう４月だ。ソシャゲのエイプリルフールイベントで気がつく。 高らかに宣言した時に限ってこういうことをしてしまう。すみません、わたしは割とこういうやつなんです。それでは面の皮を厚くして、成果発表していきます。 なんとかできた。機能面の目標達成！ はてなのブログテーマを変えた 参考になった本は意外にも ブログレイアウトで「やりたい」が出てきた喜び ブログで自分の総合プロデュース力を鍛…

グローバルメニューのデザインをカスタマイズしました。 自分の思うようなデザインにするために、参考にしたCSSのコードを一つ一つ調べたので備忘録にまとめました。 グローバルメニューをカスタマイズ デザインを選ぶ CSSをコピペする HTMLとjQueryをコピペする 色を変える 備忘録：グローバルメニューのCSS 一階層目（親リンク部分） グローバルメニューの土台部分：#menu グローバルメニューの親リンクをのせる部分：#menu-inner 親リンクのデザインをする部分（1か所目）：#menu-content 親リンクのデザインをする部分（2か所目）：#menu-content > li 親…

数日前から適用していますが、グローバルナビゲーションのデザインを大幅に変更してみました。自分のブログに適用しているのは「Silence」というデザインテーマで、このデザインテーマの追加カスタマイズとしてグローバルナビの設置が可能です。Silenceで用意されているカスタマイズなので、手順に従うだけでお手軽にグローバルナビが設置できます。 当初はこれで満足していたのですが、徐々に自分なりのカスタマイズをしていくうちに全部イチからグローバルナビを作成したくなりました。ということで、イチから作成した内容が今回の記事となります。それではサクッと本題へ。

数日前から、スマホ版のグローバルナビゲーションを変更しています。 前はヘッダーに配置していたのですが、フッターに移動しました。これはCSS、HTML、JavaScriptを追加適用することで実現しています。なんとなく、スマホを手で持った時の親指の位置的に、フッターにメニューがあった方が操作しやすいなと思っています。なのでネットで調べて、自分のブログにも適用してみました。今回はその適用内容や手順について、アレコレ書いていきます。

シンプルな1カラムテーマ「forget me not」をはてなテーマストアに公開しました。 forget me not - テーマ ストア 3カラムに見えるのは、ブログタイトル＆プロフィールが固定表示だから。ちょっと変わったつくりにしてみました。 なお、今回もサンプルサイトはございません。ご了承ください。 デザイン PC (961px～) スマホ (～960px) テーマ「forget me not」のポイント シンプル ブログタイトル＆プロフィールの固定表示 (PCのみ) レスポンシブ対応 背景色カタログ アリスブルー ピスタチオ アプリコット 桜色 いちご カシス ショコラ ミルキーホワイ…

こちらの記事で押さえておきたいWebデザインの基礎知識・チェックポイント・おすすめ情報などをご紹介します。ぜひ、ご活用ください。 執筆者の紹介 Webデザインの基礎知識 Webサイトの事業上の役割やその優先順位を明確にする Webサイトのコンセプトメイク Webサイトの集客（ターゲティング） Webサイトに必要なデザイン機能 Webサイトのマーケティング戦略（ロードマップ） WebサイトのPDCA Webデザインのチェックポイント Webサイトにおける視線の流れの法則性を利用する 余白を意識的に活用する レイアウト・カラーリング・フォントなどのデザインルールを決める 「近接」「整列」「反復」「…

はじめに ちゃんとしたサイトだとグローバルメニュー（グローバルナビゲーション）に検索欄がついていたりするじゃないですか。 うちのブログでいうとこういうの。 羨ましいなーかっこいいなーと思いながらがちゃがちゃいじっていたら、なぜかできてしまいました（？？？） 注意 筆者にHTMLやCSSの心得は全くありません。有識者ではないです。 本当にという言い方が正しい内容になります。きちんとした有識者からしたら、なにやってんのこいつとなること請け合いなのですが、 グローバルメニューに検索欄をつける方法はさくっとGoogleで調べたところ見当たらなかったので、誰かしらの役には立つのかもしれないと思い執筆して…

前提 Next.jsとmicroCMSを使用し、数百ページのWebサイトを構築している App Routerは使用していない（Next.jsの採用時にApp Routerがまだ正式採用されていなかったため） ISRも使用していない（業務要件の兼ね合いから使っていない） Amplify上で、SSGして静的サイトを構築している 課題 ページ数が増えることで、ビルドのパフォーマンスが気になってきた 当初から想定していたが、想定よりも遅いことが気になってきた microCMSの簡単なデータ構造 microCMSでは下図にある通り、各ページからヘッダーとフッターのデータを参照している。また、ヘッダーとフ…

1 エグゼクティブ・サマリー 2 序文 2.1 概要 2.2 ステークホルダー 2.3 調査範囲 2.4 調査方法 2.4.1 データマイニング 2.4.2 データ分析 2.4.3 データの検証 2.4.4 リサーチアプローチ 2.5 リサーチソース 2.5.1 一次調査ソース 2.5.2 セカンダリーリサーチソース 2.5.3 前提条件 3 市場動向分析 3.1 はじめに 3.2 推進要因 3.3 抑制要因 3.4 機会 3.5 脅威 3.6 技術分析 3.7 エンドユーザー分析 3.8 新興市場 3.9 コビッド19の影響 4 ポーターズファイブフォース分析 4.1 供給者の交渉力 4.2…

株式会社スタンバイでデザイン・フロントエンドを担当している中本です。 スタンバイではオウンドメディアとして「スタンバイplus」（https://jp.stanby.com/magazine/）があります。 スタンバイplusでは、仕事において自分は何ができるか？私なんかでもこんなことができるんだ！という気づき・情報の提供を意識し活動をしております。 トップページのデザイン一新の背景 トップページは我々のサービスを理解するための重要な窓口と考えています。 しかし、現状スタンバイplusでは記事から入って来られる方が多いこともある為か、ただトップページが存在するだけの状態となり「トップページから…

中国は世界をリードする電気自動車（EV）産業を通じて自律型AIの主導権を握りつつあり、世界的な技術的・経済的優位への道を切り開こうとしている。 Scott Foster Asia Times July 29, 20242015年、中国政府は「メイド・イン・チャイナ2025」として知られる戦略的産業発展政策を発表した。対象となった10の主要産業のうち、新エネルギー自動車（NEV）は間違いなく最大の成功を収め、世界の自動車産業のダイナミクスを変え、米国と欧州の政府を徹底的に警戒させている。中国の超競争的な電気自動車（EV）産業を支える技術に、欧米の覇権に対する前例のない挑戦があると見ている。パター…

はてなブログは知識ゼロでも手軽に整ったブログサイトを作れる優秀なプラットフォーム。 それでいて、コードを追加することでカスタマイズできるという自由度の高さ。 自分好みに機能を追加したりデザインを変えたり、超楽しい！！ このサイトをカスタマイズするのに参考にさせていただいたサイトをまとめました。 カスタマイズたち エセトップページ グローバルメニュー 目次デザインカスタマイズ 目次開閉 上に戻るボタン 記事埋め込みカスタマイズ かんたんリンクのカスタマイズ ブログカード変更 検索欄 表をスクロール可能に まとめ カスタマイズたち エセトップページ 最新記事が並んでいるだけの無料版はてなブログのト…

「はてなブログ」のデザインやレイアウトを整えたいと考えている方へ向けて、今まで私が紹介してきたWebデザインの「ブログカスタマイズ集」をまとめました。 ブログのサイトの見た目は「ユーザーの滞在率」や「直帰率」などにも影響し、SEOの観点からもとても大切です。 「デザインCSS」と「HTML」を制する者がサイトレイアウトを制します。色や配置、形、文字など工夫次第で色々な設定ができ、コードの内容がわかってくると楽しいものです。 今回ご紹介するカスタマイズ方法はすべて無料で実装可能なカスタマイズです。中でも厳選して、「HTML」「CSS」のプログラミングコードを使用するものを中心にまとめています。 …

​_ 今回は、実際に無料版のはてなブログで月間7～10万のアクセス数を維持し「ブログ副業」をしている私 (@redo5151)が「はてなブログ」で収益化をする方法として、アフィリエイトに向けた事前準備やおすすめ大手アフィリエイトサービスを５つ厳選して紹介します。 現在、日本の平均年収は約30年間増えておらず、一方で物価は上がる一方です。そんな中で、本業とは別のカタチで収入を得る方法として「副業」も流行ってきています。その手段の一つとして、どこでも気軽にパソコン一つで始められる「ブログ副業」が挙げられます。 ブログの一番のメリットとしては、維持費用が安く、無料版はてなブログであればタダなので、…

1.会社概要 QYResearch（QYリサーチ）は2007年に設立され、米国ロサンゼルスに本社を置く市場調査およびコンサルティングの専門会社です。米国、日本、韓国、中国、ドイツ、インド、スイスの7カ国にオフィスを構え、グローバルなクライアントに地域密着型の市場調査サービスを提供しています。世界100カ国以上で事業を展開するQYResearchは、お客様に最高品質のサービスと、あらゆる言語に対応した正確で信頼性の高い情報サポートを提供することをお約束します。 2.サービス範囲 QYResearchは市場調査、業界分析、データ予測、カスタムリサーチサービスを提供する会社です。豊富な経験と正確なデ…

インターフェースデザインのベストプラクティスとパターンをまとめた「Designing Interfaces: Patterns for Effective Interaction Design」を読んだので内容をまとめる。Jenifer Tidwell著のこの書籍は、効果的なインタラクションデザインを実現するための具体的なデザインパターンや原則を紹介しており、デザイナーや開発者がユーザーフレンドリーなインターフェースを構築する際に役立つ。以下の内容は、ほとんどClaude3.5 Sonnetを使用して作成している。目次 第1章: 人を中心に設計する 文脈 目標 リサーチ パターン 第2章: コ…