黄金比を使ったロゴデザインのプロセスとは？｜Goodpatch Blog グッドパッチブログ
黄金比とは 黄金比(Golden ratio)とは1:1.618の比率のことで、人間にとって最も安定し、美しく感じられる比率とされています。多数の有名なロゴにも、デザインの調和を保つために黄金比が取り入れられています。Appleの林檎のロゴや、Twitterの鳥のロゴなどは、黄金比を用いて作られていると言われています。 フィボナッチグリッドとフィボナッチサークルの作成 さて、ロゴデザインに黄金比を取り入れるために、まずは黄金比を用いられて作られる黄金螺旋（ここではフィボナッチグリッドと呼びます）を作っていきましょう。 フィボナッチグリッドは全体のレイアウト構成を決める時などにもよく用いられます。 １．まず、正四角形を描きます。 ２．正四角形の一辺を半径とした正円を描き、正四角形に沿って1/4の大きさにカットします。 ３． 2の図形をコピーし、 黄金比である1.618の値で割ります。 ４．3
【Chrome】参照型変数を console.log/dir した時の挙動が怪しい｜もっこりJavaScript｜ANALOGIC（アナロジック）
私はWEB制作ではChromeをメインブラウザとして使っています。JavaScriptをテストする時もChromeのデベロッパーツールを重宝しているのですが、なんとなく、オブジェクトや配列のような参照型変数を console.log や console.dir で出力した時の挙動が怪しい（クセがありそうな）気がしたので少し調べてみました。 どの辺が怪しいかを簡潔に説明するために、単純化したコードを次に示します。 'use strict'; var obj = {message: ''}; var fn1 = function () { obj.message = 'fn1 called!'; console.dir(obj); // (A) }; var fn2 = function () { obj.message = 'fn2 called!'; console.dir(obj); /
ウィンドウリサイズ完了時に一度だけ関数を実行する｜もっこりJavaScript｜ANALOGIC（アナロジック）
ウィンドウをリサイズさせた時に何か処理をしたい事はよくありますよね。そういった場合、次の例の様に単純にwindow.onresizeイベントに処理したい関数を割り当てればとりあえずはリサイズ時に関数を実行させることは出来ます。 window.onresize = function () { console.log('hoge'); }; しかし、この場合リサイズしている間(=ウィンドウを動かしている間）何度も関数がコールされます。 それ自体は悪いことではないのですが、リサイズが「完了」した時に一度だけ処理を実行したいようなケースもあると思います。そういった場合、何度も同じ関数がコールされてしまうのは無駄な処理です。処理の内容が重いものであればなおさらです。 例えば、ウィンドウのリサイズが完了したタイミングで発火するイベントがあれば良いのですが、現状のブラウザではそんなものはありませんので、
「…」←これ、ただの省略記号かと思ってました。（Spread operatorのお話）｜もっこりJavaScript｜ANALOGIC（アナロジック）
【2017.08.04追記】 記事の内容が「Spread operator」と「残余引数 (Rest parameters) 」とが混同しているとのご指摘を受け、内容を一部修正しました。 先日、ES2015の新構文について少し調べていた時の事。ふとこんなサンプルコードが目につきました。 function myFunction(x, y, z) { } var args = [0, 1, 2]; myFunction(...args);} 一見、なんの変哲もない普通のコードかと思っていたのですが、よく見ると関数の引数部分に「…args」というのがあります。 ドット3つ（日本語で言うところの３点リーダ）の後に引数名となっていますね。 私もよくブログ内で記事を書くときに、省略やエトセトラ（etc）的な意味を表現するために「…」を使いますが、上記のコードの「…args」の部分もその類かと思っていま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
