CaramelTrip

バックエンドエンジニアをメインに、コミュニティ運営・Blog・Video制作などマルチに活動するフリーランスのWEBエンジニアです。 旅・ガジェット・テクノロジー・ライフスタイルの4つのジャンルを中心にニュースやレビューを紹介しています。

tech

はてなブログをバックアップ、リストアして確認するよ。テーマ変更や、ワードプレスの移行、削除に備えて。

ブログのテーマを変更しようと思いまして、バックアップ&復旧して確認までやってみました。 また、はてなブログユーザーの方であれば、複数のブログを作成する事ができます。 無料の方は3個まで、有料会員は10個までブログを作れちゃいます。 なので、 バッ…

BootstrapのNavbar使えた!はてなブログのヘッダーメニューを固定レイアウトにしてレスポンシブ対応。

はてなブログを見直してて、ヘッダーメニュー(タイトル)をなんとか出来ないかと試行錯誤しました。 結果、BootstrapのNavbarをそのまま使えることに気が付き設定してみました。 今このサイトに表示されているヘッダーがBootstrapのNavbarです。 画面を下にス…

はてなブログのコード表記をCSSでMonokai色に設定。色分けで見やすいシンタックスハイライト対応

技術ブログ見てて、ソースコードが色分けされてないと非常に見づらい。 「あ、俺のブログ・・・、見づらい。」 という事で、大好きなmonokai風に色付けしました。 テーマ次第ではデフォルトで色分けしてくれるものもありますよね。 親切だわー。

MySQL5.5をHomebrewでインストール | Mac OSX 10.11 El Capitan

HomebrewでデフォルトインストールするとMySQL 5.6 が入っちゃうんですよね。 お仕事で5.5が必要だったので、MySQL5.5を入れる手順を紹介します。 Mac OSXのバージョンはEl Capitanです。 では、いってみましょう。 MySQL5.5 1. 事前準備 2. インストール 3.…

iWork [Keynote,Pages,Numbers, iMovie, GarageBand] が無料になった!

AppleのiWork、iMove、GarageBandが無料になりました! Macを買うと付いてきたりしますが、私の場合GarageBandなかったんですよね。 買おうかと思ってましたよ、買わなくて良かった・・・。 iPad版もありますしね。

みんなウィルス対策してる? Macも安全ではないよね?

windowsだとウィルス対策は必須という認識で、結構皆さんウィルス対策ソフト入れてると思います。 が、Macの人ってあんまりウィスル対策ソフト入れてないっすよね? あと「Macは平気」みたいな都市伝説ありますよね。 ここまで普及しているOSが対策無しで大…

Atomでお手軽に関数ジャンプ出来ちゃう[go-difinition] | ctagでイラッとしていた方必見!

今日はプログラムのお話です。 以前にAtomとうエディタをご紹介しました。 www.carameltrip.com 今回はAtomのプラグイン「goto-definition」のご紹介です。 パッケージをインストールするだけで関数ジャンプ出来ちゃうらしい! 実際に、コイツをインストール…

Macでエディターこれで決まり?AtomでMonokaiとFile-iconを設定しましょう

今回は、私が使っているAtomの初期設定をご紹介します。 主にRubyOnRailsとPHPでプログラムを組む時に使用しています。

Postgresql 9.3.2 Install on Mac(El Capitan)

Mysqlが買収されたり、herokuではデフォルトPostgreSQLだったりしますよね。 PostgresSQL派の人もかなり多いですし、今日はMac(El Capitan)のPostgreSQLインスール方法をご紹介します。

仮想環境 Vagrant上のmysqlに、ローカル(Mac)のSequelProで接続する方法

前回、Mac上に仮想環境の構築方法をご紹介しました。 www.carameltrip.com 今回は、作った仮想環境のMySQLに接続する方法をご紹介します。 SequelProはすごい便利なMysqlのGUIツールです。 MacのローカルにイントールされたSequelProを通して、Vagrant上のMy…

Macに仮想環境構築 | Vagrant + VirtualBox ~ Centos6.5

Mac上の複数の開発環境を作りたい為、仮想環境を構築しました。 仮想環境を使うと、即座にOSごと違う環境に切り替えられるようになります。 今回は、Vagrant + VirtualBoxで仮想環境を構築していきます。 では、いってみましょう。

railsのseo対策 gem sitemap-generatorでsitemapをつくってgoogleに登録しよう

いままで、あまりやった事のなかったSEO。 いくつかのSEO対策をしてみた中で、今回はsitemap-generatorを取り上げます。

ブログ素人が【はてなブログPRO】にして1ヶ月が経過。その結果と効果を報告します!

私は1ヶ月前に『はてなブログPRO』にしました。 www.carameltrip.com PROにして1ヶ月が経過しましたので、結果を踏まえてご報告していきます。

railsで簡単にグラフを作成できる!しかも3つのグラフライブラリから好きなものを選べる「chartkick」

railsのプロジェクトでグラフを追加しようと試したところ、かなりお手軽に追加できるgemを発見。 使いやすく、3つのグラフライブラリから自分の好きなものを選べてしまう! 最高のグラフツールを、導入方法や設定をUI付きでご紹介します。

Nginx "413 Request Entity Too Large"が出た時の対策と設定方法

サーバーでエラーが発生すると冷汗です! 今回は、Nginx "413 Request Entity Too Large"が出た時の対策と設定方法をご紹介します。

