Bean's blog

知り得たコトを 自分のコトバで

Hugoのテーマ「Icarus」を使ってブログ作ってみた

静的サイトジェネレータ「Hugo」でブログを作成します。 (サイトの公開は次回) 開発環境 Homebrewのインストール Hugoのインストール Hugoのバージョン確認 テンプレートフォルダを作成する Documentsに移動 テンプレートフォルダを作成 テーマを選ぶ Icar…

心理学でよく聞く「ナントカ効果」+α 11選

「〇〇〇〇大学の研究ではナントカ効果というものがありまして〜」 「心理学者の〇〇〇〇が〇〇〇〇年にナントカ効果というものを発表してまして〜」 という感じで某メンタリストがよく使う心理学の「ナントカ効果」 どうせ知るなら使い勝手のいい情報も一緒…

CSSの優先順位を知ろう

あなたは「CSS」の意味を知っていますか? 「CSS」とは、カスケーディング・スタイル・シート(Cascading Style Sheets)の略称です。 スタイルやシートはなんとなくわかるけど...カスケード(Cascad)って何だろう? 今回はそんなCSSの"C"にあたるカスケー…

デザインテーマ「Haruni」でできるフォローボタンの追加方法

この記事では下の画像にあるデザインを作成します。 記事の内容 はてなブログにフォローボタンを追加する 一般的なフォローボタンを追加する YouTube、Discordなどのフォローボタンを自作する 前提:jQueryとFont Awesomeの読み込み [ 設定 ] > [ 詳細設定 …

はてなブログのCSS記述順

はてなブログでCSSの記述されている順番がわからない この記事ではこういった疑問を解決します。 記事の内容 はてなブログに記述されたCSSの優先順位がわかる はてなブログのCSS記述順 CSSには原則として「後(下)に記述されたコードが、前(上)に記述されたコ…

スマホでもできる!他のブログキーワードを見る方法【SEOチェキ!】

SEO

みんなどんな検索キーワードを設定してるんだろう? わたし、気になります!!! この記事では、こんな疑問を解説します。 記事の内容 SEOチェキ!を使って、他のサイトやブログのキーワードをこっそり覗きます ポイント SEOチェキ!とは サイトのSEOチェックの…

画像に影をつけると縁が白くなる現象【box-shadow】

突然ですが、あなたはこの2枚の画像の違いがわかりますか? 画像に影をつけたら縁が白くなってしまった この記事では、こんな悩みを解説します。 記事の内容 画像にbox-shadowで影をつける時は、classをimgタグに追加する ポイント 見た目の違い HTML/CSSの…

DropboxでデザインCSSをスッキリさせる方法【はてなブログ】

こんにちは!Beanです! 皆さんは「はてなブログ」のカスタマイズが増えるにつれ、こんなことを感じてはいないですか? デザインCSSの書くスペースが狭い... CSSが長くなり編集がしにくくなってきた この記事ではこういった悩みを解決します。 記事の内容 Dr…

読みづらいコードを自動で整えるオススメ拡張機能【VSCode】

コードがグチャグチャで全然読めない... ちまちま体裁を整えるのがめんどくさい... この記事ではこういった問題を解決します。 記事の内容 VSCodeの「Prettier」を使い、コードを自動でフォーマットさせる 作業の手順 前提 0:VSCodeをインストール 手順 1:…

デザインテーマのCSSを確認する方法【はてなブログ】

はてなブログにコピペしたCSSがうまく反映されない.... そもそも選んだデザインテーマのCSSが分からない.... この記事ではこういった疑問を解決します。 記事の内容 はてなブログで選んだデザインテーマのCSSを確認する 作業の手順 手順 ①:デザインテーマを…

プロフィール

はじめまして! ブログ管理人のBean(ビーン)と申します。 私の経歴 地方の国立大学を卒業 大学院に進学も鬱病で中退 場面緘黙になり対面での会話不能に 治療をしながらやれる事を探し、ゲーム攻略サイトを運営 今はプログラミングを学習中 鬱病になってか…

お問い合わせ

読み込んでいます…

プライバシーポリシー

【Bean's blog】(以下「当ブログ」)のプライバシーポリシー・免責事項を次の通り記載します。 個人情報の利用目的について 個人情報の第三者開示について Cookieの使用について 広告配信サービスについて アクセス解析ツールについて コメントについて 著…