ページ上のimg要素をすべて非表示にするスクリプト

JavaScript

ワンライナーだとこんな感じでしょうか。（Chromeでしか動作を確認していません） JavaScript ([].slice.call(document.querySelectorAll("img"))).forEach(function(elm) {elm.style.display = "none"});

2015-11-04

JavaScriptの予約語を調べる

JavaScript

developer.mozilla.orgJavaScriptで継承を行う際に、 function SubKlass() { SuperKlass.apply(this, arguments); } SubKlass.prototype = Object.create(SuperKlass.prototype); SubKlass.prototype.constructor = SubKlass; を、 function SubKlass() { th…

2015-11-03

【追記あり】親知らずを抜歯にいきました

考えたこと

明日親知らずを抜歯してきます。人生で3本目です。右上・左上ときて初の下側（左下）の抜歯です。13階段 (講談社文庫)作者:高野和明講談社Amazonなぜか昔読んだ13階段を思い出しました。きっと親知らず視点になると明日が死刑執行の日だからでしょう。僕…

2015-11-02

iTunes上で再生できる動画を実機に同期しようとした際に「iPhoneで再生できないためコピーされませんでした」と出て同期できない際の対策

Mac

iTunes上では問題なく再生できるにも関わらず、「サポートされていないビデオ形式のため」とエラーメッセージが表示されて動画が実機に同期できなかったときの対策です。 iTunes上で動画を選択ファイル > 新規バージョンを作成 > iPod/iPhone バージョンを…

2015-11-01

猫をつかったウェブサービスまとめ

考えたこと

Evercat http://uchu.boy.jp/evercat/uchu.boy.jp無限にねこを愛でたい人のためのWebサービス。 Cat Shake http://www.catshakeapp.com/iPhoneを振るたびに猫の動画が流れるアプリ。 placekitten placekitten.com サイズを指定すると猫のダミー画像を返して…

2015-10-31

OS X El Capitanのライブ変換をオフにする

Mac

ここから ON / OFF を切り替えることができます。

2015-10-30

Object.createをつくろう

JavaScript

引数で渡したオブジェクトをprototpeに持ったobjectを生成してくれるObject.create。便利なのですが、IE8以下ではつかうことができません。そういう場合は自分で作ってしまいましょう。 JavaScript if (!window.Object.create) { window.Object.create = f…

2015-10-29

CSSアニメーションでランダムっぽい動きを実装する

CSS JavaScript

DEMO SCSS @import "compass/reset"; body { background: #311B92; } .circles { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 300px; height: 300px; -x-animation: rotate 10s linear infinite; .circle { float: lef…

2015-10-28

直近の気になるイベントまとめ

考えたこと

おもしろエンジニア塾 http://omojyuku.tumblr.com/omojyuku.tumblr.com ほぼ第10回ヒャッカソン 100-a-thon.doorkeeper.jp GUGENコンテスト2015 http://gugen.jp/contest2015 歩行者移動支援アイデアソン・ハッカソン＠本郷歩行者移動支援アイデアソン・…

2015-10-27

ひっそりと東京デザインウィークに出展して〼

つくったもの

tokyodesignweek.jp先週末より東京デザインウィークの ASIA AWARDS ヤングクリエイター展にひっそりと出展させていただいております。そうぞうの遊び from そうぞうの遊び on Vimeo. お近くにお立ち寄りの際にご来場いただけたりするとうれしいです。…

2015-10-26

Arduinoでタイマーをつかう

Mac

Arduino Playground - Metro僕は Metoro というライブラリを使っています。JavaScriptにおける、 setInterval(function() { console.log("DO!"); }, 100); 的な処理を、 #include <Metro.h> Metro metro1 = Metro(100); void setup() { Serial.begin(9600); } void lo</metro.h>…

2015-10-25

今日のCSSアニメーションその6

CSS

SVGをアニメーションさせてみました。 DEMO See the Pen HELLO WORLD. by kimmy (@kimmy) on CodePen. HTML

2015-10-24

QUnitで非同期な処理のテストを行う

JavaScript

いまさらながらQUnitでテストを書いてます。テストの書き方はまた別の機会にまとめるとして、取り急ぎ非同期の処理をテストする方法がまとめておきます。 JavaScript QUnit.test("API - TEST", function(assert) { stop(); $.get("#{URL}").done(function(e…

2015-10-23

指定した時間にMacを自動で起動し自動でログインする設定

Mac

Macをサイネージ的に使いたい場合などにとても便利です。自動起動システム環境設定 > 省エネルギー > スケジュールから起動時間を設定これだけでOKです。終了時間を設定する際は「スリープ」「再起動」「システム終了」を選択できます。自動ログインシ…

2015-10-22

AppleScriptを使ってQuickTimeでムービーをフルスクリーンでループ再生する

Mac

tell application "QuickTime Player" open "/Users/#{ユーザー名}/Desktop/movie.mp4" tell front document present set looping to true play end tell end tellAppleScriptをつかってデスクトップにおいたmovie.mp4をフルスクリーンでループ再生するスク…

2015-10-21

今日のCSSアニメーション？その5

CSS

よくある演出をつくってみました。（よく考えたらCSSアニメーションじゃなかったです） DEMO See the Pen HELLO WORLD. by kimmy (@kimmy) on CodePen.

2015-10-20

Macのマウスカーソルを非表示にして隠す方法

Mac

Cursorcerer: Hide Your Cursor at Will - Doomlaserこちらのアプリで実現できます。アイコンが若干不気味な気がしますが、マウスが動いていない時は非表示になります。画面キャプチャや画面収録の際に便利です。

2015-10-19

ここ半年で買ったミュージックリスト

考えたこと

新宝島豪華初回限定盤新宝島豪華初回限定盤(映画「バクマン。」BOX)アーティスト:サカナクションビクターエンタテインメントAmazon新宝島サカナクションロック¥255provided courtesy of iTunesひさしぶりに買ったCDです。バクマンの映画を観に行った際に…

2015-10-18

はじめてのWeb Worker

JavaScript

はじめてなので、workerを別ファイルに分けるという最もシンプルな方法でWeb Workerをつかってみました。これだけであればすこぶるシンプルです。 JavaScript main.js (function(win, doc) { "use strict"; var worker = new Worker("http://jsrun.it/kimmy…

2015-10-17

Macをクラムシェルモード（MacBookのフタを閉じた状態）でスリープさせない方法

Mac

www.macupdate.comこちらのアプリで実現できます。インストール後に「Disable Lid Sleep」と「Disable Idle Sleep」にチェックを入れればOKです。これでクラムシェルモードでもiTunesの音楽を聴くことができたりするようになります。

2015-10-16

Canvasをつかって画像をぼかす習作 #4

JavaScript

kimizuka.hatenablog.com 前回からの改修点実装をクラス風に改良しました。 imageDataのコピーを取りました。（以前のものは右下ほどぼけてました） JavaScript (function(win, doc) { "use Strict"; function Blur(elm) { var that = this; _init(); func…

2015-10-15

Number.prototype.toLocaleString の挙動を正規表現で実装する

JavaScript

職場の先輩に言われて考えてみました。もうちょっとシンプルにできそうです。 "1000000".replace(/(\d)(?=(?:\d{3})+$)/g, "$1,"); // => "1,000,000"

2015-10-14

Canvasをつかって画像をぼかす習作 #3

JavaScript

kimizuka.hatenablog.com前回までのコードでは、 00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24とピクセルがあったとき、自分の周りのピクセルの平均をとっていました。例えば12番の値を出す際は 06 07 08 11 12 13 16 17 …

2015-10-13

Canvasをつかって画像をぼかす習作 #2

JavaScript

kimizuka.hatenablog.com前回canvasで画像をぼかす習作をつくりましたが、今回はDOMを渡すとbackground-imageに設定されている画像をぼかしてbackground-imageを差し替えるという習作をつくってみました。background-position とか background-size が便利…

2015-10-12

BGM制作中

つくったもの

最近ガレージバンドでのBGMづくりに夢中です。だいたいおんなじような曲になってしまうところに己の限界を感じています。 soundcloud.comsoundcloud.comsoundcloud.comsoundcloud.com

2015-10-11

クライマックスシリーズを観よう

考えたこと

僕はマリーンズファンなので、ゴールデンイヤーの日本一を夢見ながらクライマックスシリーズを見守っています。しかし昨今、プロ野球中継が地上波で中継しなくなってしまったので、いつも生放送でプレーを確認するのに手間取ります。 5年前はBSのはいる漫画…

2015-10-10

Canvasをつかって画像をぼかす習作

JavaScript

いつもはCSSのfilterをつかってぼかすのですが、 Android4.3以前も対応させようとするとそうもいきません。developer.mozilla.org Can I use... Support tables for HTML5, CSS3, etcというわけでCanvasをつかって画像をぼかす習作をつくってみました。自…