クリアメモリ

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

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

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

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

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

Ruby on Rails 開発メモ

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

【はてなブログ】noindexを特定のカテゴリーを持つ記事にだけ設定する!

今回は、はてなブログで作成した記事を検索結果から除外する【noindex】を、特定の記事にのみ記述する方法を紹介します。 他のサイトを調べたところ、記事の最初にコードを記述するというような記事があったのですが、これだと再編集時に元に戻ってしまいま…

【はてなブログ】シェアボタンをスマホページの下に追従させるカスタマイズ

先日、はてなブログにシェアボタンを設置する方法を紹介しました。 その中では、シェアボタンを記事上や記事下に設置したのですが、今回はスマートフォンでアクセスした場合のみ、シェアボタンを画面の下に追従させる方法を紹介します。

【はてなブログ】cssをトップページやカテゴリページなど特定のページでだけ処理する

はてなブログでサイトをカスタマイズしていると、トップページでだけ実行したいcssやカテゴリページだけで実行するcssを作成したい時があります。 そういった時に、ちょっとした記述を追加するだけで、それぞれの処理を使い分けることができるので紹介します…

【はてなブログ】Twitterシェアがうまくいかない原因はタイトルだった!!

先日【はてなブログにSNSシェアボタンを設置する方法】という記事を紹介しました。 その中で、記事上や記事下にシェアボタンを設置したのですが、幾つかの記事でTwitterとGoogle+ボタンだけシェアがうまくいかないことがありました。 その原因がタイトルにあ…

【はてなブログ】トップページにアドセンス広告を設置するカスタマイズ

今回は、はてなブログのトップページにアドセンス広告を設置する方法を紹介します。 トップページの下(ページャーの上)にアドセンスを設置することで、トップページを訪れてくれた方の目に止まりやすくなると思いますので参考にしてみてください。

【はてなブログ】目次を開閉式にカスタマイズしてみた

先日、はてなブログの記事中に目次を設置する方法を紹介しました。 もし、目次に表示する見出しの数が10以上あったりして、目次だけでページが埋まってしまうような場合、開閉式にすることでスペースを削減できます。 そこではてなブログの目次を開閉式にカ…

【MAKEBOT】定期つぶやきを一括編集・復元・バックアップする方法

先日、使用しているブログをWordPressからはてなProへ移転しました。 それに伴い、サイトの自動ツイートとして使用させていただいている【MAKEBOT】にも書き換えが必要になりました。 そこで今回は、MAKEBOTの定期つぶやきをバックアップして、全てのつぶや…

【はてなブログ】スマホ版のデザインCSSをカスタマイズする方法

はてなブログでサイトのデザインをカスタマイズする場合、【デザインCSS】という欄にcssを記述していくと思いますが、スマホ版だとこの項目が存在しませんでした。 そこで、今回はスマホ版のデザインCSSをカスタマイズする方法を紹介します。

【はてなブログ】自作シェアボタンのカスタマイズ例まとめ|コピペOK!!

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

【はてなブログ】SNSシェアボタンを記事下に設置するカスタマイズ方法

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

【はてなブログ】記事中の目次でh3を一段下げて表示するカスタマイズ

先日、【はてなブログ】で記事中に目次を表示させる方法を紹介しました。 その記事の中で紹介したコードは【大見出し(h2)】を元に見出しとして表示していたのですが、このコードを改良することで、h3も目次に表示させることができるので紹介します。

【はてなブログ】目次を全記事中の見出し前に表示させてみた

はてなブログで記事を作成する時、大見出し(h2)や中見出し(h3)などを使って書いていくかと思います。そのような場合に、見出しごとに目次を表示できたら読んでくれた方に、記事の内容を伝えやすくなりますよね。 そこで今回は、はてなブログで目次を記事中に…

【SublimeText】インデント・アンインデントを複数行で実行するコマンド

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

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

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

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

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

【QuickTimePlayer】画面収録にクリックを含めて録画する方法

Mac

QuickTimePlayerというアプリケーションを使えば、簡単にMacの画面を録画することができます。実はこのQuickTimePlayerは、録画時に「クリックしたタイミングで波紋を表示」させることができます。 難しい作業は必要なく、録画時にちょっと設定するだけでク…

【Swift】MapKitでマップのあるアプリを作る

今回はCocoaProgrammingで、マップのあるアプリケーションを作成してみましょう。Swiftでは「MapKit」というフレームワークを使うことで簡単にマップを実装することができます。 そこで今回は、このMapKitの使い方を紹介します。

【WordPress】読了時間をプラグインで記事上に表示する Insert Estimated Reading Time

WordPressのブログを見ていると、よく「この記事は〇〇分で読むことができます」のような、読了時間を表示している人がいると思います。 WordPressであれば、Insert Estimated Reading Timeというプラグインを使うことで、簡単に読了時間を導入できるので紹…