AWS上でNginxを使ってWordpressの環境構築 | EC2 + Wordpress + Nginx + PHP7 + Mysql5.6

今まではAWSでWordPressやる時はBitNamiを使ってました。 BitNamiは、amazonの公式でも紹介されています。10分ぐらいでサクッとセットアップできちゃいます。 aws.amazon.com Apacheは便利だけど脆弱性多いし、Nginxの方が速いという事で新規にセットアップ…

rubyやphpのバージョンをまとめて管理しよう rbenvやphpenvをまとめて管理できるanyenv

rubyのバージョン管理をrbenvで、phpのバージョン管理をphpenvでやっていましたが、バッティングしておかしくなったりしていました。 これらのenvをまとめて管理してくれるanyenvとう便利なパッケージがありますのでご紹介。 envを2つ以上使ってる人は使った…

mysql5.6 rpmインストール on CentOS6.5

mysql5.6のインスールをまとめて紹介します。 サーバーOSはCentOS6.5です。使い慣れた6系のCentOSにインストールしていきます。 では、いってみましょう。 MySQL5.6 1. 事前準備 2. RPM ファイルをダウンロード 3. mysql5.6のインストール 4. 初期設定 5. ユ…

「2回目?はてなブックマークに掲載された〜」恩恵を受けましたよ!

なんかアクセス多いなと思ってチェックすると「はてなブックマーク」に掲載されてました! 実は一週間ほど前に「掲載されたよー」という記事を書きましたので、今回は第2段という感じでご紹介させて頂きます。 前回のやつはこちら 「はてなブックマークに掲…

rbenvでRubyのバージョン管理 | AWS Amazon LinuxでrbenvインストールからRubyのインストールまで

私はよくAWSのEC2でAmazon Linuxを使ってます。 今回はrbenvインストールから、Ruby on Rails環境構築までをご紹介します。

Ruby on Railsでよく使う rake db コマンドまとめ12選

rake コマンドの中でも rake db: 結構使いますよね、まとめてどうぞ!

Xcode6で簡単にテーマを変更する方法まとめ | Alcatrazプラグインでmonokaiに!

どうしてもエディタのテーマをmonokaiにしたくて・・・。 探したら、えらい簡単に設定できましたので、皆さんもお試しあれ。

Amazon EC2 初期設定 | AmazonLinuxを立ち上げたら最初にすべき10の設定 [sshログイン〜ec2-userの削除まで]

AmazonLinux 初期設定 1. SSHでログイン 2. yumアップデート 3. ホスト名の変更 4. 日本時間(JST)にする 5. 文字コードを日本語設定に変更 6. userの追加 7. newuserにsudo権限を付与 8. ec2-userのssh設定をnewuserに移行 9. sshから抜けて、newuserでsshロ…

「はてなブックマークに掲載されたー!」で、その効果は? | 掲載される条件、載る方法ってあるの?

なんと「はてなブックマーク」見てたら私の記事がぁー! 掲載されてたー! ブックマークは6usersだけど載るんだ! やったぁ〜♫ 今回はその効果と、掲載される条件を調べてみました。 はてなブックマークとは? 掲載された効果 掲載される条件 人気エントリー…

祝!読者登録100人突破♫ | みなさま、ありがとうございます!

祝 振り返り ブロガーさんと記事の紹介 ブロガーさんの紹介 記事の紹介 まとめ 祝 このブログをはじめて、1ヶ月とちょっとになりますが、なんと読者登録数が100人を突破しました〜! 👏👏👏👏👏 皆様、本当にありがとうございます! という事で、今回は当初の振り返り…

「はてなブログ」にbootstrapを導入しました!何をするかというと・・・。

bootstrap bootstrapを導入しましたぁ。 bootstrapは色んなとこでディスられますが私は好きです。 今回何がしたいかと言いますと、広告をレスポンシブ対応にしたかったんですよ。 あと、ページネイション。次のページへ飛ばすやつ。それだけ。

【はてなブログ運営報告】ブログ素人の目指せアクセスアップ!開設1ヶ月目の状況を全て公開します!

現在、2016/12/31の夜。 もうすぐ2016年も終わりですね〜。 11月の末から「はてなブログ」を始めて1ヶ月が経ちました。 年末ですし、僕も「はてなブログ運営報告」やります。全部公開します!

イベント[クローリングのスペシャリストが語る、クローラー運用の裏側]の資料公開

イベント[クローリングのスペシャリストが語る、クローラー運用の裏側] ちょっと前のイベントになりますが、横浜関内のmassmassフーチャーセンターにて「クローリングのスペシャリストが語る、クローラー運用の裏側」というイベントを実施し、壇上させていた…

ブログに画像をアップする時に気を付けたい画像サイズ!| 画質はそのままに画像サイズだけ小さくする方法

画像を圧縮しよう(zipじゃないよ) 私がブログをアップする際に、必ず行っている画像の圧縮方法をご紹介します。 zipとかtarなどのファイル圧縮の事ではありませんよ。 「画像はそのままにサイズだけを小さくする」という意味です。 なぜか? 理由は2つ。 ブ…

はてなブログでフラットデザインアイコンを使おう | Font Awesome

FontAwesome | フォントオーサム CDNでFontAwesomeを使おう 導入編 CDNのバージョンアップ方法 Fontawesomeの使い方 まとめ FontAwesome | フォントオーサム Fontawesomeを使えば簡単にフラットデザインのアイコンを使用する事ができます。 使用方法も導入も…