なぜHTMLだけなのか。拙著「武器になるHTML」の執筆を通して伝えたかったこと - Shibajuku
こんにちは。 いつも通りのパーマをかけたらトイプードルみたいになった、どうも柴田です。 さてさて、昨年の11月26日に技術評論社さんより「武器になるHTML」というHTMLだけに特化した初学者向けの書籍を出版させて頂きました。 この記事を読んで下さっている方の中にも、すでに本書をお持ちの方もいらっしゃるかもしれませんね。 ご購入頂きありがとうございます！ ひょっとしたら、もう読み終えられた方もいらっしゃるかもですね。 ということで、本書が発売されて半年近く経ちますが、今更ながら、この本をどういう想いで書いて、どんな方に読んで頂きたいのかについて書いてみたいと思います。 目次 初学者の方に向けたHTMLだけの424ページ「とりあえずこう書いておきましょう」は、ありません一人でも多くの人が利用できるWebサイトを構築するために学校やスクールの先生が教科書としても使いやすいように中級者になっても
【2022年3月版】文章・画像を引用する時のHTMLの書き方｜SEO基礎 ｜ TK-CREATE
自分のウェブサイトに外部サイトの情報を記載するときには、引用タグを使う必要があります。当記事は、その記述方法を解説したものです。 対象読者は、テキストエディタを使ってHTMLをコーディングする方です。 筆者：タケヨシ ホームページに関する仕事をしています。今年で10年目。現在はフリーランスで働いています。 ホームページに関する困りごとがあればご相談ください。 »»» 相談する 当記事で紹介するHTMLについて 情報源：WHATWG 当記事は『WHATWG』の情報をもとに作成したものです。 ↓ WHATWG の説明 WHATWG (Web Hypertext Application Technology Working Group) はウェブ標準の保守や開発を行うためのコミュニティで、 DOM, Fetch, HTML などを扱っています。 Apple、Mozilla、Opera の従業員た
無料SEOツール「SEO ZERO」リリース！有料級の豊富な機能を搭載
無料SEOツール「SEO ZERO」リリース！有料級の豊富な機能を搭載〜内部分析・検索順位確認など簡易SEO施策はこれ一つで完結～ 約1,700社のWebマーケティングを支援中の株式会社Faber Company（ファベルカンパニー／本社：東京都港区、代表取締役：稲次正樹、古澤暢央）は2022年11月16日（水）、無料SEOツール「SEO ZERO」の提供を開始したことをお知らせいたします。「競合分析」や「被リンク・検索順位の確認」、「テクニカルSEO」など簡易的なSEO施策に必要な機能を、無料でご利用いただくことが可能です。 ▼「SEO ZERO」を無料ではじめる：https://seo-zero.com/ ※利用ポイントを大幅増量中！ 会員登録いただくと、月額利用のポイント枠が増加します。今ならリリースを記念し、ポイント大幅増量中です。また、別の方を招待いただくと、ポイントを増量する
【重複コンテンツ】WEBサイトのコンテンツを丸々コピーされた時の対処法【コンテンツSEO】 - ロカオプメディア
１.はじめに コンテンツSEOとはユーザーの検索に沿った良質な記事やBLOGなどのコンテンツを発信し、自然検索流入を増やす施策です。 以前は被リンクなどの外部施策や正確なコードを書く内部施策がSEOで最も効果的とされていましたが、近年は「ユーザーが本当に知りたい情報があるサイト」「ユーザーが検索したキーワードの関連が高いサイト」が上位表示される傾向にあります。 その為、良質なコンテンツをWEBサイトに積み上げていくことはSEOを考える上で必須と言えます。 しかしせっかく積み上げた良質なコンテンツが丸々コピーされ盗まれてしまう場合もあります。 今回はコンテンツを「コピーされる問題点」「コピーされた際の対処法」について解説していきます！ ２.【重複コンテンツの問題点】何もしないとサイトに悪影響が出る可能性も。。 コピーされて重複コンテンツが発生すると次のような悪影響が出る可能性があります。 ①
SEOやるなら、読んでおきたい！「本質」がわかり、「応用」ができる7冊！ | Web担 オススメの課題図書
世の中にはブログ、ニュースサイト、ECサイト、サービスサイトなど、さまざまなタイプのWebサイトがある。ECサイトであれば、膨大な商品があり、商品1つにも色違い、サイズ違いなどがある。また、ニュースサイトなら、1日に何百記事も新規公開されている。1冊目の書籍には、こうしたWebサイトのタイプの違いによるSEOについては詳しく踏み込んでいない。そこで参考になるのが次の本だ。 2冊目：『いちばんやさしいスマートフォンSEOの教本 人気講師が教える検索に強いスマホサイトの作り方』（江沢真紀、コガン・ポリーナ、井上達也：著 インプレス：刊）本書では、実際のWebサイト制作において、サイトのタイプ別に配慮すべきポイントを画面を示しながら詳しく説明している。スマートフォンを前提として書かれている点もありがたい。「実務的な面での基本になる書籍だ」と伊東さんはオススメの理由を説明してくれた。 検索エンジン
本当は教えたくないWebデザイン参考ギャラリーサイト37選
ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。 インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。 積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。 このリストは2年ぶりにまとめ直したアップグレード版となります。 コンテンツ目次 【2024追加分】最新Webギャラリーサイト landing.love Design Spells Godly BentoGrids 404s Footer Navbar Gallery 国内Webギャラリーサイト SANKOU! URA
長く使える確かな文章力と表現力が身につく！ Webに特化したライティングのポイントがまとめられた解説書 -Webライティングの教室
Webサイトのライティング、タイトルや見出し、記事本文や文章構成、ソーシャルメディアのコピーなどに特化された解説書を紹介します。 完全保存版の一冊でした！ ライティングの基礎知識や考え方をはじめ、「調べる」「分析する」「企画立案する」「それに基づいて書く」という一連の技術がていねいに解説されており、長く使える確かな文章力と表現力が身につきます。 本書はWebのライティングについて、文章力と表現力が身につく解説書です。ビジターの目に止まるタイトルのつけ方、SEOに効果的なタイトルの組み立て方、読みやすい文章構成の型、Web特有の文章の書き方、惹きつけるキャッチコピーの作り方、などWebサイトやスマホアプリを例に実践的に学べます。
Googleのジョン・ミュラー氏による、57のSEOについてのアドバイス - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
SEOの情報は日々、誰かが、どこからか発信しておりますが、Googleからのアナウンスは特に注意して追っていきたいものです。特に、ジョン・ミュラー氏は、Q&A動画やTwitterなどで有益な情報を発信してくださっています。今回の記事は、ジョン・ミュラー氏によるアドバイスの中でも特に重要なものをまとめたSearch Engine Journalの記事を紹介いたします。 この記事は、Googleのサーチ・アドボケートのジョン・ミュラー氏によるアドバイスの総まとめである。これらを参照し、ぜひ、あなたのSEOに関する知識に磨きをかけていただきたい。 Googleのサーチ・アドボケートとして、ジョン・ミュラー氏は多くのSEOに関するアドバイスを共有してくれている。その量は、全てを把握することに困難が生じるほどだ。 毎週、ミュラー氏は、SEOの担当者に手を差し伸べており、Q&Aセッションで多くの質問に
Web3.0解体新書 ~幕を開けるインターネットの新時代~｜Sudo Sho
インターネットの世界はWeb3.0の時代に突入し、長い間揺るぐことのなかったプラットフォーマーが支配する世界に変化が訪れる。 IT業界に身を置く人は、ここ数ヶ月でこのような話題を耳にする機会が急増したのではないだろうか。LINE で Product Manager を担う私もその一人である。 この note では、一部の界隈を賑わせている Web3.0 とは一体何なのか？を紐解くために、Web1.0 から現代までの流れ、ブロックチェーンやスマートコントラクトによって生まれた、暗号資産、DeFi、NFT、DAOなどの概念を解説する。 なお、この note に記載される多くの内容は、引用する記事や番組からのものであり、筆者によるオリジナルでは無い。インターネットの海に漂う複雑で難解な情報をかき集め、それを Web3.0 の世界に身を置かない人でも比較的理解できるように再編した。 こちらの記事は
プレゼンで差をつける無料のチャート（図表）作成ツール「draw.io」 はじめの一歩
プレゼンテーションや企画書などに挿入する模式図やフローチャートを描く際、どのようなツールを利用しているだろうか。「Microsoft Excel（エクセル）」や「Microsoft PowerPoint（パワーポイント）」を利用している、という人も多いと思う。Microsoft Office製品の中には、模式図などの描画に最適な「Microsoft Visio（ビジオ）」というツールもあるのだが、Officeスイーツとは別パッケージになっていることもあり、利用者はそれほど多くないようだ。 頻繁に模式図やフローチャートなどを描くのであれば、このVisioと似た機能を持つドローイングツール「draw.io」を利用することを薦めたい。「draw.io」は無償のドローイングツールで、JGraph社を中心にGitHubで開発が行われている（会員登録も不要で、商用利用に制限はない）。オンラインサービス
それ、Canvaで作れます。Web開発者が知っておくべき10のスゴ技！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、人気のグラフィックデザインツール「Canva」に搭載されている多彩な機能のうち、Web開発者に役立つ機能を厳選してご紹介します。 「Canva」は、アイキャッチ画像やバナー広告・ポスターを作成するなど、さまざまな画像編集やデザインを作成できるのですが、実はそれ以外にも驚きの使い方ができる多くの機能が搭載されています。 新しい「Canva」の使い方を知りたい方も含めて、ぜひWeb制作に役立ててください！ 【 Canva 】 ■Webサイトのプロトタイプを作って公開！ 「Canva」を使うと画像やテキストなどを組み合わせて、手軽にWebサイトのデザインを構築できるのをご存知でしょうか。そのうえ、ホスティングも同時にしてくれるので、簡単なプロトタイプを作ってネット上に公開できる仕組みがあります。 方法は簡単で、「Canva」の検索ボックスに「
Webサイトリリース前に確認すべきSEO内部施策10項目をご紹介！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、制作事業部WebディレクターのZIMAです。 みなさん、SEO内部施策やってますか？ やっていないわけないですよね。しかし「どこまでやってますか」と聞かれると……困っちゃう人多いのではないでしょうか。 実は自分もどこまでやればいいんだろう？ と思って、我らがづやさんに聞いてみたところ「ふむふむ、それなら、 ちょうどいいの作ってるから、勉強がてらZIMAがつくってみてよ」と、ひょんな流れから私がLIGのSEO内部施策チェックリストを作成することになりました。 せっかくなのでブログにして自分の学びをみなさまに共有したいと思います！ そもそもSEO内部施策ってなんだ？ Webサイトの中身をGoogleなどの検索エンジンに正しく伝えたり、ユーザーがストレスなく利用できるようユーザビリティを向上させるための施策のことです。 世界中のWebサイトをクローリングしているのは簡単に言えばロボッ
ついに出た！2021年注目のWebデザイン人気トレンド9個まとめ
この記事では、これから2021年に注目したいWebデザインの人気トレンド9個をピックアップしています。 2021年のウェブデザインの傾向としては、どれも共通のテーマがあるように見えます。ハイテクなファンタジー感を目指すのではなく、よりリアルさを求めた新しいジャンルに世界中のウェブデザイナーが注目し始めています。 2021年のWebデザインは、これまでにないほどデジタルと日常を融合する方向に向かっており、普段の生活においてWebサイトが不可欠になってきていることを、反映しているのかもしれません。 よりクリエイティブなデザインを表現できるテクニックを、たくさんのデザイン事例と一緒にご紹介です。 コンテンツ目次 1. パララックス・アニメーション 2. ニューモーフィズム 3. アブストラクト・アート 4. 目にやさしい配色 5. 原因のためのウェブサイト 6. スクロール遷移 7. プロダクト
マークアップを進化させる WAI-ARIA の基本
マークアップを進化させる WAI-ARIA の基本 私 @masuP9 WAI-ARIAとは何か WAI Web Accessibility Initiative ARIA Accessible Rich Internet Applications WAI-ARIAは、ウェブコンテンツおよび アプリケーションのアクセシビリティと相互運用性を改良するためのフレームワークを提供する技術仕様である。 Accessible Rich Internet Applications (WAI-ARIA) 1.2 日本語訳 WAI-ARIAは ウェブのアクセシビリティを 高めるための技術仕様 WAI-ARIAはなぜ必要か アプリケーション化するウェブ Notion Figma G Suite 3D CAD etc... 意味も振る舞いも 既存のHTMLでは表現できなくなってきた 例えば タブUI 開いてい
Webページ高速化に必須の知識！ブラウザがWebページをどのようにレンダリングしているか、図を用いて解説
ブラウザがWebページをどのようにレンダリングしているか、図を用いてやさしく解説した記事を紹介します。 レンダリングの仕組みを理解することで、HTMLやCSSやJavaScriptなど実装時にも気をつける点があります。 How the browser renders a web page by James Starkie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. HTMLの解析（パース）を開始する 2. 外部リソースを取得する 3. CSSを解析し、CSSOMを構築する 4. JavaScriptを実行する 5. DOMとCSSOMをマージしてレンダリングツリーを構築する 6. レイアウトとペイントを計算する はじめに 私の考えとしては、高速で信頼性の高いWebサイトを構築するには、実装中に各ステップを最適
HTML&CSSとWeb制作の３年間の変化について | エビスコム - EBISUCOM
『HTML5&CSS3デザイン 現場の新標準ガイド【第2版】』はHTMLとCSSをリファレンス的にまとめた書籍です。第１版を出してから３年が経ち、その間の変化を反映させて最新の状態に改定しました。 Web制作の変化 ３年の間にWeb制作の現場は大きく変化しました。 第１版を出した時点ではマイナーな存在だった「フレキシブルボックス（Flexbox）」や「CSSグリッド（CSS Grid）」も、今ではWebデザインのコントロールに欠かせないメジャーな機能となっています。フィルタやブレンドといった便利な機能も幅広く活用されるようになってきました。 あれもこれもフロート（float）でコントロールしていたことを考えると、たった３年の間にWeb制作の効率が大幅に向上したと言えるでしょう。 第２版には、 フレキシブルボックスの「ギャップ（gap）」CSSグリッドの「サブグリッド（subgrid）」スク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作の準備をしよう macOS編 (全10回) - プログラミングならドットインストール
リスティングがSEOに影響？ 自然検索と広告の連携戦略をプロが解説 | JADEのSEOプロフェッショナル相談室
Googleの検索ランキングに閲覧やクリックなどの行動データは影響する？ SEOプロの結論はこれだ！ | JADEのSEOプロフェッショナル相談室
サイト構成表の作り方 ～Excel＆Googleアナリティクスと成績表の作り方【図解つき】～ | 今さら人に聞けないWebの仕組み
