はじめに こちらのツイートがとても話題になってますね。そんなこんなで、ブームにのって、「彼女とデイトなう」を実装してみたいと思います。 仕様 まあ、ネーミング先行で中身をなにも考えてなかったので考えます。 Date.now();を実行すると、コンソールに…

追記：（2017/06/09 00:16） 本記事内に掲載している動画キャプチャが、 Apple.Incの開発者利用規約（APPLE BETA SOFTWARE PROGRAM AGREEMENT APPLE INC.）に抵触しているというご指摘をいただきました。 掲載内容を不適切と判断し、該当箇所を削除させてい…

SublimeText2から3に乗り換えて、唯一の不満が画像をbase64に変換するところ。2では、画像をエディタにドラッグ＆ドロップするだけでbase64化してくれるプラグインがあったのですが、kimizuka.hatenablog.com3では見当たらず。探し方が悪いだけかもしれませ…

ことのはじまり きっかけはこの警告でした。 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080 touchmoveが発火する度になん…

アーティスト名の表記ゆれ問題 いつも便利に使わせていただいているiTunesなのですが、昔から1つだけ大きな不満がありました。 それは時々アーティスト名が表記ゆれすること。僕は良くスピッツが分裂します。 これはレコード会社が登録時に表記ゆれしていて…

サブドメインなしバージョンとサブドメインありバージョンを2つ書いて見ましたが、なんとかひとつに統一できないものか。 # サブドメインなし server { listen 80; server_name www.hogehoge.com; root /home/app/static-sites/loading/; return 301 $scheme…

developer.mozilla.orgJSON.stringifyの第3引数でスペーシングの調整をすることができます。 preタグに出力したり、white-space: pre-wrapと組み合わせてつかうことで、 JSONを読みやすく出力することができます。下記のDEMOではどちらもスペーシングとして…

kimizuka.hatenablog.com JavaScript <p className="txt">{ this.props.txt }</p> みたいな感じで、this.props.txtに、 ふるいけや\nかわずとびこむ\nみずのおとという感じで改行コード入りのテキストを渡したい時、 CSS .txt { white-space: pre-wrap; } とCSS側を工夫することで一…

今年のゴールデンウィークは家族3人がローテーションで風邪を引いてしまい、 連日のように休日病院や小児科に通っていました。我が家から最寄りの小児科、休日病院までは片道1.5km程度。 車を持っていないので、いつもはこどもを抱えて徒歩かベビーカーで通…

いつのまにか増えてます。www.uqwimax.jpしかもデザリングもつかえます。僕が乗り換えた時 は対応してなかったから、iPhone SEを買い足したのに。 kimizuka.hatenablog.comまあ、SEのサイズ感、気に入ってるからいいんですが。 はやく7も対応してくれるとう…

春ですね。＾ ＾なにか新しいことをはじめたくなりますね。＾ ＾前回はExpressの導入を行いました。 今回は、webpackを導入します。kimizuka.hatenablog.comkimizuka.hatenablog.comkimizuka.hatenablog.comkimizuka.hatenablog.comkimizuka.hatenablog.com …

春ですね。＾ ＾なにか新しいことをはじめたくなりますね。＾ ＾前回はwebpackをつかってJavaScriptでimportをつかえるようにしました。 今回は、webpackでPostCSSをつかえるようにします。kimizuka.hatenablog.comkimizuka.hatenablog.comkimizuka.hatenabl…

春ですね。＾ ＾なにか新しいことをはじめたくなりますね。＾ ＾前回はExpressの導入を行いました。 今回は、webpackを導入します。kimizuka.hatenablog.comkimizuka.hatenablog.comkimizuka.hatenablog.com ゴールまでの道のり VPSサーバ借りる Ubuntu入れ…

春ですね。＾ ＾なにか新しいことをはじめたくなりますね。＾ ＾前回はnodebrew、Node.js、npmのインストールを行いました。 今回は、Express か Koa を選んで導入していきましょう。kimizuka.hatenablog.comkimizuka.hatenablog.com と、思いましたが。決め…

春ですね。＾ ＾なにか新しいことをはじめたくなりますね。＾ ＾前回はUbuntuのインストールから初期設定までと、Nginxのインストール＆起動を行いました。kimizuka.hatenablog.com今回ははりきって、nodebrew、Node.js、npmを導入していきましょう。 ゴール…

春ですね。＾ ＾なにか新しいことをはじめたくなりますね。＾ ＾かれこれ7年ぐらいさくらのVPSをつかっているのですが、「さくらのVPS乗り換えキャンペーン」たるものをつかって新しいサーバに乗り換えてみることにしました。www.sakura.ad.jpいままでは、Ce…

kimizuka.hatenablog.comいままではExpressをつかっていましたが、 もう2017年なので、これからは積極的にKoaをつかっていこうと思いました。 Koaとは Koaとは next generation web framework for node.js です。 よくわからないけど、Node.js向けの次世代の…

