*サイト設計の検索結果1 - 14 件 / 14件

• あとで読む

  ブログ初心者が、SEOに強いブログのサイト設計を作る方法。 - スムージーピュアライフ

  • 60 users
  • shotalovebooks.hatenablog.com
  • 暮らし
  • 2020/07/12

  どーも、Shotaです(^^)/ 長期間、ブログを書いている人の悩みに閲覧数の伸び悩みがあります。 特にGoogleからの流入が少ないことに、課題を持っている人は多いのではないでしょうか？ Googleからの検索順位を上げるには、SEOに強いサイトや記事にしなくてはなりません。 SEOとは検索エンジンの最適化です。 つまり、特定のキーワードで検索された場合の検索結果で、自分のサイトのページを上位に表示させるように、ページやサイト、さらにサイト外の要因を調整することです。 SEO強化にはコンテンツ内容と同じくらいに、サイト設計をきっちり行うことが重要です。 サイト設計とは、ブログを立ち上げる際の「設計図」を作ることです。 出典　mana blog https://manablog.org/seo-architecture/ 今回はトップブロガーのマナブさんから、SEOに強いサイト設計の方法を

  
• あとで読む

  【アフィリエイト初心者向け】ブログのサイト設計の基礎を徹底解説 - キラッとはてログ

  • 12 users
  • poyaran.com
  • テクノロジー
  • 2021/08/16

  こんにちは♪ はてなブログ大好き、ポヤラです！ はてなブログでうまい棒5千本分の収益を目指して奮闘中です♡ ■うまい棒プロジェクト■ これまでの経緯はこちらです↓ 目指せ！5000本！！【うまい棒プロジェクト】 サブブログは開設したし、ブログジャンルを決めたし、いよいよ記事を書きましょう。 ちょっと待って〜！！ポラヤさん、サイト設計はしたの？ 特化型ブログを始めるなら、最初にサイト設計をしなくちゃ！！ サイト設計？？なにそれ？？どうやるの？ 【サイト設計とは】 誰にどうなって欲しいブログなのか どのような記事を書くのか どのようにリンクを貼るのか など、全体像をはっきりとイメージしながらブログの骨組みを作る作業。 なんだか面倒くさそう…！ 細かいことは記事を書きながら考えればいいんじゃない？ 最初にしっかりサイト設計をした方がブログ運営はだんぜん楽になるよ。 しかもブログ全体が一貫していて

  
• あとで読む

  FLOCSSベースのサイト設計 - 破綻しないルールを決める

  • 9 users
  • yumegori.com
  • テクノロジー
  • 2020/05/20

  基本となるBEM設計について BlockとElementはアンダーバー２つ、ElementとModifierはハイフン２つで管理します。アンダーバー１つや大文字を使ったキャメルケース系のクラス名は使いません。以下の例ではheader（Block）、inner（Element）、center（Modifier）になります。 例） header__inner--center クラス名が長くなってしまう場合はハイフン１つで繋ぎます。以下の例だとlogo-setで１つのElementになります。 例） header__logo-set またElementからElementと繋げることは禁止です。必ずBlockから直接繋がっている必要があります。Modifierは直接ブロックにも繋がることができます。 例） NG：header__inner__ttl OK：header__ttl 接頭辞（プレフィッ

  • プログラミング

  
• あとで読む

  Sassで@useと@forwardを使ったサイト設計 - @importから切り替える手順

  • 9 users
  • yumegori.com
  • テクノロジー
  • 2021/08/11

  今回はSassの@useと@forwardを使ったサイト設計について説明します。 前提条件 非推奨予定の@importは使わない@useと@forwardを使ったDart Sassを採用 説明環境は以下 macOS Catalina v10.15.5Visual Studio Code v1.57.0 今後は@importを使ったファイルの読み込みが非推奨になるため、@useと@forwardを使ったDart Sassに切り替える必要があります。 @importは遅くとも2021年10月1日には非推奨@importは遅くとも2022年10月1日にサポート終了 さっそくFLOCSSのファイル構成を使って@useと@forwardの使い方を説明していきます。FLOCSS構造やサイト設計については以下を参考にしてみてください。 |_sass/ |- global | |- setting/（変数

  • Sass
  • css
  • プログラミング
  • dart sass

  

*サイト設計の関連エントリー

• 

  自律的にプログラミングをするAIエージェント「Jules」、Googleが発表。人間がタスクを与えると実装計画を作成、コードの生成や変更、バグフィクスなどを実行

  100 users
• 

  JR東、「積雪発電」を社会実装　青森で世界初

  81 users
