第9回 コンテナ型仮想化の情報交換会@福岡にてお話させて頂いた資料です。 AWS Blackbelt 2015シリーズ Amazon EC2 Container Service (Amazon ECS)(http://www.slideshare.net/AmazonWebServicesJapa…
次に、Sublime Text 3を起動して、Package Controlを開きます。↓↓ Install Packageをクリックします。↓↓ GhostTextと入力して、GhostTextをクリックすればインストール完了です。↓↓ GhostText for Chromeの使い方。 まず、テキストフィールドのあるページにアクセスします。 そして、Chromeの右端にある、GhostTextアイコンをクリックします。↓↓ こんなボックスが表示されるので、編集したいテキストフィールドにカーソルを当てます。↓↓ すると、テキストフィールドが青く囲われて、↓↓ Sublime Textにテキストフィールド内の文章が反映されます。なんて便利な!↓↓ さて、GhostTextが凄いのはこれだけじゃなく、なんとSublime Textで編集した文字がリアルタイムにChromeのテキストボックスに
なんとなくやってみて、もしかしたら今後使うことあるかもと思ったので備忘録。 CSSのtransform: rotate();とanimationを使って要素が常に回転するような動きを実装する際、単純に親要素にそれらを指定するだけだと中にある子要素の見栄えも回転します。 それを、子要素の見栄えは回転せずにそのままの表示が維持されているように見せる方法です。 イメージだけでは伝わりづらいかもですが、以下ではこのように5つの要素があり、それらが時計回りにくるくると回転する動きをCSSで実装していくものになります。 基本的なHTML・CSS 基本的なHTMLとCSSは下記のようなものを使用し、CSSで各li要素をposition: absolute;を使って先ほどのイメージのようになるようにそれぞれ指定していきます。 <i class="fa fa-xxx"></i>やpのHTMLやCSSに関して
これは小さな粒を生成するものです。あなたがクリックした場所から、小さな円が生まれて飛び出していくのです。マウスを持って、動かしてみましょう。粒はカーソルから生み出され続けます。 モバイル機器や、マウスではなく指で動かすタイプのコンピュータだったらどうでしょうか。同じように動きます。 私はオタクなので、これが楽しいと思います。皆さんの見解は様々かもしれません。埋め込み画像をクリックして、円が飛ぶのを見てください。クールじゃないですか? 仕組み これは全てReact、Redux、D3を使って作られています。アニメーションのトリックはありません。少しの賢さが必要なだけです。 一般的な方法を、以下で説明してみます。 私たちは、ページ、SVGエレメント、内部の粒といった 全てをレンダリングするためにReact を使います。この全ては、propを使ってDOMを返す、Reactコンポーネントを使って作ら
JavaScriptのアーキテクチャ 概要 DDD/CQRSベースなレイヤードアーキテクチャ Write(コマンド)/Read(クエリ) イベントソーシングはやってない DTO(データ変換オブジェクト)はまだ入れてない なのでDomainのインスタンスがViewにそのまま渡す(Read Only) テストが可能 実装 azu/presentation-annotator: viewing presentation and annotate. 登場人 View(React Component) Write Stack UseCase Repository Domain Read Stack Store DataBase(Memory) View React Component CSS Architecture(別途) Container + Project Componentベース Writ
日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。 超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。 「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/
作成:2016/04/11 更新:2016/06/29 Webデザイン > ありふれた当たり障り無いレイアウトではなくて、ほんの少しでも印象に残るレイアウトを作りたい。デザイン考えるとき、提案前に一度は見ておきたいまとめ。 エンジニア速報は Twitter の@commteで配信しています。 一部にグラデーションを使って視線をフックさせる 複数の色相を組み合わせたグラデーション。オーロラや紅葉など自然界によく見られる配色ですが、ページ全体に入れると少々キツく感じるときがあります。 そんなときは、上図のように色相差のあるグラデーションをワンポイントだけ使うことによって適度に視線をフックさせることができます。 INUPATHY こちらは被写体の気持ちを代弁するかのように、目立たせたい箇所にグラデーションが使われています。目立つけど、色ベタよりもキツイ感じはしません。 株式会社ジェイ・シー・エス
みなさんはウェブサイト制作で、どのテキストエディターを使用していますか? 弊社ではHTMLやCSS、JavaScriptを扱うウェブ制作ソフトとして「WebStorm(ウェブストーム)」を全スタッフが利用しています。WebStormは有料のソフトウェアですが、日本語に対応しており、ウェブ制作に役立つ機能が豊富に搭載されていて値段以上の価値があります。 今回はWebStormの魅力について、「WebStormの概要」、「ウェブ制作に便利な使い方」、「コードリーディングに重宝する機能」、「コーディングの助けになる機能」の4点から紹介します。 ※本記事はWebStormの内容ですが、開発元のJetBrains社が提供しているIntelliJ IDEAやPhpStorm、その他のIDE(統合開発ソフト)で同様のショートカットや機能を使用できます。 本記事は初心者向けの内容ですが、続編記事「使用歴5
最近、ミラーレス一眼がほしくてたまらなくなってきまして。 でも、レンズ交換式のカメラって、いまいちどれを選んでいいのか分からないですね。 しかも、レンズのラインアップも含めて検討しようと思っても、それが一覧で見られるサイトって見つけられませんでした。 ないなら自分で作ってしまおうということで。 いろいろと調べつつ、「カメラ本体」と「対応するレンズ」と両方整理してみました。 最後のほうには、用途別のオススメカメラも書いておきましたので、 ミラーレス一眼を選ぶ際の参考になれば幸いです。 機能の説明 これから記載する比較表の項目を、簡単にだけ説明します。 ▼価格 2016年4月23日現在のAmazonでのおおよその価格を記載しています。 ▼質量 「本体+バッテリー+メモリーカード」の質量です。 ▼撮像素子 ざっくりと言うと、左に書いてあるほど綺麗な写真が撮れます。 35mmフルサイズ > APS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く