koblog

高校生のWEBデザインブログ

自動リダイレクト防止ページ

【悪用厳禁】無料版はてなブログの広告を消す方法【はてなブログ】

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

【はてなブログ】LazyLoadを導入してブログの表示を早くする方法

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

【はてなブログ】記事のバックアップを取る方法

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

【はてなブログ】記事のバックアップを取る方法

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

GatsbyJSでHTMLを編集する方法

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

Xcodeを使ってスマートフォン用サイトの動作確認をしてみる【Mac】

WEB

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

【2019年版】Disqusのおすすめ設定

WEB

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

JavaScriptでURLを遷移させる【ジャンプページを作る方法】

WEB

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

JavaScriptでページのURLをコピーする機能を作ってみる

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

はてなブログのCSSがスマホで反映されないときの対処法

はてなブログではスマホでCSSを反映させるには、設定を少し変える必要があります。またCSSを自作する際にもコードを書き足す必要があります。そこで今回ははてなブログのCSSがスマホで反映されない場合の対処法を紹介します。 テーマのCSSが反映されない 自…

Javascriptで「前のページに戻る」リンクを作ってみる

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

画像をCSSで表示させてブログを高速化しよう【Sprite画像】

ブログを書いている以上、記事内の画像が増えてしまうのは仕方がないことだと思います。そのため多くのブロガーは少しでも動作を軽くするためにも画像を軽量化させて使っているのではないでしょうか。しかし軽量化した画像でも、使う枚数が数十枚にも及ぶと…

【Python】自動で令和〇〇年に変換してくれるツールを作ってみた

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

Gatsbyで知識ゼロからブログを作るまでの道のり【体験談】

今回はGatsbyJSを使ってゼロからブログを作る方法を紹介します。 他の記事と違い(?)純粋な解説記事ではないのでほとんど需要がない内容ですが、書きたいことを書いて参考になればと思います。今回は体験談なので、作り方だけを知りたい方は下の記事をどう…

【第3回】Gatsby+Netlifyでブログを始める方法

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

【はてなブログ】トップページなどのアイキャッチ画像を変える方法

はてなブログでは、トップページやアーカイブページなどにアイキャッチ画像を表示させることができます。しかし自分で画像を選ぶには、記事を書くたびにサイドバーから画像を選んで指定する必要があります。 そこで今回はトップページのアイキャッチ画像を一…

Google Lighthouseの使い方を解説【SEO&速度チェック】

ブログをやっている人はSEOスコアやブログの速度を何で確認していますか。または確認していますか。僕は最近ではGoogleの「lighthouse」を使っています。SEOスコアやブログの表示速度など様々なスコアがひと目で分かるので、とても便利です。 今回はとても便…

【はてなブログ】コピペだけ!パンくずリストのカスタマイズ

SEO的にもユーザビリティ的にも便利なパンくずリスト。はてなブログでは自動で表示できるので、とても便利です。 しかし何もカスタマイズしていないと、少し物足りなさを感じてしまうデザインになっています。そこで今回は、はてなブログのパンくずリストに…

【保存版】Minify化したCSSをはてなブログで読み込む方法

先日から表示速度改善のため、このブログでもCSSの軽量化を試しています。 使ったのはMinifierですが、はじめは軽量化したCSSの読み込み方法が分かりませんでした。そこで今回はMinify化(軽量化)したCSSをはてなブログで読み込む方法をまとめておきたいと…

【第2回】Gatsby+Netlifyでブログを始める方法

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

npmでpermission deniedがでた時の対処法(mac)

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

【第1回】Gatsby+Netlifyでブログを始める方法

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

Gastbyで超高速サブブログを作りました。

WEB

はてなのメインブログとは別にサブブログを開設しました。メインブログと同じようにHTML・CSS・を中心にWEBデザインについて書いていきます。 サブブログを開設した経緯や、今後の方針など詳しくはサブブログをどうぞ。 ちなみに現在サブブログではGatsbyで…

Gatsby+Netlifyでブログを始める方法【ロードマップ】

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

WEBデザイン初心者にオススメの本・サイト3選

プログラミングを独学でというのはなかなか難しいです。 しかし決して不可能ではありません。良い本やサイトに巡り会えればブログのカスタマイズをするくらいはできるようになります。 そこで今回は「WEBデザイン初心者にオススメの本・サイト」を3つ紹介し…

CSSでスクロールに合わせて追従させる方法

CSS

オシャレなブログではシェアボタンやナビゲーション、ブログタイトルなどを追従させている場合があります。一見難しそうなコンテンツの追従ですが実は「CSS」だけで、できてしまいます。 そこで今回はCSSだけでスクロールに合わせて追従させる方法を紹介しま…

中学生・高校生にオススメのアフィリエイトは「もしもアフィリエイト」だけ

昔と違い、今ではHTMLが書けなくてもパソコン1台でブログを運営できます。また、使い方次第ではスマホだけでもブログ運営ができるので、大人だけでなくパソコンを持っていない学生でもブログをやっている人は多いです。 そこで多くの人が思うのは「ブログで…

【はてなブログ】コピペだけで目次をカスタマイズ

はてなブログの機能の中で便利なものとして「目次」があります。 当たり前のように使っている「目次」ですが、手動で書くと各見出しにidを付与するなど、とても大変な作業になります。 さて、とても便利な「目次」ですが初期設定のデザインではあまりオリジ…

【Milliard】紹介文の前にアイコンをつける方法

WordPressやはてなブログで多く使われるMilliard。 簡単にオシャレにできたり、ブログの種類に縛られないことからも関連記事ツールとして定番になりつつあります。 このようにとても便利なMilliardですが、カスタマイズが少し難しいというデメリットがありま…

サムネイルPC
POPULAR
サムネイル

【コピペのみ】ブログのシェアボタンをシンプルでオシャレにカスタマイズしよう!

サムネイル

Twitterの「埋め込みタイムライン」を使う方法

サムネイル

【CSS】コードをオシャレに飾るボックスデザイン


スポンサーリンク


NEW POST
サムネイル

2019.8.30 Fri

Xcodeを使ってスマートフォン用サイトの動作確認をしてみる【Mac】

サムネイル

2019.4.09 Tue

【2019年版】Disqusのおすすめ設定

サムネイル

2019.8.07 Wed

JavaScriptでURLを遷移させる【ジャンプページを作る方法】

サムネイル

2019.6.12 Wed

JavaScriptでページのURLをコピーする機能を作ってみる

サムネイル

2019.6.04 Tue

はてなブログのCSSがスマホで反映されないときの対処法

サムネイル

2019.6.03 Mon

Javascriptで「前のページに戻る」リンクを作ってみる