• 

  「テクニカルライティング」で、伝わる文章を書くコツ - トラストバンクテックブログ

  57 users
• 

  【開発効率爆上がり】すべてのエンジニアが必ず見るべき16のウェブサイト - Qiita

  51 users
• 

  生成AIで自動テストを楽に作りたい！ - Tabelog Tech Blog

  52 users
• 

  関数型まつり：新たな関数型プログラミングのテックカンファレンスを開催します！ - 関数型まつり運営ブログ

  62 users
• 

  マスク氏の純資産、人類初の60兆円超え

  161 users
• 

  システム障害を素早く解決するための考え方・工夫について - Uzabase for Engineers

  44 users
• 

  バイオインフォマティクス研究者の岩崎渉氏、突然のサイト閉鎖から8カ月経った現在の心境を語る

  16 users
• 

  一般的なPCで瞬時にAI画像生成が可能なモデル「NitroFusion」のデモ版がリリース／Huggin Faceで体験可能、コンシューマーグレードのグラフィックカード1枚で動作可能

  84 users
• あとで読む

  PC版「マイナポータル実証ベータ版」が提供開始 ～Edge、Chromeからもログイン可能に／マイナポータルのサイト設計や表現を見直した、実証中のWebサイト

  • 7 users
  • forest.watch.impress.co.jp
  • テクノロジー
  • 2024/01/06

  • マイナンバー
  • browser
  • pc
  • *あとで読む

  
• あとで読む

  IA（情報アーキテクチャ）とは？基礎基本からサイト設計時の利用法までやさしく解説 | 株式会社ニジボックス

  • 5 users
  • blog.nijibox.jp
  • テクノロジー
  • 2021/09/27

  IAとは情報アーキテクチャの略語で、分かりやすいWebサイトを作るのに欠かせません。 この記事では、IAについての基本的な知識を解説します。 また、IAを通して「良いWebサイト制作とは？」についても紐解いていきたいと思います。 ぜひ、最後まで読みながら、みなさんも一緒に考えてみてください。 IA（＝情報アーキテクチャ）とは？ IA（Information Architecture＝情報アーキテクチャ）とは、「情報を整理しユーザーに分かりやすく伝える・ユーザーが情報を探しやすくする」ための手法のことです。 少々あいまいで概念を捉えるのが難しい言葉ですが、ここではざっくり「部屋の整理整頓のようなもの」と理解しておきましょう。 散らかった部屋を片付けて、どこに何があるか分かる状態にするのと同じように、情報を分かりやすく設計するのがIAです。 アーキテクチャとは、もともと「建築物」「建築様式」を

  • ui

  
• あとで読む

  【実例有り】ブログ（アフィリエイト）のサイト設計のやり方を初心者向けに４STEPで解説！｜hitodeblog（ヒトデブログ）

  • 4 users
  • hitodeblog.com
  • 世の中
  • 2021/07/17

  ブログで生きてます。ヒトデです hitodeblogでは、最高月収2500万円を稼いだ経験のあるプロが、 「ブログの始め方」を何処よりもわかりやすく、初心者でも全く問題ないように解説します

  
• あとで読む

  Figmaで完結する！Webサイト設計の流れ - クモのようにコツコツと

  • 4 users
  • www.i-ryo.com
  • テクノロジー
  • 2021/07/09

  Webサイトのデザインや設計を行うとき、昔は工程によっていろんなツールを使い分けていました。今はそれを（私の愛してやまない）Figma一つでブラウザ上だけで完結できます！ 【目次】 私の愛してやまないFigma Webサイトの制作フロー ヒアリング（オリエン） 要件定義 サイトマップ ワイヤーフレーム デザインラフ デザインカンプ プロトタイプ フローチャート 実装段階もシームレスに 最後に 私の愛してやまないFigma 私の愛してやまないデザインツールFigma、ブラウザ完結のツールです。このブログ上の図もほとんどFigmaで作っています！ ※参考：Figma: the collaborative interface design tool. 操作感はAdobe XDなんかと似た感じです。イラレのようにベクターデータのパスを描ける！ ※参考：4-5. ペンツールと鉛筆ツールの使い方 |

  • Figma

  
• あとで読む

  アフィリエイトブログのサイト設計図の作り方とは？ - ブログ起業の教科書

  • 4 users
  • zoomy01.com
  • 世の中
  • 2022/08/30

  サイト設計図（ブログ設計図）とは、これから作るブログのコンセプトやテーマ、記事ネタなどを一覧表にしてまとめたもののことです。 ブログ初心者の多くはサイト設計図を作らずにブログを書き始めますが、それでは稼ぐのは難しいので注意してください。 この記事ではブログ初心者向けに、次の２つを解説します。

  
