子供の場所をGPS位置情報で確認！月額無料0円〜500円で見守りスマホを作ろう | EasyRamble

2017/06/02 17 users 長女 幼稚園 登下校時 下校後 単独行動

小学校一年生になった娘用で、子供が現在どこにいるのかを GPS 位置情報で確認するために、子供用の見守りスマホを作成しました。この春4月に長女が小学校に入学したのですが、ほぼずっと親の保護の元だった幼稚園・保育園までに比べると、子育て環境が一気に変わります。 小学生になると行動範囲が広がりますし、子供一人での単独行動の時間も増えます。登下校時だったり、下校後や休日に友達と遊びに行く時など。親として... 続きを読む

RailsプラグインGemの作成方法、RSpecテストまで含めたrails pluginの作り方 | EasyRamble

2017/05/13 51 users 作り方 作成方法

Rails プラグイン Gem を作る方法の紹介です。現在の Rails では、プラグインを Gem としてビルドします。通常の Ruby Gem と異なるのは、Rails プラグイン Gem は Rails のコアフレームワーク自体を拡張することができる点です。Rails 自身を拡張して機能を追加したい場合は、Rails プラグインとして Gem を作成すると良いでしょう。 通常の Ruby G... 続きを読む

マストドン(Mastodon)のDockerインスタンスをさくらVPSに設置してみた | EasyRamble

2017/05/03 23 users マストドン Mastodon ドメインサービス README

マストドン（Mastodon）のインスタンスを、さくら VPS に Docker を用いて設置してみました。この記事は、その作業を行った際の備忘録です。公式 README にも書いてありますが、Mastodon のインスタンスを立てるには、Docker を用いる方法が比較的簡単です。設置してみてやはり Docker 便利だな〜！ってなりました。 事前に、ご利用のドメインサービスでドメインを取得して... 続きを読む

Gemの作り方(Ruby Gem) | EasyRamble

2017/04/09 13 users gem Ruby gem 作り方

$ bundle gem sample-mygem --test Creating gem 'sample-mygem'... MIT License enabled in config Code of conduct enabled in config create sample-mygem/Gemfile create sample-mygem/.gitignore create sample... 続きを読む

RailsでAMPに対応するgemをリリースしました | EasyRamble

2017/02/17 18 users Rails README gem GitHub host

Rails で AMP(Accelerated Mobile Pages) に対応するための、Rails プラグイン gem を作成して公開しました。設定や使い方は、GitHub の README に詳しく書いています。サポート対象の Rails バージョンは、4.1, 4.2, 5.0 です。 rails_amp | RubyGems.org | your community gem host ... 続きを読む

MacでCommand+Qの誤爆によるアプリ終了をKarabiner(KeyRemap4MacBook)で防止 | EasyRamble

2016/01/21 20 users Command KARABINER 災難 誤爆 Firefox

Mac ユーザーになってやがて3年経ちますが、Mac を使い始めて初期の頃から困ったのが、Command + Q を間違えて押してしまい、うっかり使用中のアプリケーションを終了してしまう誤爆。 アプリケーションによっては、Command + Q で警告が出ずにいきなり終了してしまうものもあるので、編集中のファイルを未保存で終了しちゃうと災難です。またブラウザ（Firefox, Chrome）だと、... 続きを読む

Railsで複数タイムゾーンに対応 | EasyRamble

2016/01/16 26 users Rails ActiveRecord カラム USER 特定

先日書いた記事 RailsのActiveRecordで今日・昨日など特定の日に保存されたレコードを取得 | EasyRamble の後半で少し触れた、Rails で世界中の複数のタイムゾーンに対応する場合の続き。 国際化する Rails アプリケーションの場合、User モデルに time_zone カラム等を持たせて、ユーザーごとに異なる複数のタイムゾーンに対応する場合もあるかと思いますが、そう... 続きを読む

CakePHP3入門・開発チュートリアル | EasyRamble

2015/11/15 82 users 開発チュートリアル

CakePHP3 公式ページに掲載されているブックマーク・アプリケーションのチュートリアルをやってみました。CakePHP3 はモデルのデータを配列じゃなくてオブジェクトで取得できたり、Composer が標準で対応されたりとさらに便利になっています。 ブックマークチュートリアル – CakePHP Cookbook 3.x ドキュメント Bookmarker Tutorial – CakePHP... 続きを読む

Rubyで親クラスから子クラスの定数を参照 | EasyRamble

2015/11/11 30 users cla サブクラス 定数 Ruby メソッド

