もやぶろ

moyashidaisukeのブログだからもやぶろ。フリーランスのエンジニアのダイスケです。プログラム関連とかギター関連とか旅行関連とか色々。

雑記-はてなブログ

【はてなブログ】Minimalismで更新日を表示する(トップページのエラー対策付き

概要 たまに過去記事を修正したり追加したりした時に、更新日が表示されないのはもったいな〜という事で、カスタマイズして表示するようにしました。 こんな感じです。 概要 やり方 フッタ デザインCSS 所感 やり方 www.tomomore.com ほとんどこのままです。…

はてなブログのシェアボタンをいい感じにカスタマイズ

概要 はてなブログのテーマ「Minimalism」のソーシャルボタン(シェアボタン)ですが、目立たないかなぁ、、と思ったので(シンプルでかっこいいのですが)を色付きのもので目立つようにしてみました。 あわせて、はてブとFacebookはシェア数がのカウントも…

ブログのアイキャッチ画像関連のリンク集

ブログのアイキャッチ画像、サムネ画像(タイトルの下と、一覧に出るやつ)について調べて、自分用にまとめたのを公開します。 ※まだ使い始めたばかりなので、感想・使い勝手は適宜追加していきます。 素材系 アイコン イラスト 吹き出し 写真 ツール 参考 …

【はてなブログ】【Minimalism】ナビゲーションメニューのスクロールバーを常に表示する

概要 はてなブログのテーマ「Minimalism」のナビゲーションメニューですが、スマホ等の画面幅が小さい環境だと横スクロールできるようになっています。 が、そもそも横スクロールできる事に気が付かないのでは・・・という対策で、常に横スクロールバーを表…

wwwなしのURLをwww有りのURLにAWSで転送させる(HTTPS対応版)

概要 対応前構成 何がダメ? 検討 案1:お名前.comのURL転送サービスを使う 案2:適当にサーバたてて.htaccessとかでやる 案3:AWSで頑張る 対応1 HTTP無し版 S3bucket作成 S3bucketにリダイレクトを設定 Route53にホストゾーンを作成 Route53からS3へのルー…

Search Consoleのアドレス移行ツールはここです(2019/09/13現在)

概要 やろうとしたこと やったこと というわけで質問してみた やってみた まとめ 概要 ブログのドメインを変えたので、googleのSearch Consoleの設定も移行しようと思ったのですが、ヘルプの案内通りに全然いかず、フォーラムで質問したらあっさり解決しまし…

はてなブログのテンプレート「Minimalism」をカスタマイズした②

概要 safariで見た時にフォントが違う before after ブログタイトル部分の縦の余白を小さくしたい before after 行間を全体的に調整する before after 画像にいい感じの枠をつけたい after twitterのシェアボタンでタイトルしか連携されない after まとめ 概…

インストールされてしまったServiceWorkerを自動で削除する(前バージョンのブログトップページが表示されてしまう場合の対策)

概要 serviceWorkerが効いてる時の挙動 やったこと おまけ serviceWorkerとは 手動で削除する場合の対応方法 Chromeの場合 まとめ 概要 ブログをgatsby.jsからはてなブログに戻しましたが、一度Gatsby.jsバージョンを開いていると、キャッシュが残ってしまい…

はてなブログのテンプレート「Minimalism」をカスタマイズした

概要 なぜ「Minimalism」? pro関係ないけど変えた とりあえずテンプレ適用 before after 「Minimalism」をカスタマイズ(公式記事参考に) レスポンシブデザインに設定する トップページを一覧形式にする ブログ名が全角(日本語)の場合 ナビゲーションメ…

ブログをGatsby+Netlifyからはてなブログに戻しました & はてなブログproにしました

あらまし 戻すにあたってやったこと はてなブログ -> 新環境(Gatsby.jsとNetlify)への転送処理の削除 新環境にしか書いてない記事のimport せっかくはてなブログに戻ってきたのでやったこと proへの変更 独自ドメイン設定 広告切る トップページの表示形式…

個人ブログをはてなブログから Gatsby + Netify に移行した

モチベーション 採用技術 方針 はてなブログのエクスポート テンプレから初期セットアップ 環境セットアップ 雛形(template作成) とりあえず公開 ドメイン設定する ドメイン買う netlifyに設定する 諸々改修 meta情報 いらないページ削除 デモのテキストを…

ブログドリブンで生活に刺激を与える

ただの雑記です。ちゃんとしたブログ風に写真入れてみました。 フリーランスになって半年くらい経ちました。 フリーランスになった頃の記事達。 moyashidaisuke.hatenablog.com 振り返りの振り返り 人が恋しくなる これは加速してます。最近家の模様替えをし…

はてなブログ「Material」テーマのカスタマイズ

前回はMaterialテーマを設定しました。 moyashidaisuke.hatenablog.com 数ヶ月たっていくつか気になるところが出てきたので、色々カスタマイズします。 headingタグ(h1、h2とか。見出しタグ) before h1とh2とh3がほぼ同じ見た目なので、記事のブロックがわ…

ブログのテーマ(見た目)を変えた

デフォルトの真っ白のやつを使ってたんだけど、味気ないのに飽きてきたので変えました。 新学期ですしね。 使ったテーマはこちらです。 Material - テーマ ストア 公式の案内に従ってちょっとカスタマイズしています。 webgaku.hateblo.jp もともとサイドバ…

ブログを書こう

Twitterでとても良いつぶやきを見たので、心を入れ替えようと思います。若い人には「ブログ書け、分かったことでも分かんないことでもなんでもいいので、やったことやってることをどんどんアウトプットしよう」って言ってる。Twitterに書き散らしても流れち…