goto_jp さんのアバター 187views

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

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

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 さんのアバター 85views

Gruntの基礎おさらい

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

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

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

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

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

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

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

Git操作にSourceTreeが便利

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

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

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

日常的Git操作まとめ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

EclipseでWebのフロントエディタを整える

Mac環境になったことでEclipseを新たに入れたところ、Eclipseから.htmlファイルを開いたらブラウザで開かれたり、.cssファイルを外部テキストエディタで開いたりとデフォのひどさに泣きそうになりました。 Web開発エディタのプ 2014年12月26日
goto_jp さんのアバター 1,591views

Git:masterの修正内容をブランチにマージする

通常は改修単位でブランチを切り、そのブランチをmasterにマージしますが、ブランチの改修が長引いたりそのブランチも別バージョンのように並行して長期走る場合、master側の内容を反映させたい場合があります。 その場合、masterをブラン 2014年12月26日
goto_jp さんのアバター 57views

Macのディレクトリの読み方基礎

MacはWindowsのように明確なファイルアドレスを表示してくれないので最初はかなりフラストレーション溜まりましたが、基本さえ掴めばシンプルだったのでメモします。 ルートディレクトリからの構成 FinderでCommand + Shift 2014年12月25日
goto_jp さんのアバター 95views

MacでもF5リロードできるようにする

MacはそのままではブラウザのF5リロードができないので、ショートカットキー設定で変更しました。 左上リンゴボタン→システム環境設定→キーボード 「ショートカット」タブの左側「アプリケーション」を開く 右側ウィンドウ下の「+」ボタンよりを押 2014年12月24日
goto_jp さんのアバター 16views

Macのcapsキーをcommandキーに置き換える

これまでWindowsで磨り減るほどcontrolキーを使ってきた自分にはcommandキーの中途半端な位置が馴染めず、またcapsも一押しでcapslockがかかってしまい便利なのか不便なのかよく分からないので、置き換えました。 左上リン 2014年12月24日
goto_jp さんのアバター 140views

iMac移行で最初にやった環境設定

マウス設定 りんごボタン→システム環境設定→マウス 「軌跡の速さ」を速く 「スクロールの方向:ナチュラル」をOFF 「副ボタンのクリック」をON 「その他ジェスチャ」タブで「ページ間をスワイプ」をON キーボード設定 りんごボタン→システム 2014年12月24日
goto_jp さんのアバター 204views

CSS3:ローディングアイコンとCSSアニメーションの考え方

See the Pen CSS only indicator by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. こちらのローディングアイコンはCSSのみで表現しています。 明滅が回転しているように 2014年12月22日
goto_jp さんのアバター 3,289views

CSS3:CSSだけでテキストグラデーションを作る

See the Pen CSS Only text gradation by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. CSSのみでテキストグラデーションを行う例です。 CSSの中で要のプロパテ 2014年12月18日
goto_jp さんのアバター 207views

CSS3:CSSのみでのアコーディオン表現

See the Pen CSS only accordion by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 実はそんなに難しいことしてません。 <div class="layers"&g 2014年12月17日
goto_jp さんのアバター 674views

jQuery & CSS:択一ハイライトメニュー

まずこちらサンプルをごらんください。 See the Pen jQuery menu hightlight by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. クリックしたメニュー項目をハイライト表 2014年12月16日
goto_jp さんのアバター 968views

jQuery:二重配列ループ

jQueryだとeachループが簡単にできるのでメモ。(JavaScript自体はeachの概念がない) 下記例は「array1」に["りんご","ごりら","らっぱ","ぱんだ"]の項目をまず挙げ、実際のデータ配列の「array2」の中に 2014年12月15日
goto_jp さんのアバター 1,620views

jQuery:配列の重複値を弾く

var array = ['東京都','千葉県','埼玉県','千葉県','千葉県','東京都']; このような重複するデータを持つ配列の重複を弾きたい場合は下記のようにfilterを利用する。 array = array.filter(f 2014年12月12日
goto_jp さんのアバター 138views

jQuery:ページ内のクラスを指定して特定の属性値を抜き出す

<li class="className" zokusei="100"> <li class="className" zokusei="200"> <li class="className" zokusei=" 2014年12月12日