canvas要素 + Javascriptで作る、動的コンテンツ
HTML 5 + Javascriptで作る動的なコンテンツ 前回の授業では、HTML 5について、その成り立ちや特徴を解説した上で、新しい構造化のための要素について解説しました。また、あわせてCSS3によって格段に進歩した表現力について実際にサンプルページを作りながら解説しました。 今までは、Webページで動的に図や画像やアニメーションを描画するにはFlashが代表的な選択肢でした。しかし、ここ数年でその状況が大きく動きつつあります。Flashに代表されるような動的なコンテンツが、専用のプラグイン無しに、HTMLの要素とそれと連携するスクリプトだけで実現できるようになりつつあるのです。こうした技術は、今後のWebの動向を大きく変える可能性を秘めた技術として脚光を浴びています。 HTML 5で動的に画像やアニメーションを生成するためには、canvas要素という新規に導入された要素と、can
shaky - 意外と難しい。正確に書かないドローライブラリ MOONGIFT
コンピュータは正確な図形を描くのは得意です。逆に人は正確な線をフリーハンドでは引けませんが、それがかえって味があったりして柔らかな印象を与えます。コンピュータの描く線は冷たい印象を受けるでしょう。 そこで使ってみたいのがshakyです。Canvasを使ってドローするのですが、その描く図形が手書き風でいい感じなのです。 shakyの使い方 デモの編んだ図形。右側に行くほど乱れているのが分かるかと思います。 マウスに連動して動く線。ちょっとした乱れがいい感じです。 こちらは四角。並んではいつつも線がぶれています。 直線。 四角。これはぶれて動きます。 円。とはいっても完全な円にはなっていません。 こちらはちゃんとした円。ですが崩れています。 楕円。かなり乱れています。 右下にいくほど崩れる図形。 正確に書かないというのは面白いテクニックと言えます。フリーハンド風に描くことで、プロトタイプをスク
shaky box and lines CoffeeScript - shakyを使ってアスキーアートから手書き風ドローへ MOONGIFT
きっちり正確なドローイングを描くライブラリを使うと、ついつい内容まで正確性を求めるようになってしまいます。プロトタイプやブレインストーミングレベルであればもっと粗雑に、ラフに書く方が都合が良かったりします。 そんな訳で使ってみたいのがshaky box and lines CoffeeScriptです。アスキーアートレベルのチャートがファジーな線で描かれていきます。 shaky box and lines CoffeeScriptの使い方 shaky box and lines CoffeeScriptのデモサイトです。アスキーアートとshakyを使って描かれたチャートが画像になって表示されています。 自由に編集、さらにラベルに日本語を使うことができます。 がつっと削ったりもできます。 shaky box and lines CoffeeScriptはshakyを使って手書き風のドローを行
エンジニアなら知っておきたい障害報告&再発防止策の考え方 - Qiita
システムには障害がつきものです。どんなにしっかりと作られたサービスであっても思わぬところで、バグやミスが発覚して、トラブルになるものです。大事なのはこういった障害を次への糧にしていくこと。失敗というのは大事な資産なので、管理できるようにしましょうという話。 あわせて読みたい あきらめるにはまだ早い！ソースコードの品質向上に効果的なアプローチ メンタリングの方法について基礎をまとめました。内心でなく行動を変えることが障害報告とも共通します。 新入社員が来てメンターになれって言われたけど、どうすればいいのかという対話テクニック 半年で40kg痩せた！ダイエットでわかるリーンなプロジェクトマネジメント手法 心理的安全性ガイドライン（あるいは権威勾配に関する一考察） 障害の種類と障害報告について 障害には、小さなもの、たとえば画面に表示されているテキストの乱れから、すべての画面で50xエラーが発生
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2015-05-23 クラウドの運用になって インフラエンジニアは何が変わるのか?
[Japanese] White Paper![[Japanese] White Paper](https://cdn-ak-scissors.b.st-hatena.com/image/square/7aaad04848d3a4e704ac06715479beed95d279e8/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F8869078b391264422b81c593076a1e36831dddb78a16a690ce38539e57cdaedf%2Fethereum%2Fwiki)
作文入門