info

多分フロントエンドエンジニア寄りのフリーランスWeb制作者のサイトです。

他バンドでギター弾いたり、max/msp触ったり等もしております。
最近はチャリ買ってはしゃいでます。
あと犬が飼いたい。

どうぞお気軽にご連絡いただけまししたら幸いです。

works

  • > toyota
  • > glico
  • > bandainamco
  • > shiseido
  • > pioner
  • > mitsui
  • > yodobashi
  • > panasonic
  • > square enix
  • etc..

※詳細をご希望の方はお手数ですが

contactよりご連絡お願いします。

links

リンクです。増えるといいな

contact

ご依頼/ご相談は下記よりお問い合わせください。
その他ご質問等ありましたらお気軽にご連絡ください。

posts

android4標準のデバッグ

export PATH=$PATH:/Applications/Genymotion.app/Contents/MacOS/tools パス通す。 $ adb root $ adb remount $ adb push /etc/hosts /system/etc adb logcat | grep browser ブラウザから about:debug でも見れる...

colorboxでiframe読み込んだ際のクリックイベント

colorboxとiframeの組み合わせでちょっと詰まったのでメモ。 iframeは普通にjqueryのセレクタだと駄目っぽいです。.contents().find()でiframeの中身にバインドできるみたいです。 $('iframe a').click(function(e) { // 駄目っぽい }) $('iframe').contents().find('a').click(function(e) { // なんか処理 }) クリックでcolorboxのiframe呼び出してモーダルコンテンツ切り替えてiframe内の要素にもクリックのイベントつけたいような内容だったのですがどうもiframe内の要素取得できないない様子。 colorboxのリファレンスみるとcbox_completeなるもの...

translate3dで3dcarouselっぽいもの firefoxでおかしい時

.firefox .carousel ul{ -webkit-transform-style: preserve-3d!important; transform-style: flat!important; } .carousel{ margin-top: 50px; height:150px; margin-bottom: 50px; } .carousel ul{ position: relative; -webkit-t...

androidでongesturechangeとe.scale

スマホのピンチイン/ピンチアウトで処理行う場合iosはongesturechangeでe.scaleってプロパティがデフォルトでありますが androidの場合ongesturechangeもスケール値も自前で実装する必要がある様子。 一部抜粋で状況で調整必要ですが、基本的にtouchstart時touchmove(gesturechange)時の二本の指の距離をとって下記の感じでe.scale同様の数値とれると思います。 class Point constructor: (x = 0,y = 0) -> @x = x || 0; @y = y || 0; distance:(p1,p2)=> a = p1.x - p2.x; b = p1.y - p2.y; return Math.sqrt(Math.pow(a...

maxmsp attack + fft + gl.pix

...

compassでドット背景

compass重いから最近はnode-sassとautoprefixerでやってますがmixinは便利ですね。 background-color: #ececec; @include background-image( radial-gradient(#dcdcdc 20%, transparent 20%), radial-gradient(#dcdcdc 20%, transparent 20%)); background-size: 10px 10px; background-position: 0 0, 5px 5px;...

genymotionのブラウザをadbでデバッグ

genymotion立ち上げて仮想デバイス側の開発設定でUSBデバッグを有効にしたあとPC側のターミナルで adb logcat | grep browser ってやれば出来た。 genymotion/adbも要インストール、adbのパスも通ってる前提です。...

WPサイドバーとかのカレントクラス

WPサイドバーとかのカスタム投稿とかでのカレントクラスとか付加するやつ $page_id = $wp_query->get_queried_object_id(); $loop = new WP_Query( array( 'post_type' => 'custom_post', 'posts_per_page' => 5 ) ); if ( $loop->have_posts() ) : while($loop->have_posts()): $loop->the_post(); if(get_the_ID() == $page_id){ $addClass = 'active'; }else{ ...

都道府県 英語表記 一覧小文字

都道府県 英語表記 一覧小文字です。 画像とかに命名にアセットでコピペで使いたのに 小文字での一覧が見つからないのでセコセコ作りました。 png拡張子付きも。 hokkaido aomori iwate miyagi akita yamagata fukushima ibaraki tochigi gumma saitama chiba tokyo kanagawa niigata toyama ishikawa fukui yamanashi nagano gifu shizuoka aichi mie shiga kyoto osaka hyogo nara wakayama tottori shimane okayama hiroshima yamaguchi tokushima kagawa e...

モーダルfixedでセンター配置 CSS

作ってる時忘れがちですが、min-height設定しないと画面小さい時スクロールできません。 /* =========================================================== // .modal ===========================================================*/ .modal{ position:fixed; top:0; left:0; bottom:0; right: 0; height: 100%; z-index: 1000; background-color: rgba(0,0,0,0.7); overflow:scroll; .modal__view{ ...

広告なのよー