こんにちはクリアメモリです！ 先日、はてなブログにSNSシェアボタンを設置する方法を紹介したのですが、その中で紹介した【はてな】や【Twitter】のデザインはシンプルなものを例にあげました。 そこで今回は、シェアボタンのカスタマイズ例をいくつか作成…

こんにちはクリアメモリです！ はてなブログで記事を公開してユーザーの方に読んでもらった時、TwitterやFacebookなどのSNSでシェアしてもらいたいですよね。 読んでくれた方がシェアしようと思っても、そもそもシェアボタンが設置されていなかったらせっか…

今回は、SublimeTextを使って「インデント」や「アンインデント」を複数行まとめて実行するコマンドを紹介します。 先日は、自動的に整形する方法を紹介しましたが、部分的にインデントを調整したい時がありますよね。そういった時はインデント・アンインデ…

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

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

先日、CODEPREPにアクセスしたところ、運営からCODEPREPがリニューアルするという旨の通知が来ていました。 CODEPREPは無料のプログラミング学習サイトで、初心者の方にかなりオススメなので紹介します。 また、リニューアルに伴うメンテナンスが実施される…

今回は無料のプログラミング学習サイト「CODEPREP (コードプレップ) 」について紹介します。 このサイトはJava や HTMLなどのプログラミング言語を基本から学ぶことができ、最終的にはより実践的なプログラムを書いてアプリケーションを作ることができます。…

こんにちはクリアメモリです！ 先日、Googleアドセンスのページを確認していたところ「広告掲載率」という項目が新たに追加されていました。 いつから追加されていたのかわかりませんが、収益と利便性のバランスをとるためのもののようです。 そこで、この広…

こんにちはクリアメモリです！ WEBでサイトを見ていると、記事を読み終わったタイミングや読み始めのタイミングで、ページ上部や目的の項目が書かれた箇所まで自動スクロールしたい時がありますよね。 そのような動作もjQueryを使えば、簡単に実装できるので…

こんにちはクリアメモリです！ HTMLのCanvasというコードを使うことによって、WEB上にお絵かきできるサイトを作成することができます。 Canvasの使い方が分かれば、直線や図形を描けるようになるのでチェックしてみてください。

こんにちはクリアメモリです！ javascriptやjQueryを使うことによって、様々なプログラムを組むことができます。 そこで今回は、jQueryを使って時間を計ることができるストップウォッチを作ってみようと思います。 ==== はじめに 今回の方法では「jQuery」を…

こんにちはクリアメモリです！ YouTubeに動画をアップする時に、サムネイルを設定すると思います。 動画アップ画面で表示されるサムネイルを使っても良いのですが、どうせなら自分で作ったサムネイルを使いたいですよね。 そこで、カスタムサムネイルに使用…

こんにちはクリアメモリです！ cssやhtmlをカスタマイズして、保存してから変更を確認する時に毎回ブラウザを更新しますよね。そのような時に自動リロードできたら便利だと思いませんか。 今回紹介する「Browsersync」を使うことで、ファイルに変更を加えた…

こんにちはクリアメモリです！ この記事は Web開発 について覚えておきたいことを、メモ書き程度にまとめておく記事になります。理解が足りていなかったり、浅いこともあるかと思いますので注意してください。 また、こちらの内容は改めて記事に興すかもしれ…

こんにちはクリアメモリです！ jQueryでは、cssをいじることによって要素の値を変更することができます。 そこで今回は、jQueryを使って「要素がクリックされたら、その要素を回転させ続ける」方法を紹介します。 ==== はじめに 今回紹介する方法では、jQuer…

こんにちはクリアメモリです！ これまで、幾つかの記事に分けてCanvasの使い方を紹介してきましたが、今回は図形や文字に影をつける方法を紹介します。 文字や図形に影をつけることで、立体的に描画することができますので試してみてください。 ==== はじめ…

こんにちはクリアメモリです！ 先日、Canvasを使ってWeb上に星や直線、円などを描画する方法を紹介しました。 実はCanvasには「fillText」というメソッドを用いることで「文字」を書くこともできるので紹介します。

こんにちはクリアメモリです！ 前回、canvasを使って図形や円を描画する方法を紹介しました。 その中で直線を描画した時に線がぼやけて表示されてしまったかと思います。 今回はそのような時の対処法について紹介します。

こんにちはクリアメモリです！ htmlのcanvas要素を javascript を使って値を指定することによって、web上に直線や星などの図形を描くことができるようになります。 今回はcanvasで図形を描くために必要なコードを紹介していきます。