• あとで読む

  ブログ初心者が、SEOに強いブログのサイト設計を作る方法。 - スムージーピュアライフ

  • 4 users
  • www.choiikemen.net
  • 暮らし
  • 2020/07/12

  どーも、Shotaです(^^)/ 長期間、ブログを書いている人の悩みに閲覧数の伸び悩みがあります。 特にGoogleからの流入が少ないことに、課題を持っている人は多いのではないでしょうか？ Googleからの検索順位を上げるには、SEOに強いサイトや記事にしなくてはなりません。 SEOとは検索エンジンの最適化です。 つまり、特定のキーワードで検索された場合の検索結果で、自分のサイトのページを上位に表示させるように、ページやサイト、さらにサイト外の要因を調整することです。 SEO強化にはコンテンツ内容と同じくらいに、サイト設計をきっちり行うことが重要です。 サイト設計とは、ブログを立ち上げる際の「設計図」を作ることです。 出典　mana blog https://manablog.org/seo-architecture/ 今回はトップブロガーのマナブさんから、SEOに強いサイト設計の方法を

  
• あとで読む

  書けば書くほど上がる「禁断のキーワード選定・サイト設計」

  • 3 users
  • blogger-no-mori.com
  • テクノロジー
  • 2022/07/30

  ・月間1000万PV超えサイト複数・法人向けコンサル月額60万~100万円の実績に基づいたSEOのノウハウがわかる ・間違った方向で記事を書き続けることがなくなる ・書けば書くほどPVと収益が増える ・記事数に対する成果のリターンが10倍~100倍にもなる ・余分な記事を書くことがなくなる ・「キーワード選定してるつもり」がなくなる ・「SEO対策してるつもり」がなくなる ・SEOの要点を抑えた必須かつ効率的なブログ運営がわかる ・理解しなくても機械的に実践可能な㊙︎の戦略もガッツリ解説

  
• あとで読む

  ワイヤーって何？　要件定義では、いったい何を定義しているの？｜Step 2-7 サイト設計書の作成③ワイヤー・要件定義書 | Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー | Web担当者Forum

  • 3 users
  • webtan.impress.co.jp
  • テクノロジー
  • 2021/06/30

  • web

  
• あとで読む

  【マインドマップ】ブログ収益化のサイト設計におすすめなマインドマップ『EdrawMind』の使い方と活用術 - redoブログ

  • 3 users
  • redo5151.hatenablog.com
  • 政治と経済
  • 2022/04/23

  ブログを収益化するうえでサイト設計のためにおすすめしたいマインドマップツール「EdrawMind(エドラマインド)」を紹介したいと思います。 例えば新しい事を覚えるのが苦手、今までになかったアイデアや解決策を思いつくのが難しい、と感じている方は、もしかしたら効率的な思考をできていない可能性もあります。そんな方へはマインドマップで見える化することがおすすめです。 私も普段の業務でいきずまった時や、頭の中の考えを整理したいときにマインドマップを使うことがあります。 もちろんブログのサイト設計のためだけでなく色々な使い方ができます。 それでは「EdrawMind（エドラマインド）」を使ったマインドマップについて紹介していきたいと思います。 マインドマップとは マインドマップとは、人間の脳の仕組みに合った発想や思考法になります。書き方を習得すれば、記憶力や発想力を高める効果が期待できます。 マイン

  
• あとで読む

  埼玉新聞社様「高校受験ナビ」サイト設計・デザイン等 | 埼玉県さいたま市のWeb制作・コンテンツマーケティング会社｜SSC

  • 3 users
  • ss-complex.com
  • 学び
  • 2021/01/12

  サイト概要 クライアントについて 事業：新聞社（編集・発行） 業界・業種：新聞・書籍・雑誌などの出版社 サイトについて サイト名：埼玉新聞社 高校受験ナビ サイトの種類：サービス・ブランドサイト プロジェクト期間：約3ヶ月 サイト公開日：2020年11月末 受注の経緯 Web検索経由で当社サイトに到達し、メールフォームにてお問い合わせをいただきました。コンペ形式でほかに2社の提案がありましたが、当社の提案内容を評価いただき、無事受注に至りました。 お客様のご要望・思い お客様のご要望 全国規模の高校情報サイトは数多くあるが、画一化されたものばかりで内容が薄い 埼玉県内の高校受験情報を網羅したサイトがあれば、埼玉の受験生や親御さんたちが学校について調べる手間を大幅に軽減できるのではないか 地元メディアならではの情報網と蓄積された知的財産を生かして濃密な地域情報を掲載し、埼玉に根付いたサイトに