Ruby で親子関係の継承クラスで、親クラス（スーパークラス）から子クラス（サブクラス）の定数を参照したい機会があった。親クラスに共通化して定義したいメソッドの中で、子クラスで定義されている定数を参照したいケースです。 — 環境 — Ruby 2.2.2 Rails 4.2 リファクタリング前のコード 単純化してますけど、具体的には以下のようなサンプルで、最初に書いたのが次のようなコード。 cla... 続きを読む

Railsで複数テーブルのjoins/includesとwhere検索 | EasyRamble

2015/10/17 55 users Rub ActiveRecord where Rails 複数

Rails の ActiveRecord で複数の関連する DB テーブル（モデル）を joins/includes させて、where 検索を行う方法です。結構難しかった。 — 環境 — Rub […] 続きを読む

NSUserDefaultsにプロパティで値を保存・取得するSwiftラッパークラス | EasyRamble

2015/09/26 21 users iOS Key オブジェクト 永続化 保存

iOS 開発において NSUserDefaults（User Defaults）を使うと、簡単にデータを永続化して保存できます。Key/Value 方式で任意のオブジェクトの保存・読み込みが可能です。 — 環境 — Swift 1.2 Xcode 6.3.2 // NSUserDefaults のインスタンス取得 let ud = NSUserDefaults.standardUserDefaul... 続きを読む

英語リスニング練習にNHK WORLD RADIO JAPANがおすすめです、その理由7つ | EasyRamble

2015/09/07 503 users iPhone Podcast 日課 iTunes NHK

久々に英語学習の話題です。ここのところ NHK WORLD RADIO JAPAN の English News を、iPhone の Podcast アプリで毎日聞いています。以前からちょいちょい聞いてたのですが、ここ数ヶ月は寝る前の日課にしている。 iTunes – Podcast – NHK「English News – NHK WORLD RADIO JAPAN」 NHK ラジオポッドキャ... 続きを読む

Scroll View（UIScrollView）でのAutoLayout設定 | EasyRamble

2015/08/09 45 users UIScrollView Storyboard XCode

Xcode の Storyboard で Scroll View（UIScrollView）を使おうとしたところ、Scroll View に対する AutoLayout の設定が難しくてちょっとはまったので備忘録メモです。Constraints（制約）の警告が消えなかったり、ビルドしたらスクロールしなかったりと、色々試行錯誤してしまいました。 以下のエントリー等のおかげで解決できました。ありがとう... 続きを読む

距離1kmあたりの緯度・経度の度数を計算（日本・北緯35度） | EasyRamble

2015/07/29 26 users 半径 Ruby 三角関数 経度 緯度

日本（北緯35度の地点）において、距離1キロメートルが緯度・経度の度数に換算するとどの程度になるかを計算しました。精密な計算ではありませんが、三角関数を使うことで実用に使える程度の精度で計算することができます。日本限定ではありますけど。実際の計算は Ruby の Math モジュールを用いて行いました。 日本の緯度・地球の半径（赤道半径/極半径）など まず前提として、以下の数値を元に計算を行います... 続きを読む

Swiftで作るToDoアプリ開発チュートリアル | EasyRamble

2015/06/08 399 users ToDo YouTube iOS Swift XCode

Swift と Xcode を使っての iOS 開発で、ToDo アプリを作ってみる開発のチュートリアルです。ちょっと長いですが、スクリーンショット付きで Xcode の操作方法を解説して、必要となる Swift のソースコードも全て掲載しています。以下画像のような、オーソドックスな ToDo アプリを作っていきます。 Todo アプリを操作するデモ動画を YouTube に上げました。以下から確... 続きを読む

JavaScriptでスクロールを一時的に止める | EasyRamble

2015/06/03 29 users jQuery scrollTop mono スクロール 実現

JavaScript で何かしらのイベントをきっかけに、一時的にブラウザのスクロールを停止させたい場合の処理方法を調べました。以下のページで紹介してあった方法がかしこい。 JavaScriptで一時的にスクロールを無効化する | monoの開発ブログ Lightboxっぽいもののデモ CSS と jquery の scrollTop(), scrollLeft() で実現 詳しい解説は、上記ページ... 続きを読む

MacでWord/Excelファイルを作成・編集するにはOffice Onlineが便利 | EasyRamble

2015/05/28 40 users office Excel word Windows Mac

