クリアメモリ

プログラミングやモーショングラフィックス、便利なアプリケーションなど雑多に記録するブログ

HTML

【はてなブログ】サイドバーに追従するメモ帳を作ってみた!

こんにちはクリアメモリです! 今回は、はてなブログのサイドバーに追従する「メモ帳」を表示させてみました。記事を読みながらメモを取れて、最終的にまとめてコピーもできるので試してみてください。

【はてなブログ】読者になるボタンを画像にしてめっちゃ目立たせてみた!

こんにちはクリアメモリです! 今回は、はてなブログの「読者になるボタン」を画像にして、より目立つようなデザインに変更する方法を紹介します。画像はなんでも良いので、自分のサイトアイコンや好きな画像を使って実装してみてください。

HTMLのリンクを新しいタブで開くようにするtargetの使い方!

こんにちは! HTMLでサイト内にリンクを貼り付けた時、同じタブで開くのか新しいタブで開くのか設定したい事がありますよね。そういった時は、HTMLでリンクを貼る時に使う「aタグ」にちょっとしたテキストを追加するだけで実装できるので紹介します。

【はてなブログ】開閉式コンテンツ(アコーディオンパネル)でネタバレとかの表示・非表示を切り替える!

今回は、はてなブログの記事内で「開閉式コンテンツ」を使う方法を紹介します。 開閉式コンテンツを使えば、ユーザーがクリックしなければ表示されないコンテンツを作成できるので、漫画のネタバレのような非表示と表示を切り替えたいときに使ってみてくださ…

【はてなブログ】一覧形式のトップページでアドセンス広告を表示させてみる

先日、はてなブログのトップページにアドセンス広告を表示する方法を紹介しました。 その中で紹介した方法だと、トップページの表示形式が「一覧形式」だとうまく表示されなかったため、今回はトップページが一覧形式の時に、アドセンス広告を表示する方法を…

【SublimeText】インデントのスペース幅を調整するカスタマイズ法!!

前回、SublimeTextでフォントサイズを変更する方法を紹介しました。 似たようなカスタマイズを行うことで、インデントのスペース幅(Tabキーを押した時にできる空白の大きさ)を調整することができるので紹介します。

【SublimeText】テキストのフォントサイズ(文字サイズ)を自由にカスタマイズする!

今回は、無料テキストエディタのSublimeTextのカスタマイズを紹介します。 ディスプレイからの距離が遠かったり、前に使っていたエディタとフォントサイズを同じくらいにしたいと言った時に、SublimeTextでカスタマイズするにはちょっとややこしかったりする…

【はてなブログ】ツイートにメンションを付けたら通知を受け取れた!

先日、はてなブログの記事内にSNSシェアボタンを設置する方法を紹介しました。 その中で設置したTwitterボタンから記事がツイートされた時に、自分で管理できたら便利ですよね。実は、ツイートに自分のアカウントをメンションとして差し込むだけで、ツイート…

【SublimeText】スニペットを登録して作業効率大幅アップ!

SublimeTextなどのテキストエディタを使って処理を記述する時、同じようなコードを繰り返し記述することが多いですよね。HTMLでは、<head>や<body>などです。 SublimeTextであれば、「スニペット」という機能を使うことで、自由に定型文を登録しておくことができるので紹</body></head>…

Ruby on Rails 開発メモ

この記事は、Ruby on Railsで学んだプログラミングの内容について、軽くメモしておくための記事です。 今後、この記事の中から改めて1つの記事としてまとめることもあるかもしれませんが、学習中のメモで誤った解釈をしている可能性があるので注意してくださ…

【SublimeText】複数行を自動で整形し直す方法

プログラムをエディタで記述していると、いつの間にかインデントがおかしくなってしまい、コードが読みづらいといったことがあるかと思います。そういった時に、ひとつひとつインデントし直すのは大変ですよね。 SublimeTextであれば、複数行をまとめて「整…

【SublimeText】一行をまとめて複製するコマンド

SublimeTextは無料で使えるエディタなのですが、このアプリケーションにはいくつもコマンドが用意されており、プログラムを書きやすくなっています。 そこで今回は、コマンドの中でもよく使用される「一行まとめて複製」する方法を紹介します。

新着記事