もう2017年なのでパッケージの管理をYarnにしてみることにしました。 Yarnとは yarnpkg.comFacebookがつくったパッケージマネージャーでそうです。 なんでもnpmより高速でGoogleも開発に協力しているとか。 個人的にはnpmに全然不満はなかったのですが、Face…

😀😃😄😁😆😅😂🤣☺️😊😇🙂🙃😉😌😍😘😗😙😚😋😜😝😛🤑🤗🤓😎🤡🤠😏😒😞😔😟😕🙁☹️😣😖😫😩😤😠😡😶😐😑😯😦😧😮😲😵😳😱😨😰😢😥🤤😭😓😪😴🙄🤔🤥😬🤐🤢🤧😷🤒🤕😈👿👹👺💩👻💀☠️👽👾🤖🎃😺😸😹😻😼😽🙀😿😾👐🙌👏🙏🤝👍👎👊✊️🤛🤜🤞✌️🤘👌👈👉👆👇☝️✋️🤚🖐🖖👋🤙💪🖕✍️🤳💅💍💄💋👄👅👂👃👣👁👀🗣👤👥👶👦👧👨👩👱‍♀️👱👴👵👲👳‍♀️👳👮‍♀️👮👷‍♀️👷💂‍♀️💂🕵️‍♀️🕵️👩‍⚕️👨‍⚕️👩‍🌾👨‍🌾👩‍🍳👨‍🍳👩‍🎓👨‍🎓👩‍🎤👨‍🎤👩‍🏫👨‍🏫👩‍🏭👨‍🏭👩‍💻👨‍💻👩‍💼👨‍💼👩‍🔧👨‍🔧👩‍🔬👨‍🔬👩‍🎨👨‍🎨👩‍🚒👨‍🚒👩‍✈️👨‍✈️👩‍🚀👨‍🚀👩‍⚖️👨‍⚖️🤶🎅👸🤴👰🤵👼🤰🙇‍…

昨今JSで画面幅に合わせたコンテンツをつくる事が増えてきており、 画面の幅、高さ系の情報を確認できるページをつくってみました。 inner-width => 表示領域の幅 inner-height => 表示領域の高さ screen-width => 画面の幅 screen-height => 画面の高さ ava…

この時期は花粉症で鼻づまりとのどの痛みがひどくて、 のど飴を買いにコンビニに出かけたら、「はなのど飴」たるものを見つけました。しかも「花粉プラス」。[asin:B01N8TMSYD:detail] 渡りに船とはこのことだと思い、購入。 でも「花粉プラスってネーミング…

ومن المثير للاهتمام أن تقرأ من اليمين إلى اليسار. مزيج أكثر إثارة للاهتمام هو الأرقام الأبجدية ABC تقى 123 تقى تقى. ولكن، للأسف لا يبدو HATENA بلوق لتتوافق مع اللغة العربية. النص غير موجود في محاذاة اليمين. أنا آسف.

Safari以外のブラウザ（アプリのWebViewとか）で開かれた際に、Safariで開き直して欲しいという要望をよく受けるので、愚直にUserAgentで判定を試みました。 まずは、各ブラウザのUAをまとめます。 Safari mozilla/5.0 (iphone; cpu iphone os 10_2_1 like m…

エラー内容 checking for clang... yes checking for Magick-config... no checking for pkg-config... yes checking for outdated ImageMagick version (<= 6.4.9)... no checking for presence of MagickWand API (ImageMagick version >= 6.9.0)... no ch…

例えば配列をもとにDOMをたくさんつくりたいとき、 なにも考えないバージョン let $body = $(document.body), arr = [ {index: "66", name : "岡田"}, {index: "00", name : "高濱"}, {index: "1", name : "清田"}, {index: "54", name : "デスパイネ"}, {in…

jQuery2.Xで開発していたものを3に切り替えたら挙動が変わって、なんでだろうと思ったていたら、 width()、hight()の挙動が変わったことが原因でした。github.com #box { width: 100px; height: 100px; transform: scale(.5); } というDOMに対して、いままで…

lodash の uniq をつかえばOK！https://lodash.com/docs/4.17.4#uniq var arr = [0, 1, 2, 3, 3]; みたいな配列を、 var arr = [0, 1, 2, 3, 3]; _.uniq(arr); // => [0, 1, 2, 3] としてくれます。（破壊的） 完。 しかし、自分、lodashのようなハイカラな…

CanvasのdrawImageで画像の縮小を行なう際に、一気にサイズを小さくするとジャギーがひどいことになってしまうことがあったので、段階的に小さくしていくためのClassをつくりました。インターフェイスとしては、 var obj = SmoothResize.resize(img, zoom); …

『山田孝之のカンヌ映画祭』いま一番面白いと思っているドラマです。 http://www.tv-tokyo.co.jp/yamada_cannes/ より引用 www.tv-tokyo.co.jp 内容 山田孝之の2016年夏の記録 2016年夏山田孝之は、映画監督山下敦弘を呼び出す。 山田は山下に、世界最高峰の…

単純にfor文を書きたければ、 Pug - for (var $i = 0; $i < 10; ++$i) { .box - }が HTML <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div>