Google Fontsとは Google Fontsとは、Googleが提供するWebフォントのライブラリであり、無料で利用が可能です。多彩なフォントが揃っているため、利用シーンを選ばず、汎用的に使いやすいフォントサービスです。 Goog
30代おひとり様女子が綴るブログです。会社を退職し現在人生迷走中。 お金のこと、好きなこと、暮らしのメモをのんびり投稿していきます。株・投資の勉強中です。
2024年3月
Google Fontsで使える日本語対応の無料フォントおすすめ10選と利用方法
Google Fontsとは Google Fontsとは、Googleが提供するWebフォントのライブラリであり、無料で利用が可能です。多彩なフォントが揃っているため、利用シーンを選ばず、汎用的に使いやすいフォントサービスです。 Goog
2024年3月
「ブログリーダー」を活用して、くらさんをフォローしませんか?
Google Fontsとは Google Fontsとは、Googleが提供するWebフォントのライブラリであり、無料で利用が可能です。多彩なフォントが揃っているため、利用シーンを選ばず、汎用的に使いやすいフォントサービスです。 Goog
今回は、WordPressでの問い合わせフォームの設置方法についてです。 個人ブログであっても、万一の時の連絡を受ける手段があった方が安心ですし、信頼性も上がります。サイトの信頼性が上がることはSEO対策にも繋がります。 WordPress
サイトマップとは サイトマップとはその名の通り、サイト内の情報を表した地図のようなものです。 サイトマップにはHTMLサイトマップとxmlサイトマップがあります。 HTMLサイトマップはサイトに訪れたユーザー向けサイト内のページをまとめたリ
「リンクはクロールできません」の表示 サイト作成当初、PageSpeed Insightsでスコアを測定した際のSEO項目「リンクはクロールできません」の表示に悩まされました。 恐らくtopページにページ上部に戻るページ内ジャンプが設定され
福岡・大分へおんな一人旅 前のブログに載っけてた九州おんなひとり旅の再投稿です。 当時の話なので価格など現在は変わってる部分も多々あると思いますが、九州とっても良かったなという想い出ばなしです。 2019年秋、仕事でまとまった休みがとれたの
神社仏閣が多く不思議なパワーを感じる京都。京都は観光地として有名ですが、実際に住むエリアとしても魅力溢れる場所です。今回は私が10年間京都での生活を送った経験から、もし再び一人暮らしをするならどのエリアが良いか、その理由をまとめてみました。
喪服って普段なかなか出番がないうえ、急に必要になって焦ってしまいますね。 購入して持っておくのが一番ですが、一式揃えるとなると値段も張ります。ひとり暮らしの部屋だとクローゼットにずっとしまっておくのもちょっと邪魔。 そして、そのうちにと思っ
前回の投稿ではホイップクリーム小分けのお話をしました。 このホイップクリームが売っている業務スーパーの冷凍コーナー、ホイップクリームすぐ近くに凄く誘惑してくるものが売ってるんですよね。 ベルギーワッフル!!! 1袋10個入りの大容量でうちの
ホイップクリームって良いですよね。 なんに合わせても大抵おいしくなる超優秀トッピング。 マフィン、パンケーキ、ドーナツ、クレープ、などなど無限に使えます。業務スーパーのこの冷凍ホイップが個人的に丁度いい甘さでベスト! しかもこの量で税別33
フリーランスとして活動する際のトラブルやリスクに備える保険とは。無料で利用できる「FREENANCE」の保険サービスの特徴について解説します。安心なビジネス展開を目指すフリーランス必読の記事。
デザインでのカラー選びに困っているデザイナーに向けCoolorsとAdobe Colorを活用したカラーパレットの作成方法と使い方を解説。カラーパレット生成ツールを活用することで、素早く調和のとれた配色を作成し、プロジェクトをより魅力的に仕上げることができます。
positionプロパティの使い方を詳しく解説!ウェブ開発者必読の実践的なCSSポジショニングガイド。要素の正確な配置をマスターしよう。
CSSのTransitionとAnimationプロパティの使い方と違いについて解説します。Transitionは要素の滑らかなスタイル変化を、Animationはキーフレームで制御するものです。それぞれの特徴や適切な使用法、違いについて詳しく解説します。
HTMLマークアップの重要性と、適切な要素やクラス名の選択について解説し、可読性の向上方法を紹介します。さらによく使われるHTML5要素と使用例、よく使われるクラス名と例を紹介し、HTMLマークアップのベストプラクティスをまとめています。
ウェブデザインの基本的なスタイル設定とベストプラクティスを学びましょう。HTMLとCSSファイルの作成から背景画像やリンクのデザインまで、効果的なスタイリングの方法を解説します。
モバイルファーストとデスクトップファーストの違いや、ブレイクポイントの設定方法、max-widthとmin-widthの使い分け、flex-wrapやdisplay: none;とdisplay: block;の使い方、さらにはPCメニューの非表示設定方法など、メディアクエリーについて徹底的に解説します。Webデザインにおいて必須の知識を身に付けましょう!
この記事では、Webデザインにおけるdisplayプロパティの重要性と活用法について解説します。displayプロパティを使うことで、要素の表示方法やレイアウトを柔軟に制御することができます。さらに、SEOの観点からも最適な対策を紹介します。Webデザイナーや開発者の方々は、この記事を参考にしてdisplayプロパティの効果的な活用と上位表示を目指しましょう。
Flexプロパティを使うと、Webページのレイアウトを柔軟に設計することができます。本記事では、Flexプロパティの基本的な構成要素について説明し、「flex: 1;」を含めた実例を紹介します。また、レスポンシブなレイアウトを実現するための応用方法も解説します。
CSSフレックスボックスの使い方について、初心者でもわかりやすく解説します。フレックスコンテナやフレックスアイテム、プロパティなど、用語や基礎から応用まで詳しく説明します。また、便利なプロパティやテクニックも紹介します。
はじめに身の回りに不要なものが溜まってくると、スペースを圧迫したり、見た目も悪くなってしまいます。そんなときは、適切に処分することが大切です。筆者は、実際にいくつかの方法で不用品を処分した経験があります。以下では、その中から、粗大ごみ、国認
Flexプロパティを使うと、Webページのレイアウトを柔軟に設計することができます。本記事では、Flexプロパティの基本的な構成要素について説明し、「flex: 1;」を含めた実例を紹介します。また、レスポンシブなレイアウトを実現するための応用方法も解説します。
CSSフレックスボックスの使い方について、初心者でもわかりやすく解説します。フレックスコンテナやフレックスアイテム、プロパティなど、用語や基礎から応用まで詳しく説明します。また、便利なプロパティやテクニックも紹介します。
はじめに身の回りに不要なものが溜まってくると、スペースを圧迫したり、見た目も悪くなってしまいます。そんなときは、適切に処分することが大切です。筆者は、実際にいくつかの方法で不用品を処分した経験があります。以下では、その中から、粗大ごみ、国認
Google FontsとはGoogle Fontsとは、Googleが提供するWebフォントのライブラリであり、無料で利用が可能です。多彩なフォントが揃っているため、利用シーンを選ばず、汎用的に使いやすいフォントサービスです。世界中のデザ
「Hello Dolly」プラグインWordPressに最初からインストールされているプラグイン、「Hello Dolly」。いったいなんのプラグインなのか、WordPress運営に必要なのか。なんとなく入れたまま、という方も多いと思います
テキスト生成AI「ChatGPT」「ChatGPT」とは?OpenAIが開発したテキストチャット型のコンピュータープログラムです。質問を入力するとデータの中から最も適した回答をAI(人工知能)が答えてくれます。精度が高く、人間が書いたような
クリエイターに必須のポートフォリオクリエイターにとって、自身のプロフィールとも言える『ポートフォリオ』制作物をまとめ、こんな事ができますよとアピールするのに必須です。クラウドソーシング等で応募をする際にも、ポートフォリオ提出を必須にしている
お問い合わせフォームの設置サイトに訪れた人が問い合わせをするための、問い合わせフォーム。個人ブログであっても、万一の時に連絡を受ける手段はあった方が安心です。サイトの信頼性も上がり、SEO対策にも繋がります。今回は、WordPressでの問
PHPファイルでサイトをカスタマイズPHPファイルはWordPressを構築するファイルです。デザインなど簡単なカスタマイズは外観メニューや追加cssの記述で変更できますが、構成に手を加えたい時など、PHPファイルの編集が必要な場合もありま
ブログ運営用のメールアドレスブログなどのWebサイトを運営していると、問い合わせ先など連絡先メールアドレスが必要になってきます。プライベートのメールアドレスを設定していると、問い合わせメールが埋もれてしまったり、スパムのリスクもあり管理が大
サイトマップとは?サイトマップとはその名の通り、サイト内のコンテンツ情報を表した地図のようなものです。サイトマップにはHTMLサイトマップとxmlサイトマップの二種類があります。HTMLサイトマップはサイトに訪れたユーザー向けサイト内のペー
解析ツール連携時に必要なID他サービスとの連携時などにたまに必要になる、GoogleアナリティクスやサーチコンソールのID。導入時に一度設定してしまうとデータを見るくらいなので、いざ必要になるとIDってどこ?となってしまいます。今回は、アナ
プライバシーポリシーって?プライバシーポリシーとは、簡単に言うと個人情報の利用目的や取り扱いについて定めたものです。解析ツールの利用やcookieを使って広告を表示する、問い合わせフォームでユーザー情報を取得する等でサイト上で集めた個人情報
プロフィール(運営者情報)の表示今回は、ウェブサイトでサイドバー等に表示させる、プロフィールの作成方法についてです。プロフィールの表示はサイトに訪れた人に中の人がどんな人か伝える重要項目ですね。SEO的にもサイトの評価を高めるため必要です。
メニューを設置しサイトの利便性をUP今回は、WordPressでヘッダーやフッターにメニューを設置する方法ですメニューを設置することで、目的のページにたどり着きやすくなり、サイトの利便性も上がりSEO対策にもなります。またWordPress
ヘッダーメニューでサイトの利便性をUP今回は、WordPressでヘッダーに表示するグローバルナビメニューを作成する方法です。グローバルナビとは、Webサイト内の全ページに共通し表示される、主要コンテンツへのリンクをまとめたものです。ヘッダ
WordPressでのサイト概要、記事概要(メタディスクリプション)の設定方法です。cocoonでは簡単にメタディスクリプションの設定が出来ます。指定することで、ページスピードインサイトのスコアも少し改善しました!
処分に困る、アイドルグッズ今回は、ジャニーズグッズの処分についてです!処分してしまいたいアイドルグッズは言ってしまえば不用品ですが、新品のままだったりすると、ゴミとして捨ててしまうのは勿体ない気がしますよね。私も引っ越しの際に「あぁこれどう
ロイズのチョコレートで至福時間先日ロイズのチョコを頂きました♪ロイズ、たまに食べるとやっぱり美味しい!となりますね。チョコ自体も美味しいし、種類豊富で色んなラインナップがあるのも素敵。自分で頻繁に買うには私にはちょっと贅沢かなぁというお値段
日銀会合、長期金利上限を0.5%程度で据え置き23/1/18(水)久々の株日記です。依然私の保有株はハラハラドキドキ、絶賛膨大な含み損☆な毎日です。今日は日銀の金融政策決定会合の2日目で、結論の発表がありました。結果は、長期金利の上限は0.