3年間技術ブログを毎日のように更新してみて投稿してみてわかったこと

考えたこと

「3ヶ月毎日更新するぞ！」と思ってはじめたブログですが、気づけば3年つづきました。 2年間毎日書いた時点から毎日更新ではなくなったのですが、月に平均15本ぐらい記事を書きをつづけています。kimizuka.hatenablog.comこちらの記事内で、そんなこんなで…

2016-11-22

CSSだけでトグルボタンをつくる

CSS

input要素をCSSでトグルボタン風に仕上げてみました。 DEMO See the Pen Toggle Button made from CSS only by kimmy (@kimmy) on CodePen. HTML <input type="checkbox" class="btn center"/> SCSS $white: #f8f8f2; $green: #a6e22e; body { background: $white; } .center { position: absolute; top:…

2016-11-21

画面いっぱいのWKWebViewを設置しただけのアプリをつくる

iOS

ウェブフロントを生業としていて、大体のことをSafariにウェブページを表示させることで解決してきた私ですが、ときどきどうしてもiPhoneアプリをつくる必要が出てくるときがあります。プッシュ通知をつかいたいときとか、ランドスケープで固定したい時とか…

2016-11-18

アナログの写真をデジタル化したいという想い

考えたこと

親がアナログの写真をデジカメで撮影してハガキに印刷（フラッシュが写り込んでしまっている）している姿を見て、これをプレゼントしようかどうか検討していた。omoidori.jp以外に高いなー。アプリだけでなんとかならないのかなー。と思っていて購入を躊躇…

2016-11-13

Canvasで角丸の四角形を描く

JavaScript

愚直にパスを左上から時計回りに一周描くことで角丸の四角形を描く関数をつくりました。 JavaScript var canvas = document.getElementById("canvas"); drawRect({ ctx : canvas.getContext("2d"), x : 10, y : 10, width: 120, height: 120, radius: 26, co…

2016-11-12

iPhoneのMobile Safariでユーザーきっかけじゃないwindow.openが効かないとき

JavaScript iOS

JavaScript window.open("http://kimizuka.fm"); 最小限のコードで検証しました。ページ読み込み時にwindow.open();を叩いても、デフォルトだと効きません特にエラーも出ないです。 DEMO http://jsrun.it/kimmy/Mxk7 原因ポップアップブロックがONになっ…

2016-11-10

nodebrew install-binary の早さに感動

JavaScript

いつもは、 nodebrew install stable nodebrew use stableと、installをつかっていたのですが、 nodebrew install-binary stable nodebrew use stableと、install-binaryに乗り換えました。どうせちょっと早くなるだけ、「ハイパーミニがハイパーダッシュに…

2016-11-09

Node.jsでletをつかったときに SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode とシンタックスエラーが出るとき

JavaScript

英語を訳しただけなのですが、strictモードじゃないと使えない模様です。（v5.4.1で確認） main.js for (let i = 0; i < 10; i++) { console.log(i); } ではなく、 main.js "use strict"; for (let i = 0; i < 10; i++) { console.log(i); } とすればOKでし…