Mac ユーザーになって以来、仕事でもプライベートでも Mac ばかりメインで使うようになったのですけど、一番困ることの1つが Windows の Office ソフトのファイルの閲覧や作成・編集です。メールの添付ファイルなどでも、Word や Excel ファイルは普通に受け取ったりしますからね。 Mac でも一応 TextEdit.app で、Word や Excel ファイルを開いて閲覧する... 続きを読む

Macでトラックパッドとマウスのスクロール方向を逆に設定 | EasyRamble

2015/05/21 24 users トラックパッド XCode マウス MacBook Air

Macbook Air 用のマウスを購入しましたので、本日もマウス関連のネタです。Mac のトラックパッドとマウスのスクロール方向の設定を、個別に行って逆になるように設定する方法。 Xcodeの操作が辛いので635円の無線マウスを買った | EasyRamble — 環境 — Mac OS X Yosemite 10.10.3 トラックパッドとマウスのスクロール方向の設定が連動してしまう ちょっと... 続きを読む

JavaScriptのsetTimeout()でコールバック関数に引数を渡す | EasyRamble

2015/05/12 25 users setTimeout sleep 備忘録 引数 昨晩

JavaScript には sleep がないわけですが、特定の処理を遅らせたい場合、代わりに setTimeout() を利用します。昨晩この setTimeout() の書き方で手こずったので備忘録。 続きを読む

エンジニアでもできる洒落たロゴを短時間で作成するコツ4つ | EasyRamble

2015/05/04 205 users プログラマー Chrome ポップアップ辞書 ロゴ制作 コツ

少し前に ポップアップ辞書の Chrome 拡張機能 をリリースした際に、半日時間をとってロゴ作成の練習を行いまして、ちょっと綺麗なロゴを作れるようになったので、その時に掴めたロゴの作り方のコツを4つまとめておきます。 自分の場合、WEB制作・開発の中でもデザインが一番苦手でして、ロゴ制作もそれほど得意ではありません。エンジニア・プログラマーの方だと、デザインが苦手な方も多いですよね？ ロゴ・ジェ... 続きを読む

AdSense（アドセンス）でレスポンシブ広告ユニットのカスタマイズ | EasyRamble

2015/04/09 28 users script adsense アドセンス デフォルト コード

まずはレスポンシブ広告ユニットを作成する Google Adsense にログインして、まずはレスポンシブ広告ユニットを作成します。以下のような広告コードを取得できるはずです。 デフォルトのレスポンシブ広告ユニットのコード <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <... 続きを読む

Chromeアプリや拡張機能のChromeウェブストアへの公開手順 | EasyRamble

2015/04/05 22 users Extension Chromeウェブストア App 手順

Chrome Extension（拡張機能）や Chromeアプリを、Chrome ウェブストアに公開する手順を調べたので、まとめておきます。Chrome アプリも Extension も公開手順は同じようです。基本的に以下の公式のドキュメントページに沿う内容で、必要に応じて捕捉しています。 Publishing Your App – Google Chrome 事前に用意するアイコン・スクリーン... 続きを読む

Browserify + GulpでクライアントのJavaScript / CoffeeScriptでrequire | EasyRamble

2015/03/23 62 users Gulp CoffeeScript browserify

先日以下の記事で、クライアントサイド JavaScript での require による依存解決の方法を読みました。一言で言うと Browserify というライブラリを使って、クライアント側 JavaScript でも、モジュールをファイルごとに分割して require で読み込むための手順。 Browserifyでrequireを使ってjavascriptの依存関係をすっきりにしてみる – ぼ... 続きを読む

Rails ActiveRecordでランダムにレコードを1件取得する | EasyRamble

2015/03/17 49 users Rails ActiveRecord MySQL レコード

Rails の ActiveRecord で、MySQL データベースのテーブルから、ランダムにレコードを1件取得するコードを4つの方法で試しました。Rails は便利とはいえ、ActiveRecord が絡む部分でまずい書き方をすると、劇的に動作が遅くなってしまう場合もある。なので、自信がない時は、ちょっと手間がかかりますけどベンチマークを取るようにしてます。 — 環境 — Rails 4.1 ... 続きを読む

chrome.storageでchrome extension用のデータを保存・取得 | EasyRamble

2015/03/14 21 users localStorage API エントリー 拡張機能 保存

昨日のエントリーで、Google Chrome Extension（拡張機能）の設定値の保存と取得に、localStorage を利用する方法を書きました。 Chrome Extensionでoptions_pageで設定したlocalStorageの値をcontent_scriptsから読み込む | EasyRamble chrome.storage の API を使う localStorage... 続きを読む