Spirit Studio uses keyframes, just like other industry-standard animation tools. Simply change an element attribute, set a keyframe, rinse and repeat. It's that easy!
日々の仕事の中で役に立つES2015(ES6)のティップス、コツ、ベストプラクティス、プログラムの見本をご紹介します。コントリビューション歓迎です! 目次 var vs. let / const IIFEからブロックベースへ アロー関数 文字列 デストラクチャリング モジュール パラメータ クラス シンボル マップ WeakMaps Promises ジェネレータ Async/Await var vs. let / const var の他に、値を格納する let と const という識別子が新たに追加されました。 var とは異なって、 let と const はクロージャのスコープ内で最初に記述されることはありません。 var の使用例です。 var snack = 'Meow Mix'; function getFood(food) { if (food) { var snack
Itamaeを使ってみたので使い方やインストール方法をメモ。 Itamaeとは @ryot_a_raiさんの制作したサーバー構成管理ツールです。 Chef-Soloをよりシンプルにしたようなツールです。 github.com インストール方法 gem install itamae ItamaeでHello world まずはtest_recipe.rbを作って下のようにレシピを書きます。 execute "echo HelloWorld!" do command "echo HelloWorld" end 次は下コマンドでItamaeを実行します。 HelloWorldが下から3行目に出力されている事が分かるかと思います。 -lはログレベルのオプションです。 itamae_test$ itamae local test_recipe.rb -l debug INFO : Starting
(最後の追記も見てね) 資料はこちら プレゼンアプリが固まって慌ててPDF出力したりして発表してた Itamaeと自分 実はまだItamaeをちゃんとプロダクションで使ったことがない。 最初にItamaeを知ったのは、Chefに疲れた/合わなかった勢がAnsibleに流れてた時期だった気がする。どうもAnsibleが手に合わなかった(YAMLで書きたくなかった)ので、Itamaeのシンプル&プログラマブルなとこに魅力を感じた。 ガリガリ使ってウチらでItamaeを盛り上げてこっ!ってことをやりたかったんだけど、当時は転職直後でインフラを使う機会が無かった。そこでItamaeの利用を促せるツールを作ることを考えた結果が vagrant-itamae だった気がする。 次にやりたいこと まだ Itamae は packer で使えなくてこれをなんとかしたいなと思ってる。 冬休みにGoの勉強も兼
発表資料 2015年11月27日(金) #devopsjp DevOps/マイクロサービスセミナー ~導入事例から考える、マイクロ サービスを実現するコンセプトと技術~ 会場:マイクロソフト@品川 http://connpass.com/event/22027/ Read less
はじめに あっという間の一週間でした。先週 11/7(土) 東京Node学園祭2015が開催されました。 nodejs.connpass.com 強力なデザイナー 今回ノベルティのデザインは @t32k さんにお願いしました。 t32k.me JS Girls のノベルティ作成経験をお持ちだったので手放しでお任せしてしまいました。 本当にありがとうございました! 公式サイトのデザインも @t32k さんです! 公式サイト 2011 からずっとお世話になっている Pixel Grid さん、そしてバックエンドにニフティクラウド の MQTT を利用させていただきました。 株式会社ピクセルグリッド / PixelGrid Inc. クラウド 機能・サービス(MQTT(β)) | ニフティクラウド イカなギミック楽しんでいただけましたか? esa.io esa.io たまたま遊びに行った Tok
ここ最近、Elixirという言語がWebプログラマー界隈で話題になっています。 ElixirはErlangのVM上で動くRuby風味の関数型言語で、RailsコミッタのJose Valimさんが作ったプログラミング言語です。 この言語はErlangの並行性とRubyの開発生産性を持っています。 今回はこの言語が出てきた背景と文法の特徴について書こうと思います。 Elixirが注目されている理由 ここ数年、Webアプリケーションは以下の問題を抱えています。 C10K問題 10000以上のクライアントがサーバに同時接続すると、HWの性能は足りていてもOS、ソフトウェアの問題で処理が破綻する ムーアの法則の限界 CPUチップメーカーの製造するチップのクロックレートの成長に陰り。代わりにマルチコアアーキテクチャのCPUが開発されている リアルタイムWeb サーバ、クライアントが常時接続するアプリケ
企業サイトやお店、自分の作品を公開するポートフォリオサイトなど、Webサイトを作りたい人は多いと思います。一方でHTMLやCSSといった知識が無く、作ることを諦めている方も多いのではないでしょうか。 制作会社やプロのWebデザイナーに頼むほどではないけど、見た目も綺麗なWebサイトを作りたい方におすすめなのがWebサイトビルダーです。今回は専門知識が無くても、好きなデザインを選んで綺麗なWebサイトを作ることができるWebサイトビルダーを9サービス紹介します。 1. WIX まずはWebサイトビルダーとして有名なWIX。2012年に日本語化され、以前このブログでも使い方を紹介しました。好きなデザインのテンプレートを選んで、ブラウザ上で文字や画像を入れ替えるだけでWebサイトを作ることが出来ます。 無料で利用することができますが、無料版には広告が入り、削除するためには月額1200円(年間契約
こんにちは、エンジニアののびすけです。一応所属はバックエンドエンジニアなのですが、フロントエンド開発もたまにしています。 そんな片手間JSerな私は情報収集のため、LIGのフロントエンドエンジニアリーダーの先生に普段見ているサイトなどを聞いています。 その先生が書いた「フロントエンドエンジニアであり続けるために効率的に情報収集を行う方法」で紹介されていた「CodeGrid」という�Webメディア。こちらに、LIGのフロントエンドエンジニアはとてもお世話になっています。 2015年5月8日にCodeGridがサービス開始から3周年記念のイベントが行われ、そこでLT参加をしてきましたので報告したいと思います。 CodeGridとは まずは、CodeGridについてご紹介します。 http://www.codegrid.net/ CodeGridはフロントエンド集団であるPixelGrid社が運
パワーポイント等で資料を作ることがあるのですが、自分でも「もうちょっといけてる感じにならないかな」と思うことがあります。 そんなときに頼りになるのがアイコン素材集サイト。今回はその中でも、本当は誰にも教えたくないイケてるサイトをご紹介します。 FLAT ICON DESIGN FLAT ICON DESIGNのなにがイケてるかって、 アイコンのデザインの質が高いアイコンの数・種類が多いタグで探せるサイズや拡張子を選択できる背景有無など1つのアイコンに複数のバリエーションがあるアイコンにしっかりした説明文が書いてある商用利用無料という感じ。すごいです。 ここのアイコンを資料に少し入れるだけで、それっぽくすることができます。 最近ちょこちょこ使うアイコンをご紹介します。 imac風のデスクトップPCimac風のデスクトップPCのイラストアイコン素材です。最近ではWEBページはレスポンシブルデザ
はじめに gulpv4.0がそろそろリリースされそうなので、どんなことができるようになるのか調べてみようと思いました。 https://github.com/gulpjs/gulp/milestones/gulp%204 マイルストーンを見てみると78%くらい終わっていてあと少しという感じでしょうか gulp 4.0を先にinstallしてみる 直接gitから落としてくれば4.0を使うことができます。 $ npm install git://github.com/gulpjs/gulp.git#4.0 --save-dev $ npm install git://github.com/gulpjs/gulp-cli.git#4.0 –g4.0の変更内容 機能の変更内容についてはCHANGELOGに記載されています。 大きいところでいうとmethodがいくつか追加されていてgulp.seri
golangでJSTの時間の文字列を変換するときに困ったのでTipsとして残しておきます。 2015-06-08 15:04:05 +0900のように+0900とついていた場合2006-01-02 15:04:05 -0700をformatとしてParseすればうまくいきます package main import "fmt" import "time" func main() { target := `2015-06-08 15:04:05 +0900` t, _ := time.Parse(`2006-01-02 15:04:05 -0700`, target) fmt.Println(t.UTC()) } 上記は普通に指定すればできました。 問題はJSTで2015-06-08 15:04:05という値をParseしたい場合です。 色々実装をみてみたところ package main i
class: center, middle, inverse, title-page # Run through ES6 ### 2015/06/27 #tng16 ### by @teppeis --- # Hello! * Teppei Sato * <a href="https://twitter.com/teppeis">@teppeis</a> <img src="https://secure.gravatar.com/avatar/b593af919ac846342f62d33b32beef2a?s=32" class="avatar"> * Cybozu, Inc. / kintone --- # My Favorite ES6 * Module * Iterator * Destructuring --- class: wdpress background-image: u
Sanrenp(サンレンプ)が7月中旬にリリースするリアルタイムSNSアプリ「QIQI(キキ)」がなんか映画「サマーウォーズ」内の「OZ」っぽい。事前登録者向けに公開しているコンセプトムービーを見てみましょう。 「サマーウォーズ」冒頭のそれっぽい! ようこそ「QIQI」の世界へ フォロワー数に応じて「ルーム」を作成 カラーも選択できます イベントを開いて友人を呼ぶことができます 他の「ルーム」に移動することもできます クイズ大会なんてどうでしょう 気が合えばフォローしましょう 「QIQI」は、Twitterのアカウントを使用して、仮想空間内で友人とYouTubeの動画を見ながらリアルタイムにコミュニケーションすることを目的としています。Twitterのフォロワー数に応じて大きさが決まる「ルーム」がそれぞれに作成され、その「ルーム」に友人を呼ぶことができます。友人を自宅に招いて一緒にビデオを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く