エンジニアカフェ× CyberX 技術勉強会 #2 ~スマホ対応でJavascript,HTML5はどう使う?~Read less
エンジニアカフェ× CyberX 技術勉強会 #2 ~スマホ対応でJavascript,HTML5はどう使う?~Read less
ここ数カ月、デプロイとリリースについて、同僚や友人と議論したり雑談したりする機会が数多くあった。そんな折に、友人から Facebook のリリースエンジニアリングチームについて教えてもらった。曰く、 Facebook ではリリース作業を専門とするチームがあり、そこのメンバーは開発ブランチのコミットとそれに付随する ITS の議論を精査した上でリリースに値する変更をリリースブランチへ cherry-pick するのだそうだ。 2012/07/25 追記 Facebook のリリースエンジニアリングについては Facebook のリリースと文化 - Kato Kazuyoshi を参照のこと cherry-pick は無いわー、というのは置いておくとしても、リリースという極めて重要な作業が特定の人たちに委ねられている点に恐ろしさを感じた。嫌だと思うのはなぜなのかしばらく考えて、デプロイ作業の属
For us, web developers, the choice of a source code editor shouldn't come lightly. This is where we spend most of our development time and where productivity is gained or lost on a grand scale. No two developers are alike, so there is a plethora of editors that can accommodate any coding style. But this politically-correct statement doesn’t answer the most fundamental question of all - which is th
読む:3分 試す:15分 はじめまして、4月にアシアルへ入社した噂の好青年こと高橋です。 今日はjQuery UIを使ったオシャンティなソートを紹介します。 まずはデモをご覧ください。 「こんなメンド・・・大変そうなUIできるかなぁ?」 心配ご無用!jQueryさんはやってくれます!! まずは必要なソースを準備します。 下記からそれぞれ最新版をダンロードしてください。 http://jquery.com/download/ (24/7/19時点で ver 1.7.2) http://jqueryui.com/download (24/7/19時点で ver 1.8.21) ファイル構造・読み込み等は割愛します。 今回覚えるべき、たったひとつのシンプルなキーワード 「sortable」 まずはHTMLいきます <table class="table table-striped table-b
Written by defghi1977@xboxLIVE.この文書は全てテキストエディタで作成しています.えーと,そりゃもうゴリゴリと. 本文書はsvg要素の基本的な使い方まとめの姉妹版として作成を開始した.canvas要素の仕様は現在進行中で色々と変化しているため,一筋縄で行かないが大方のapiについて書き上がったので公開する.なお,まだ使えない機能等満載だったり,内容に間違いがあっても中々検証することができないので,その部分を了承した上でご利用下さい… 更新履歴 2012/07/18 初版 1・canvas要素の概観 canvas要素とは canvas要素はhtml5で採用されたwebブラウザ上でグラフィックを描画するための機構であり,webページの機能性・視認性が重要視される昨今では,svg要素と並び重要な役割を果たしている.もともとapple社が自社製osの機能向上策として,同
AngularJS is a great JavaScript framework that has some very compelling features for not only developers, but designers as well! In this tutorial, we will cover what I consider to be the most essential features, and how they can help make your next web application awesome. To get an idea of what you can do with AngularJS, check out the range of AngularJS items on Envato Market. You can find an ima
自己紹介 外村 和仁 @hokaccha 株式会社 ピクセルグリッド JavaScript, Node.js, Ruby
はじめに Backbone.js を使って UI を実装しているけど、モデルやビューが増えてきた。1ファイルに収めるには多いんで、ファイルを分割して実装し、最終的には結合したい。 そこで、RequireJS を使ってモデルやビューをモジュールにして、ファイルを分割しつつ開発できるようにしてみる。 RequireJS とは RequireJS は JavaScript のファイルやモジュールを非同期でロードできる JavaScript ライブラリ。 RequireJS 最適化機能もあり、公開時はモジュールをひとまとめにできる。 RequireJS と Backbone.js を組み合わせてみる 以前作った TODO アプリのサンプルで練習してみる。モデルとビューとテンプレートを1ファイルに記述していたので、それを別ファイルに分割する。 ディレクトリ構成 RequireJS の導入でディレクト
Editor's Notes\n\n&#x4ECA;&#x65E5;&#x307C;&#x304F;&#x304C;&#x304A;&#x8A71;&#x3059;&#x308B;&#x30C6;&#x30FC;&#x30DE;&#x306A;&#x3093;&#x3067;&#x3059;&#x304C;&#x3001;\n\n&#x666E;&#x6BB5;&#x306F; Ruby &#x3068; JavaScript &#x3092;&#x4F7F;&#x3063;&#x3066;&#x304A;&#x4ED5;&#x4E8B;&#x3092;
色々なフレームワークでローカルでファイル変更した時に自動的にブラウザリロードしてくれる仕組みがあったりなかったりで探して見つけて忘れてとか、探して見つからなくて絶望してとかに飽きたので汎用的に使えそうなものでっち上げた。 裏でこのサーバを立ちあげておくと、監視対象のファイルに更新があったらブラウザリロードする。 概要 ローカルのファイルを監視して変更があったら自動リロードします。 chrome でしか動作確認してません。 localhost で動くものにはだいたい対応してるはず 必要なもの node.js npm coffeescript port3002 を開けておく心意気 インストール > git clone git@github.com:yoshiori/kamina.git > cd kamina/ > npm install 使い方 client/filecheck.user.j
20. その1 服を着せる DOM追加 <div data-parts=”f_body” data-action=”f_body_mot”> <img src=” data:image/png;base64,iVBORw0...” style=”-webkit-transform: translate(-67px, 14px); ” > <img src=” data:image/png;base64,iVBORw0...” style=”-webkit-transform: translate(-1px, 9px); ” > </div> <div data-parts=”f_head” data-action=”f_head_mot”> <img src=” data:image/png;base64,iVBORw0...” style=”-webkit-transform: tran
先日、無事公開までたどりつけた「Tiny iOS」。 今回は、Tiny iOSに使用した技術要素について、いくつか解説してみます。 Canvas要素 画面の表示は、HTML5のCanvas要素を使用しています。 Canvas要素は、線の描画や塗りつぶし、画像の描画など、多彩な描画機能をサポートする要素。 W3Cでまだまだ仕様策定中ですが、Chrome, Safari, Opera, Firefoxなど、たいていのモダンブラウザで動きます。 IE? 知りません ;-p ピクセルの扱いが手軽、描画オプションも豊富と、なかなか使い勝手のよい仕上がりです。 「何か作っちゃるぜ!」という気にさせてくれます。 Canvasの使い方については、ここを押さえておけばほぼ事足ります。 「Canvasリファレンス – HTML5.jp」 素晴らしいサイトです、感謝。 アニメーション Tiny iOSの
本サイトでも何度か紹介している「Blabo!」がリニューアル。これ面白いサービスなのでぜひチェックを。 ポストイット風オンラインボードUI 色々な人のアイデアを集められるという基本的な機能は変わらず、ポストイット形式のUIを採用するなど、特にデザイン面で大幅にリニューアルが掛かっています。 例えば「コワーキングスペースにもっと気軽に来れるようにするためにはどうしたらよい?」というアイデアボードを見てみましょう。現在71(!)もの投稿が集まっています。しかも投稿がどれも面白い。UIいい感じです。 投稿はツイッター/フェイスブックと連動しており、ソーシャルメディアでの拡散効果もあります。 ・若者の投票率を上げる施策を、一緒に考えて下さい! ・日本の図書館がもっともっと楽しくなるにはどうしたらいいんだろう? ・防災対策しようと思った時にあると嬉しいウェブコンテンツって? などなど、創造性を刺激す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く