はてなブックマーク

こんにちは、Kome（@chankomeppy）です。 はてなブログは今「デザインテーマコンテスト」を開催している。 blog.hatenablog.com 応募方法は、期間内にデザインテーマを投稿するだけ。参加賞として最大100名様にCanva Proの無料クーポン（3ヶ月分）とレッドスター100個をプレゼント。さらに、はてなとCanvaのスタッフが審査・選考を行い、最優秀賞には3万円分、はてな賞・Canva賞には2万円分のAmazonギフト券を贈呈します。 ギフト券欲しい～！参加賞も欲しい～！と思い、テーマを作成して公開したので、作成から公開までの手順をまとめておく。 これからデザインテーマを作成しようとしている方のお役に立てれば嬉しい限りである。 ▼目次はこちら （クリックして表示） はじめに：完成形 準備 開発環境を整える サンプルブログの開設 HTMLエディタの用意 Google

こんにちは、Kome（@chankomeppy）です。 ブログデザインのマイナーチェンジをしたので記録を残しておきます！ 当ブログではどの端末からでも文字のフォントが同じように見えるようにWebフォントを使用しています。今回はじめてAdobe Fontsを使用しましたので、そのまとめです。 ▼目次はこちら （クリックして表示） 無料Webフォント Google Fonts Adobe Fonts Adobe Fontsの追加方法 注意事項 さいごに 無料Webフォント Webフォントとは、インターネット上で配布されているフォントを呼び出して使用する技術です。 昔は、サイト作成者がフォントを指定し、ユーザーの閲覧端末がそのフォントに対応していないと別のフォントで表示されてしまうということが起きていました。サイト作成者が表示させたいフォントが表示できないことがあったんですね～。 Webフォント

こんにちは、Kome（@chankomeppy）です。 先日、Surface Proをを購入したので金欠になった。 やむなく、古いパソコンを売ることに。1円でも高く売りたいのでフリマアプリ（メルカリとラクマ）に出品することにした。 ソフマップなどの中古パソコンショップなどに売却すれば、お店側が清掃、初期化、データ削除などをやってくれる（と思われる）が、フリマアプリで販売する場合はこうした作業をすべて自分で行わなければいけない。 というわけで、フリマアプリで出品するまでに行ったことをまとめます。 ▼目次はこちら （クリックして表示） 必要なファイルを移す Windowsの初期化（リカバリ）【1回目】 初期化の詳しい手順 データの完全消去（Cipherコマンド） Cipherとは？ Cipherコマンドでデータを抹消する Windowsの初期化（リカバリ）【2回目】 パソコンをきれいに掃除する

こんにちは、Kome（@chankomeppy）です。 最近忙しくて全然ブログを更新できていなかったのですが、久々に更新していつも通りGoogle Search Console（グーグルサーチコンソール）にインデックス登録をリクエストしようとしたところ… リクエスト受付停止…!? 初めての経験でしたので、調べてみました。 ▼目次はこちら 「ページの操作が一時的に無効になっています」 リクエスト受付停止の理由は「技術的なアップデート」のため 「技術的なアップデート」とは コアアップデート対策 インデックス登録をリクエストできないとどうなる!? まとめ 追記（2020年12月更新） 「ページの操作が一時的に無効になっています」 上の方に「ページの操作が一時的に無効になっています」というメッセージがあることに気づいた。 その隣に「詳細」とあるので、クリックしてみると、ヘルプの「Data anom

こんにちは、Kome（@chankomeppy）です。 はてなブログを始めて1年。「ブログ運営報告」なるものを、はじめてやってみます。 PV数、収益はいかに…！ ブログは成長しているのか…！ これからブログを始めようとしている方、ブログを始めたばかりの方の参考になれば幸いです。 ▼目次はこちら （クリックして表示） ブログを始めようと思ったきっかけ どのブログサービスを使うか ブログのテーマ 1年間の記事数 よく読まれた記事 1年間のアクセス数推移 収益 アドセンス アフェリエイト まとめ ブログを始めようと思ったきっかけ 私はブログを読むのが大好きだ。特に海外在住者のブログや旅行記ブログが好きで、海外旅行の際には駐妻さんのアメブロを参考にしていた。 海外生活＝ネタが豊富というイメージがあり、インドに住み始めてすぐに無料ブログを始めてみたものの、アクセス数が全然伸びず、やる気を喪失しすぐに

