本エントリーは IAMAS Advent Calendar 2017 の20日目の記事です。こんにちは。 @ki_230 です。 飛び込み営業を辞めてIAMASに入学したらフロントエンジニアになれたという話を書こうと思います。 IAMASとは http://www.iamas.ac.jp より引用ざっくりいうと、…

こんにちは。@ki_230です。 いたるところにクリスマスツリーが飾られ、年末って感じがしてきましたね。 近所のクリスマスツリーには、なぜか短冊が飾られていて、 子どもたちがサンタさんに欲しいものを書いては飾るという運用がされているのですが、 ツリー…

new Date("2017-12-12 10:00"); // => Thu Jan 01 09:00:00 GMT+09:00 1970 という感じで「あれー？」と思っていたんですが、 new Date(2017, 11, 12, 10, 0, 0); // => Tue Dec 12 2017 10:00:00 GMT+0900 (JST) としたら解決しました。mozillaのサイトのda…

IoTデバイス向けに、GoogleアナリティクスのMeasurement Protocolの使い方をまとめてみました。効果測定などで活用頂ければ幸いです。

すごく昔に、jQueryで書いたコードをjQuery無しで書き直す作業を行っていたのですが、 $body.append($wrapper); 的なコードを、 document.body.appendChild(wrapper); という感じに書き換えようとして、 document.body.append(wrapper); としてしまいました…

