goto_jp さんのアバター 342views

Electronのパッケージングで「Cannot create symlinks; skipping darwin platform」と出た時の対策

結論 管理者で実行したコマンドプロンプトで electron-packager を実行すれば解決する。 ※ただし後述の注意あり 経緯 Win7環境でelectron-packageを実行したら下記のようなエラーが返ってきた。 Cannot 2015年11月17日
goto_jp さんのアバター 52views

npmをバージョンアップする

npm install -g npm 2015年11月10日
goto_jp さんのアバター 262views

Compass:ベンダープレフィックスの出力制御

CSSグラデーションなど、ブラウザごとに記述が変わるものをCompassは自動サポートしてくれますが、スマホ専用Webアプリなどブラウザを考慮する必要がないケースもあります(そうでなくてもOpera対応とかぶっちゃけいらない) ムダなベンダ 2015年10月30日
goto_jp さんのアバター 227views

jQuery:外部読み込みしているJS内で自分自身のファイルパスを返す

$("script:last").prop("src"); 上記で取得できる。 何番目の <script> タグで読み込んでいようとコレを実行する時点ではそのファイル自身が最後のファイルなので $("script:last") 2015年8月3日
goto_jp さんのアバター 229views

Chromeの画像の読み込みタイミングとサイズ指定の関連性

JavaScriptの挙動がChromeだけ異なっていて悩んで解決したことのメモ。 結論から言うと… Chromeは画像の読み込みをJS実行後に行う だから img タグのwidth,heightの指定は全てきちんと設定しましょう。 Chr 2015年7月22日
goto_jp さんのアバター 635views

フレーム(frame)をまたいだモーダルウィンドウを出す

frameset でフレーム分割が行われているページでは frameset 自体が body のような扱いになり、 frameset の後に div タグなどを置いてもブラウザ側で無視されてしまいます。 そのためHTMLに一括で記述しておい 2015年7月21日
goto_jp さんのアバター 2,997views

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

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

jQuery:eachを逆順に処理する

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

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

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

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

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

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

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

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

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

jQuery:Ctrl+クリックを拾う

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

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

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

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

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

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

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

jQueryUI:sortableを使う

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

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

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

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,075views

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

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

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

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

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

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

Git操作にSourceTreeが便利

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

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

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

日常的Git操作まとめ

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

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

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