【Mac】デュアルディスプレイのメインディスプレイを切り替える

Mac

先日、使用しているMacをBenQモニターでデュアルディスプレイにしました。Macであれば、デュアルディスプレイのメインディスプレイをどちらにするか、簡単に設定できたので紹介します。 この方法を使えば、スクリーンショットの保存先をサブディスプレイす…

【Simplicity】タグリンクを記事下に表示させる方法

Simplicityで記事を作成すると、ページの下の方に「タグ」が表示されますよね。記事ごとに設定したタグのリンクが表示できてとても助かっているのですが、デフォルトの表示位置はシェアボタンやフォローボタンの下に表示されます。 今回はこのタグリンクを…

【WordPress】投稿編集ページに次の記事 前の記事プラグインで表示させる Admin Post Navigation

WordPressで投稿を編集する時に、編集したいページが複数ある場合にいちいち投稿一覧ページから開くのは面倒ですよね。 そこで、投稿編集ページから次の記事、前の記事へ移動できたら便利だなと思っていたところ、まさにどんぴしゃなプラグイン「Admin Post…

【Simplicity】コメント欄を記事下に配置するカスタマイズ

先日、WordPressで使用している「Simplicity」で、コメント欄を記事の下に配置するカスタマイズをしてみました。Simplicityのコメント欄は初期状態だと、関連記事の下に設置されていましたが、記事の下に配置することでよりユーザーの方の目に留まりやすく…

【Mac】デュアルディスプレイでミラーリングを切り替えるコマンド

Mac

先日、iMacとBenQモニターでPCをデュアルディスプレイかしました。私の場合、デュアルディスプレイでそれぞれのモニターを個別に使う時と、ミラーリングで同じ映像を流して使う時がありました。 そういった時に便利な「コマンドからデュアルディスプレイの…

【Ruby on Rails】新規アプリを作成するnewコマンド

今回はRuby on Railsで、新しいアプリケーションを作成する時に使用するコマンドを紹介します。このコマンドを覚えておかないと、そもそもRuby on Rails製のアプリが作れないので確認しておいてください。

【Rails】コントローラー作成時の規約・命名規則

前回、Railsでモデル作成時の規約について記事を公開しました。そこで紹介した通りRuby on RailsにはMVCという概念があるので、今回はコントローラーの規約について紹介します。

【Rails】モデル作成時の規約(命名規則)

Ruby on Railsはファイルの作成時などで規約があります。この規則をしっかりすることで、ファイルの作成をスムーズにできるので備忘録を兼ねて記載します。 今回はその中の「モデル(Model)作成時の規約」です。

【iTunes】iPhoneのUDIDをiTunesで調べる方法

Mac

先日、知り合いからiPhoneのUDIDって何というような質問を受けました。そこで、今回はiPhoneのUDIDについて軽く触れつつ、iTunesからiphoneのUDIDを取得する方法を紹介します。

【Swift】彩度を加工できるアプリをCIFilterで作ってみた

前回、画像の「明るさとコントラスト」を加工できるOSXアプリを作成しました。そこで紹介したCIColorControlsは「彩度」を調整することもできます。 そこで今回は「画像の彩度」を調整できるOSXアプリの作り方を紹介します。

【Swift】明るさとコントラストをCIFilterで調整するアプリを作ってみた

今回はCocoaProgrammingで、CIFilterを使って画像の「明るさとコントラスト」を調整できるOSXアプリを作成しました。 CIFilterを使うことで、ユーザーが調整した値を元に、画像を加工することができます。

【Swift】ImageViewにぼかしを入れるCIFilterの使い方

今回はCocoaProgrammingで「CIFilter」を使ってImageViewに「ぼかし」を入れる方法を紹介します。 CIFilterにはぼかし以外にも、様々なフィルタがかけられるので参考にしてみてください。

【Swift】背景色にグラデーションがかかったビューを作る

今回はCocoa Programmingで、CustomViewの背景色にグラデーションをかける方法を紹介します。 背景色にグラデーションをかけることで、単色の背景より綺麗なレイアウトにできると思いますので、参考にしてみてください。

【Ruby】joinを使って配列や文字列を連結させる方法

今回はRubyで「join」メソッドを使って「配列・文字列を連結させて1つの文字列」にしてみたので紹介します。 このメソッドを使うことで複数単語の配列や文字列を変換し、それぞれの頭文字だけを大文字にすることもできるので参考にしてみてください。

【Ruby】文字列を大文字や小文字などに変換させる4つの方法

先日Rubyを使っていて、文字列を変換したい時がありました。 ここでの変換とは、「helloworld」という文字列があったとして、これを「HELLOWORLD」に書き換えるというようなものです。 Rubyでは、このような変換を簡単に実装できるので紹介します。