kimizuka.hatenablog.com昔書いたコードをIE用にトランスコンパイルしてみました。 これで、IE10、IE11でも動くようになったと思います。 DEMO JavaScript "use strict"; var _createClass = function () { function defineProperties(target, props) { for …

iOS11がリリース（9月20日）されてから、はや1ヶ月半弱、 iPhone8が発売（9月22日）されてからも、はや1ヶ月半弱、 iPhoneXが発売（11月3日）されてしてから、はや3日が立ち、32ビットアプリが動かなくなるという情報からか、リリース直後は若干苦戦していた…

kimizuka.hatenablog.comこんな記事 を書くぐらいには辛い物好きな私としましては、 横浜に「 蒙古タンメン中本 」がやってきたのが嬉しくてしょうが無いわけです。www.moukotanmen-nakamoto.comここで3年ぶりに、横浜辛いものまとめを更新しておきたいと思…

ライブラリは、jQuery、Vue、React、PixiJSなどなど、 タスクランナーは、Grunt、Gulp、webpackなどなど、 これまで、いろんなものをつかってウェブフロントの開発を行ってきましたが、最近Noライブラリ、Noタスクランナーで、 普通にJavaScriptを書くことが…

いままでクラス定数は static と get をつかって書いていました。 class Klass { static get CONST() { return { HOGE : 1, FUGA : 2, PIYO : 3 }; } } console.log(Klass.CONST.HOGE); // => 1 なんとなくCONSTというオブジェクトの中に定数を入れるという…

ひょんなことからYouTubeLiveをウェブページに埋め込む方法を調べました。 必要なもの Googleアカウント（ https://accounts.google.com/SignUp ） Google Adsenseアカウント（ https://www.google.co.jp/adsense/start/ ） Adsenseアカウントに紐付いたYouT…

ひょんなことから100本以上のwavファイルをmp3に変換しなければならなくなり、シェルスクリプトを書きました。 #!/bin/sh for file in *.wav do fileName=`echo ${file} | sed -e "s/\.wav$//"` ffmpeg -i ${fileName}.wav -ac 2 -codec:a libmp3lame -b:a 4…

ブログを書こう書こうと思いながら、嵐のように夏が過ぎていき、 このままだとにっちもさっちもいかなくなりそうなので、 雑な文章になってしまいますが、8月のできごとをえいや！という感じでまとめて振り返りたいと思います。 台無しプロダクト ふと、「よ…

DEMO See the Pen Sphere Button by kimmy (@kimmy) on CodePen. HTML <div id="nav" data-current-index="0"> <div class="nav-dot" data-index="0"></div> <div class="nav-dot" data-index="1"></div> <div class="nav-dot" data-index="2"></div> <div class="nav-dot" data-index="3"></div> </div> SCSS %select { wi…

DEMO See the Pen Confetti by kimmy (@kimmy) on CodePen. JavaScript class Progress { constructor(param = {}) { this.timestamp = null; this.duration = param.duration || Progress.CONST.DURATION; this.progress = 0; this.delta = 0; this.progres…

See the Pen mosquito coil with mosquito sound by kimmy (@kimmy) on CodePen.まず、CSSで蚊取り線香をつくりました。夏なのでCSSで蚊取り線香をつくってみました。https://t.co/wH0siWKl8e— 君塚史高 (@ki_230) 2017年7月27日 半円を互い違いに組み合わせ…

こどもが生まれてからは、朝、一緒にEテレを観てから出社してます。先日、いつものようにEテレを観ていたら、「コニちゃん」というキャラクターがでてまして、にほんごであそぼ コニちゃん満腹 [DVD]Nhk エンタープライズAmazon「そういえば、ポンキッキーズ…

kimizuka.hatenablog.com以前、PC版についてはこんな記事を書きましたが、スマホ版はどうしたもんかと思っていました。 （上に透明なDIVとかを置いてクリックすると消えるようにとかしてました）しかし、最近スマホでGoogleMapを見ると、2本指での操作が必要…

ドメインを取ってから3年間、ずーっと工事中だったポートフォリオサイトですが、 ついに昨日公開できる状態になりました。Nginx + Express + React + Redux + PostCSSでポートフォリオサイトをつくりました。実験的なUIを採用してスマホファーストを心がけて…

ドメインを取ってから3年間、ずーっと工事中だったポートフォリオサイトですが、 ついに本日公開できる状態になりました。Nginx + Express + React + Redux + PostCSSでポートフォリオサイトをつくりました。実験的なUIを採用してスマホファーストを心がけて…

先日、「エンタープライズIoTLT #8 ヘルスケアIoTLT」で発表させていただいた資料を若干調整して公開してみました。b2b-ch.infomart.co.jp 発表資料 ウェバイスをつくろう from ふみたか きみづか IoTほど大袈裟ではないのですが、ウェブ＋デバイスでイン…

kimizuka.hatenablog.com以前、CSSでiPhone5をつくったことがありましたが、 流石に古くなってきたので、iPhone7につくりかえてみました。以前のコードと比べると、要素数が少なくなっていて成長を感じますね。 （before、after、box-shadowをつかうようにな…

404.kimizuka.fmどうしても404ページでNOT FOUNDを流したかったので、近所のサーバサイドエンジニアに頼み込んで設定方法を教えてもらいました。/etc/nginx/conf.d/ 以下に hogehoge.conf という設定ファイルをつくり、 server { ... error_page 404 /404.ht…

1行でまとめると こんな感じのことができるツイートボタンをつくりました。 はじめに こどもの頃、FF6で連続魔が使えるようになったとき、最強じゃないかと思いました。https://itunes.apple.com/jp/app/final-fantasy-vi/id719401542?mt=8&uo=4&at=10l16903…

いままで2DのものをつくるときはCanvasのAPIを直接叩いていたんですが、 ふと、ライブラリをつかってみようとおもいPixi.jsを試してみることにしました。 ドキュメント に目を通しながら探り探り書いたコードをメモしておきます。 JavaScript // tickerをつ…

はじめに かつては業務用の専用機器の一部がiPadとかSurfaceに置き換わっていっています。 例えば、よく行く回転寿司屋はメニューがiPadになってますし、おいしいアップルパイ屋さん「RINGO」のレジはiPad（一部店舗だけかもしれませんが）ですし、サイゼリ…

以前、 無料でhttpsの環境を手に入れるために導入 したCloudFlare。 大変便利に活用させていただいております。kimizuka.hatenablog.comこれまでは何も考えず、httpのアクセスをhttpsにリダイレクトする処理をフロントで行っていたのですが、 よくよく考える…

結論 （2本目以降をミュートにすれば）できる！ kimizuka.hatenablog.com昨日の検証 で、iOS10であればYouTubeをインライン再生することが難しくないことがわかりました。kimizuka.hatenablog.com以前、PC向けにYouTubeの動画を2本同時に再生するサイト をつ…

結論 できる！ kimizuka.hatenablog.com以前、iOS10のビデオタグの挙動を調べました が、 videoタグを直接使う機会よりも、YouTubeをつかう機会の方が圧倒的に多いため、YouTubeの挙動を調べてみました。iOS10のビデオに関しての仕様を整理すると、 playsinl…

最近、iOS11のSafari向けにコンテンツをつくって試してみることが多いのですが、 ウェブカメラをつかうコンテンツを試しているので実機で確認する必要があり、 ライトニングケーブルでMacと繋いでデバッグ しながら開発を進めたいのですが、 通常のSafariで…