info

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

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

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

works

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

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

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

links

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

contact

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

posts

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のリファレンスみる...

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...

max/mspでaudioのアタック検出とfftしてgl.pixで描画した習作

概要 max/mspでaudioのアタック検出とfftしてgl.pixで描画した習作。 の動画です。 最近はあまりこういう系触ってないのですが、やりたい気持ちはあります。 今はもうmspって付けない流れなのでしょうか。3dsmaxとかぶるので付けた方がいい気がするのですが ...

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 ...

モーダル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{ ...

jadeでaudio再生したい場合のattribute

jadeで audio(preload autoplay loop) とかってやるとありがた迷惑で <audio preload='preload' autoplay='autoplay' loop='loop'> とかってなってしまうのでどーすりゃいいのよって audio(preload='' autoplay='' loop='') <audio preload autoplay loop> これでOKっぽい...

運営サイト

広告なのよー