ナマステ、インド在住（現在一時帰国中）のKome（@chankomeppy）です。 私はネットサーフィンや調べものをする際、恐ろしいほどに大量のタブを同時に開き、ウィンドウもいくつも開くので、Chromeがフリーズすることもしばしば。 ストレスなくインターネットを楽しむために、Google Chromeを高速化する方法を調べたので、備忘録としてまとめておきます。 もともと2020年5月に書いた記事ですが、2022年6月にこの記事の通りに設定し、カクカク動作→高速化を再確認しております💡 最新のChromeを使う 閲覧履歴・キャッシュを削除 ダウンロード履歴を削除 【重要】flags設定 さいごに 最新のChromeを使う Google Chromeは、新しいバージョンが利用可能になったときに自動的に更新が行われるため、基本的には常に最新版となっているはずです。 バージョンの確認方法 「設

こんにちは、Kome（@chankomeppy）です。 先日ブログ徘徊していると、ふわっと動く吹き出しに遭遇。私も使いた～い！と思い実装しました。 ▼こんなやつです。 Kome 吹き出しが画面に入ったら、左から右へふわっとフェードイン！ Kome ふわふわしてて可愛い～！ 吹き出しだけでなく、要素であればなんでも使えます ▼囲み枠の場合 左から右へふわっと！ 下から上へもふわっと！ 複数の要素を まとめて ふわっと ▼リストの場合 リストも 下から 上に ふわふわ 左から 右にも ふわふわ この記事はこんな人にオススメ はてなブロガー コピペだけでブログカスタマイズしたい人 HTML・CSSの知識が少々ある人向け コピペで簡単に作れるので、真似してね～。 今すぐにコードだけコピペしたい人はコチラ CSS CSSの説明 透明度（Opacity） 要素の変形（Transform） 変化時間（T

こんにちは、Kome（@chankomeppy）です。 はてなブログでカスタマイズをしていると、CSSが狙い通りに反映しないことが時々あると思います。 そんな時、はてなブログデフォルトのidやclassを理解していれば、セレクタを詳しく指定することができるので、細かい部分もピンポイントでカスタマイズできるようになります。 というわけで、自分の備忘録も兼ねて、はてなブログのHTML構造をまとめてみました。 はてなブログでカスタマイズしている人や、テーマを自作する方の参考になれば幸いです。 大まかな構造 5つの主なパーツ Tips: ページの種類とclass名 ヘッダーエリア タイトル下編集エリア メインコンテンツエリア 記事ページ Tips: 記事本文内でCSSが効かないとき トップぺージ（一覧形式） アーカイブページ サイドバー プロフィール 検索 カテゴリー 最新記事 関連記事 注目記事

こんにちは、Kome（@chankomeppy）です。 ブログ記事を書く際、 文章を強調したり、補足したり、まとめたりするのに便利なのが「囲み枠」による装飾です。 囲み枠とは、こういうやつです。 枠で囲うと目立ちます。 文章だけの記事は読みにくいです。適度に囲み枠を使用してアクセントをつけてあげると一気に読みやすさが増します。 初心者ﾌﾞﾛｶﾞｰ 使ってみたいけどCSS？HTML？なんてよくわからないし、私には難しそうだな･･･ Kome 全然難しくないよ！誰でもすぐに自分オリジナルの囲み枠を作れるようになるよ！！ シンプルなものであれば、HTMLやCSSについて必要最低限の知識があれば、すぐに自分で作れます。 誰かが作ったものをコピペして使うもお手軽でいいですが、ブログのテーマに合わせて自分オリジナルの囲み枠を作ってみたいですよね。 また、「今後さらにカスタマイズをしたい！」と思っている