goto_jp さんのアバター 2,787views

Windows環境でMongoDBとGUIツールのインストール

node.js用のDBとしてMongoDBを試そうとしてやってみた。 MongoDBのインストール https://www.mongodb.org/ こちらからインストールパッケージをダウンロード。 インストーラでインストールしてもexeが 2015年7月14日
goto_jp さんのアバター 829views

jQuery:eachを逆順に処理する

普通のjQueryのeachの書き方は下記になる。 $(".hoge").each(function(){ //処理 }); ページ内のクラスhogeすべてに前方から順に処理をしていく。 これを最後の方から逆に処理をしたい場合は下記のように 2015年6月11日
goto_jp さんのアバター 6,536views

jQuery:現在カーソルがhoverしている要素を返す

下記で取得できる。 jQuery(":hover") カーソルがhoverしている箇所に重なっている全要素が深い順に配列で返される。 応用:特定のレイヤーの上にカーソルが存在することを判定する $(".layer").mouseout(fu 2015年6月9日
goto_jp さんのアバター 367views

HerokuにNode.jsアプリをデプロイする

基本的には下記に従うだけですが、やったことのメモ。 https://devcenter.heroku.com/articles/getting-started-with-nodejs Herokuアカウント作成 まずアカウントを作りましょう 2015年5月31日
goto_jp さんのアバター 142views

Adobe製のOSSエディタ「Brakets」のススメ

SublimeからAdobe製のOSSエディタ「Brakets」に乗り換えました。 主な機能は下記で詳しく紹介されています。 http://qiita.com/assialiholic/items/c8137321c7599a168b16 2015年5月27日
goto_jp さんのアバター 163views

Analytics:イベントトラッキングで「要素の表示数」を拾う

まずGoogleAnalyticsのイベントトラッキングの基本はコチラ。 イベント トラッキング – ウェブ トラッキング 通常であればイベントトラッキングは下記のようなHTMLタグで「要素のクリック数」を拾うためのものです。 2015年5月18日
goto_jp さんのアバター 7,252views

jQuery:動的に追加した要素の取得・操作にはready()を応用する

背景 ある要素がonLoadのタイミングでJSで生成されている その要素に対しては直接手を出せない その要素に対してonLoadのタイミングで操作を行いたい ready()関数で対応する ready()は「DOMのロードが完了されたタイミン 2015年4月13日
goto_jp さんのアバター 1,508views

Firefoxバグ:tdにposition:relativeをかけるとborderが消える

table { border-collapse: collapse; } td { position: relative; border: solid 1px #ccc; background-color: #fff; } border-c 2015年4月8日
goto_jp さんのアバター 928views

jQuery:Ctrl+クリックを拾う

$(function(){ $('#object').click(function(event){ if (event.ctrlKey){ alert('Ctrl + クリック!'); } } }); 以上で #object がCtrl+ク 2015年3月17日
goto_jp さんのアバター 282views

Compassの落とし穴:グラデーションにsvg出力を行わせない

CompassでCSSグラデーションを描く際は下記のように記述します。 @include background-image(linear-gradient(#fff, #ccc)); これをコンパイルするとCSSには下記のように出力されます 2015年3月17日
goto_jp さんのアバター 757views

jQuery:すべてのテーブルセルにカラム番号を自動付与する

$(function(){ $("table tr").each(function() { $(this).children().each(function (i) { i = i+1; $(this).addClass("column-" 2015年3月12日
goto_jp さんのアバター 270views

正規表現:連続した空行を削除する

\n(\s*)\n|\n(\t*)\n スペースインデントでもタブインデントでもマッチします。 ただの改行に置換しましょう。 \n 2015年3月5日
goto_jp さんのアバター 206views

jQueryUI:sortableを使う

See the Pen jQuery sortable by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. ドラッグ&ドロップで並び替えできるリストです。 <ul class="sortabl 2015年3月4日
goto_jp さんのアバター 137views

SublimeText:GoTo_DefinitionでCSSクラス宣言元に飛ぶ

WebStormを使っていた時はHTML内のCSSクラス名を ctrl+左クリック でその宣言元をすぐ見ることが出来たのですが、SublimeTextでも同じことができないかと探したところ、SublimeText3の標準機能の「GoTo_D 2015年2月25日
goto_jp さんのアバター 155views

SublimeText:特定のフォルダをプロジェクトから非表示にする

※Javanizeパッケージで日本語化されてる前提の説明です。 すべてのプロジェクトで非表示にする場合 Preferences → 基本設定-ユーザ を開く。 下記のように「folder_exclude_patterns」のに非表示にするフ 2015年2月25日
goto_jp さんのアバター 37views

SublimeTextスタートガイド

http://www.sublimetext.com/ ひとまずダウンロード&インストール。 Package Control のインストール まず最初に、プラグインをインストールするためのプラグインを入れる必要があります。 View > 2015年2月19日
goto_jp さんのアバター 80views

Gruntの基礎おさらい

WebStormをベースに、Gruntを用いてSassを利用していますが、どのようにしてSassまで行き着いているのか改めて仕組みをおさらいします。 GruntでSassを動かすために、プロジェクトフォルダごとに下記3点のファイルが必要にな 2015年1月23日
goto_jp さんのアバター 1,011views

CSS3:背景色アニメーション

See the Pen GgmbBv by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. CSSのみでbodyタグの背景色をアニメーションでじんわり変化させています。 サンプルはSassで書いていま 2015年1月22日
goto_jp さんのアバター 179views

iPhoneアプリのアイコンを実機でザックリ確認する手順

アプリアイコンのデザイン過程で多数の案を比較したかったので、ザックリと見れるものを量産した手法。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8 2015年1月20日
goto_jp さんのアバター 361views

WebStorm使いはEmmetでHTMLコーディングを高速化しよう

WebStormにはEmmetが標準搭載されています。 以前はZen-codingと呼ばれていたフロントコーディングの入力支援です。 たとえば img とだけ打ってtabを押すと <img src="" alt=""/> ここま 2015年1月19日
goto_jp さんのアバター 208views

Git操作にSourceTreeが便利

GitのGUIソフトでは「SourceTree」が最強なんじゃないかな?と思ったので紹介します。 インストールして起動するとリポジトリ一覧の画面。ここからまず読み込むリポジトリのクローンを行いましょう。 リポジトリをWクリックで開くと 詳細 2015年1月16日
goto_jp さんのアバター 94views

CSS3:n番目の要素を指定するセレクタ

p:nth-of-type(2) { color: #f00; } 「:nth-of-type()」を利用します。 上記の指定に対して下記HTMLのような状態になります。 <p>対象外</p> <p>セレ 2015年1月14日
goto_jp さんのアバター 127views

日常的Git操作まとめ

大前提の注意 操作しているディレクトリを把握する 操作しているブランチを把握する リモートから更新:pull 作業の開始前・開始後はなにはともあれマメにpullして最新にする。 git pull ブランチ操作:branch 新しい作業は新し 2015年1月9日
goto_jp さんのアバター 114views

XcodeのiOSシミュレーターを直接利用する

Xcodeに同梱されているiOSシミュレーターですが、アプリの動作確認でなくiPhoneでのWebサイト表示にも便利なため、わざわざXcodeから起動せず直接動かしたいとこともあり、その方法をメモします。 Finderよりアプリケーション内 2015年1月8日
goto_jp さんのアバター 47views

フルサイズキーボードにしかないキーのショートカット

Windows時代のフルキーボードで多用していて、iMac標準のハーフキーボードにないキーのショートカット。 HOME fn + ← END fn + → PageUp fn + ↑ PageDown fn + ↓ Delete (後方削除 2015年1月7日
goto_jp さんのアバター 23views

Macでスクリーンショットを撮る方法

command + shift + 3 ディスプレイに映っているままを撮ります。 command + shift + 4 カーソルが十字型になり、ドラッグして選択した範囲を撮ります。 command + shift + 4 → space 2015年1月6日
goto_jp さんのアバター 1,180views

Eclipseのカラーテーマを利用する

こちらMacでデフォルトのEclipseですが、白い… 白い画面のコードをずっと見ていると目が疲れるのでテーマを変えてみることにしました。 「ヘルプ」→「Eclipseマーケットプレース」で上記画面を開く 「color theme」で検索( 2015年1月6日
goto_jp さんのアバター 205views

HomebrewからPHPStormをインストールする

brew cask install phpstorm 参考:http://nanapi.co.jp/blog/2014/03/05/homebrew-cask/ Brewfileで環境を一括インストールもできるようなので試したい。 2015年1月5日
goto_jp さんのアバター 2,551views

Macのマウスを思いっきりチューニングした

iMacに同梱されてくるマウスが物理的にどうしても使いづらく手が疲れてしまうので、Windowsの頃から使っているマウスを繋げて使っているのですが、チューニングしたところ劇的に使いやすくなったのでメモします。 マウスのボタン設定を変える L 2014年12月26日
goto_jp さんのアバター 653views

Macでバッチ処理(シェルスクリプト)を動かす

WindowsではAipoのビルドにシェルスクリプトを使ってアイコンダブルクリックだけでビルドできるようにしていましたが、Macでも同様に行えるようにしました。 .commandファイルを作る テキストエディタで下記のようにAipoをビルド 2014年12月26日