http://breach.cc/
フロントエンジニアになってから５ヶ月間で欠かせなくなったツールを晒す - Qiita
概要 今年からフロントエンドエンジニアにシフトチェンジして5ヶ月がたち、これがないと仕事にならんわレベルのツールを整理がてらに晒していこうと思う。 スペック的にはJava歴が10年くらい。 割とツール好きで、できればキーボード（カーソルキー以外）だけですべての操作を完結したいと思っている。 そんなおっさんがお送りします。 5ヶ月間のお仕事内容 PC/タブレット向けのAngularJSを使ったフロントエンド開発 HTML/CSS(SASS)/Javascript PCはIE8~、Chrome。モバイル端末はiPad、Nexus7 職場での開発環境 mac mini (2011) 19インチのシングルモニタ GUI系ツール Sublime Text 2 プログラマ向けのテキストエディタ。 これがないと仕事にならない。 以下、必須なPackage。 Vintage vimっぽいキーバインドにする
なぜ Web Components はウェブ開発に革命を起こすのか
ウェブアプリケーションのフロントエンドに関わる方なら、もう Web Components という 言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと思います。しか し、なぜこれが革命的技術なのか、周囲の人に簡潔に説明できる方はどれくらいいるで しょうか？この記事では、それを試みていきたいと思います。 デジタル部品の流通革命 # ソフトウェア部品の流通に今、大きな変化が起きてきています。 数年前のオープンソース環境を覚えているでしょうか？レポジトリは集中管理型の subversion、リリースは zip、テストは手動。Issue の登録もプロジェクトごとにことな るバグ管理システムが使われていたため、とっつきづらかったでしょうし、パッチを送る のも面倒でした。 そんなオープンソースを取り巻く環境が、git や GitH
micropolisJS - ハマると危険なHTML5製シムシティクローン
これは危険！ 筆者はシムシリーズに良い思い出がありません。例えば夢中になりすぎて学校に遅刻したり、寝不足になったり、気がつくと週末を全てシムシティーやシビライゼーションに費やしてしまったり…ろくな思い出がありません。 そんな触るな危険シリーズの初代シムシティがHTML5/JavaScriptで開発されています。それがmicropolisJSです。 最近のシムシティでは色々なメッセージが出て、街を成長させるパラメータも多彩にありますが、さすがに初代とあって内容がシンプルです。作れるオブジェクトも大して多くありません。 何より怖いのはmicropolisJSはJavaScriptだけで動作しているということです。データを保存する仕組みがないので、中途半端にはじめるとブラウザを終了させることができなくなります（再読み込みすると最初からやり直しです）。 仕事で忙しい方は絶対に下のリンクはクリックし
米Google、HTML5コンテンツ作成ツール「Google Web Designer」をベータ公開 | OSDN Magazine
9月30日、米GoogleがHTML5コンテンツを作成できるWYSIWYGエディタ「Google Web Designer」のベータ版を公開した。アニメーションやインタラクティブなコンテンツを容易に作成でき、デスクトップやモバイルなどさまざまな端末で動かせるという。広告を中心に長年利用されている米Adobe SystemsのFlashに対抗するものとして注目される。 Google Web DesignerはHTML5、CSS3、JavaScriptを利用したコンテンツを作成するためのツール。ベクターベースのドローツールやQuickとAdvancedの2種類のモードを持つアニメーションツール、3Dオブジェクトの回転やビューの操作、2Dオブジェクトの3Dへの変換などが可能な3Dオーサリングツール、プロパティ、イベント、コンポーネントなどを管理するパネルなどを備える。ビジュアル効果の高いデザイン
[報告]Chrome即反映が魅力の快適テキストエディタ『Adobe Brackets』がなかなか良い感じだったよ
先日、勉強会でAdobe Bracketsをはじめて触ってきました！ 私はST2に恋している身なのでそこまで興味はなかったのですｇげふんげふん！これ、使ってみたらなかなか良かったのですよ…！ なので、今日はそこで学んできたAdobe Bracketsの魅力と、コーダー必須アイテムであるEmmet（Zen-Coding）のインストール方法を皆さんにご紹介したいと思います！！ というわけで、@stocker_jpさんがオープンされた教室『Stocker.jp / Space 』にて行われた@glatyouさんのAdobe Brackets勉強会にいってきました。 こういう勉強会に参加して、アプリケーションに触れてみるのって大事ですねー。ST2の時も触るまで微塵も興味なかったなぁ…ｗ Adobe Bracketsとは Adobeから出ている無料のテキストエディタです。CCに加入している必要はなく
![[報告]Chrome即反映が魅力の快適テキストエディタ『Adobe Brackets』がなかなか良い感じだったよ](https://cdn-ak-scissors.b.st-hatena.com/image/square/7f002ec6f1c95cdefd60abc37e5ecc2b1adcba9c/height=288;version=1;width=512/http%3A%2F%2Fwebimemo.com%2Fwp-content%2Fuploads%2Fadobebrackets.png)
Adobe製オープンソースのエディタ、「Brackets」がすごかった。 - Toro_Unit
アドビ、オープンソースのHTMLエディタ「Brackets」を公開。まだまだ開発中 － Publickey など、開発が続いていた、Adobe製エディタです。 また、Creative Cloudに入っている Adobe Edge Codeの元になっているようです。FedoraとRHELみたいな関係と思えばいいんですかね。 Brackets https://github.com/adobe/brackets Adobe Edge Codeを触ってみたついでにこっちも触ってみたのですが、なかなかすごかったので紹介。 ライブプレビュー & ライブ編集 エディタの右上の「雷マーク」をくりっくすると、 という表示がでて、ローカルサーバーが立ち上がり、ライブプレビューが動作します。 「DreamWeaverのプレビュー部分がブラウザにならないかな・・・」とか 「開発者ツールで編集したCSSそのまま保存
Bootstrapベースの管理画面用テンプレート·Charisma MOONGIFT
CharismaはHTML5/JavaScript製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 Webシステム開発において意外と不遇なのが管理画面です。内部の人が使うものなので適当に作られるケースが多くなります。そこで使ってみたいのがCharismaです。リッチな管理画面をBoostrapをベースに作り上げる事ができます。 ウィジェットがついた、リッチな管理画面です。ここまで恵まれているケースは早々ないでしょう。 ドラッグ&ドロップによる配置変更もサポート。 折り畳んで隠す事もできます。 グリッドは細かくサポートされています。 カレンダー。システム内部のデータをマッピングすると見通しが良くなりそうです。 メンバー一覧。検索やラベルもあって便利そうです。 ギャラリー。サムネイル写真をきれいに並べています。 タイポグラフィ。様々なタグをサポートしているので奇麗
作業効率化！Dreamweaverのオススメ拡張機能まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 Dreamweaverの数ある機能を十分に活用できてる方ってどのくらいいるのでしょうか？ 私の場合、これまで最低限の機能しか使ってこず、操作上でわずらわしく感じることでも我慢してたんです。で、そのわずらわしさも苦痛に感じなくなってきて、いつの間にか慣れちゃってました。いけない子ですね。 そこで今日は以前の私みたいな方のために、作業効率を良くするDreamweaverの便利な拡張機能やおすすめ設定術を紹介させていただきます。 閉じタグコメントを自動挿入：End_comment.mxp 閉じタグコメントはソースの構造をチェックしたりする時に便利なんですが、その都度書いていくのって手間ですよね。 この拡張機能は閉じタグコメントを自動で挿入してくれます。もちろんIDとclassもちゃんと認識してくれます。 コメントを生成して挿入するDreamweaver用の拡
四畳半ワークス+1.5
とある六畳間で印刷物を作ったりWEB的な何かをしていたり、物思いをしてみたり、嫁様の目を盗んでtwitterとかしてたりします。
タッチUXを実現する7つのポイント
思ったより指はじっとしていない。タッチUIの特徴と癖を分析して、タッチUXを実現する7つのポイントを紹介する。 普及してきたタッチデバイス 現在、スマートフォンやタブレット端末がすさまじい勢いで普及してきています。iPhone/iPadは新製品が出るたびに販売記録を塗り替え、Androidのスマートフォンやタブレットも各社からさまざまな端末が発売されています。今秋にはMicrosoftからWindows 8/RTも発売され、いよいよタブレットが本格的な普及期に入ります。 これらはすべてタッチUIで操作する、ということがこれまでのPCと大きく異なります。 直感的で分かりやすいタッチUIはあっという間に市場に受け入れられました。ユーザーは新しい体験を期待と興奮で歓迎しました。今やスライドしてページスクロールは当たり前で、スワイプでページをめくることに迷う人はいません。 同時に、そのような端末で
AdobeがHTML5開発ツール群「Adobe Edge」をクラウドで提供
米Adobe Systemsは2012年9月25日（現地時間）、HTML5コンテンツ開発ツール群「Adobe Edge Tools & Services」を同社のクラウドサービス「Creative Cloud」として提供すると発表した。日本でも9月26日、プレス向け説明会を開催し、ツール群の詳細を紹介した。 Adobe EdgeはAdobe Edge Animate 1.0、Adobe Edge Code、Adobe Edge Inspect、Adobe Web Fonts、Adobe PhoneGap Build、Adobe Edge Reflowなどからなる。 Adobe Edge Animate（写真1）は、FlashのようなアニメーションやインタラクティブコンテンツをHTML5で作成できるツール。デザインペインとツール画面下部にあるタイムラインを連動させて、マウス操作だけで動きや効
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マルチブラウザー対応の“HTML5 Video”タグを生成するツール「Easy HTML5 Video」NOT SUPPORTED
オープンソースのWebアプリ開発向けコードエディター「Brackets」Sprint 23が公開
http://html5dev-software.intel.com/
Brackets - Web デザインを認識する最新のオープンソースコードエディター
アドビ、Flash使わないHTMLアニメーション作成ソフトなど無償提供 ウェブ開発ツール群「Adobe Edge」公開