【Swift】アニメーションを実装するCABasicAnimationの使い方

今回はSwiftでビューの背景色をアニメーションで切り替える方法を紹介します。 SwiftのCABasicAnimationというコードを使うことで、簡単にアニメーションで背景色にアニメーションを実装できるので参考にしてみてください。

【Mac】Command ⌘ やOption ⌥ の記号を入力する方法

Mac

先日、Macを使っていて「Command」や「Option」キーの記号を入力する機会がありました。CommandやOptionの記号というのは「⌘」や「⌥」ですね。 また他にも「Shift ⇧」や「Delete ⌫」、「Return ⏎」キーなんかも入力できるので紹介します。

【Swift】NSColorWellでビューの色を変更する使い方

今回は「CustomView」の背景色を「NSColorWell」を使って、リアルタイムに調整できるようにしてみました。 NSColorWellというのは、イラストツールなどによくある「四角」をクリックしたら、カラーパネルが表示されて色を変更できるオブジェクトです。 このN…

【WordPress】コメント返信時に通知を送信するプラグインComment Email Replyの使い方

先日WordPressで運営している記事に、コメントをいただきました。 そこで、コメントを承認し返信しましたが、どうやらコメントの返信では相手に通知が届かないようなんですよね。 そこで今回は、WordPressでコメントに返信したときに通知を送信できるプラグ…

【Ruby】rbenvでRubyをアップデートする方法

先日、Rubyをアップデートしようと思い、調べてみたところ「homebrew」や「rbenb」などのキーワードが出てきてややこしかったので実際にRubyをアップデートしてみました。 Rubyのアップデートはターミナルを使うことでできるので紹介します。

【Mac】サブディスプレイから音を出す設定方法 2種

Mac

私はiMacとBenQモニターで、デュアルディスプレイにしているのですが、サブディスプレイにしてあるBenQの方から音を出すことができたら、と考えていました。 そこで、いろいろ設定を探してみたところ、思ったより簡単に出力を変更できたので紹介します。

【Google】検索結果のスクリーンショットをブログに載せるには使用許諾が必要!?

先日、ブログで公開した記事の中に「Googleの検索結果」をスクリーンショットした画像を載せるタイミングがありました。 あまり気にしていなかったのですが、よくよく考えてみると「Google検索結果のスクリーンショット」は勝手に使って良いのかという疑問に…

【WordPress】お問い合わせフォームを設置できるプラグインContactForm7の使い方

ブログやサイトを運営していると、コメント欄とは別に「お問い合わせ」フォームを設置したいと思ったことはありませんか。 記事を読んでくれた方からメールを受け取りたいけど、アドレスを公開するのはちょっと..。というような方は「ContactForm7」という…

【ContactForm7】スパム対策にreCAPTCHAを使う方法

先日紹介したContactForm7というWordPressプラグインですが、初期状態だと「スパムメールが」届いてしまって迷惑していました。 ContactForm7では、reCAPTCHAというサービスを利用することで、簡単にスパム対策ができたので紹介します。

【Ruby】irbで日本語入力ができない|文字化けする時の対処法

先日、Rubyをターミナル内で実行するirbという機能を使って、Rubyのプログラムを実行していたところ、日本語入力が正しく表示されず「文字化け」のようになってしまいました。 irbで日本語を入力するためには、コマンドが必要になるので今回は、irbで文字化…

【Swift】addArcで半円や正円を描画する方法

今回はCocoaProgrammingでSwiftを使った「正円」や「半円」、それ以外の中途半端な弓形をビュー上に描画する方法を紹介します。 「addEllipse」だと正円や楕円しか描画できなかったのですが、addArcを使うことで270°の弓形なども描画できるようになるので参…

【Ruby】splitで配列を簡単に作る方法

Rubyには、splitというメソッドを使うことで、1行の文字列から指定したキーワードで区切った配列を作成できます。 詳しい例は後述しますが、このsplitを使うことで簡単にメソッドを作ることができたので紹介します。

【Swift】NSGraphicsContextで図形を描画する方法

今回はCocoaProgrammingで「カスタムビューに図形を描画」させてみようと思います。 NSGraphicsContextを使うことで、四角や丸だけではなく、直線も描画できるようになるので、星のような複雑な図形も描画できます。そこで今回は、NSGraphicsContextを使っ…

【Ruby】分数の計算を行うRationalの引数と使い方

Rubyでは、Rational( )というコードを使うことで、カッコ内に指定した数値を分数に治すことができます。このRationalは引数を取るので、その引数と実際の使い方を紹介します。 また分子だけ、分母だけを取得する方法も合わせて見ていきましょう。