webskills123

全米NO.1大ヒットの大ベストセラーを産み出し、Netflixのリアリティ番組でもはや全米だけでなく世界中にその名とサービスを轟かせている『KonMari ～人生がときめく片づけの魔法～』でおなじみの近藤麻理恵さんの世界進出の成功の鍵は、「spark joy!」という絶妙な翻訳（ローカライゼーション）にあります。 KONMARIが全米と世界で受け入れられた最大の理由 こんまりの考え（片付け方）やサービス（片付けコンサルティング）がこれだけ世界に広まった最大の理由は、「spark joy!」をキーワードにし ...

サイトのheadタグ内に最低限必須でSEO対策の上でも重要なタグや記述をまとめました。 Webページのheadタグの役割〜bodyタグとの違い ウェブページはHTMLによって書かれていますが、大きく「headタグ」と「bodyタグ」に分かれています。 「bodyタグ」内には訪問者が検索した時に表示される情報（つまりコンテンツ）を書きますが、「headタグ」内には、このサイトがどんなものかをwebブラウザや検索エンジン（Goolge）などのコンピューターロボットに認識させる情報を書きます。 head bod ...

HTMLはウェブデザインの基本・骨組みとなる要素です。 HTMLの書き方の基本（文法・タグの使い方）を整理してまとめました。 HTMLとは HTML(HyperText Markup Language)は、webページを構成する言語の一つで、検索エンジンがウェブページの構造を把握して解析したり、ブラウザがウェブページ内の各要素の意味を理解して閲覧しやすいように表示しているウェブデザインの基本・骨組みとなる要素です。 HTMLをブラウザに表示（HTMLサイト作成）方法 HTMLサイトは、最低限以下の要素を指 ...

ウェブページ（ホームページ）を作りたいけれど、HTMLサイトがいいのか、WordPressなどのCMSを使った方がいいのかまず迷うようで、よく質問をいただきます。 それぞれメリットとデメリットがあるので、比較をまとめてみました。 ウェブページ（ホームページ）とは ウェブサイトは、ウェブブラウザ上にコンテンツを表示させたものです。 ウェブサイトの基本構成要素はHTMLとCSSですが、WordPressのようなCMSを使うと、より簡単に多くのコンテンツを表示できるようになります。 ウェブページ（ホームページ） ...

WordPressやHTMLで運用しているブログやサイトにソースコードを見やすく表示（埋め込み）したり、コピペが簡単にできるようにするにはシンタックスハイライター（シンタックスハイライトが出来るツール）を使います。 軽量で使いやすいシンタックスハイライター「Prism」の設定方法を整理してまとめました。 「シンタックスハイライト」とは シンタックスハイライト（syntax highlighting）とは、テキストを分類ごとに異なる色やフォントで表示できるテキストエディタ機能です。 プログラミング言語やマー ...

CSSはスタイルシート言語と呼ばれる「言語」のひとつなので、基本の文法があります。 CSSの書き方の基本（文法・基礎知識）を整理してまとめました。 CSSの書き方ルール（文法） CSSの書き方のテンプレートは以下のようになります。 セレクタ { プロパティ：値 } セレクタ（どこの）：デザインを変えたい場所を指定（タグ・class・idなど） プロパティ（何を）：指定したセレクタの変更内容を指定（色・背景・線・余白など） 値（どう変える）：プロパティをどのように変更するかを指定 CSSコード内では、半角ス ...

CSSは「スタイルシート」と呼ばれ、まさにウェブサイトの「スタイル」を決めるもの。 HTMLを身体とするならCSSはファッションや髪型。 自由度が高くオリジナリティのあるwebデザインができるようになるCSSとは何なのか基礎知識をまとめました。 CSSとHTMLの関係 HTMLはWebページの土台となる骨組みのようなもので、もしCSSを使わずHTMLだけでもウェブサイトは作れますが、文字や画像を羅列しただけの教科書のような単調なサイトになってしまいます。 CSSは、HTMLで設定した骨組みを装飾したり、レ ...