自分は大学時代の4年間+SIer時代の5年間、Javaのみを書いてきました。 ここでいうJavaを書いてきたというのは、J2EEの世界でStrutsとかHibernateとかSeasar2とかSpringとかのFWを使って、業務系Webアプリの開発をしてきたということ。 そして今年転職して、Rubyの会社になりたい会社(つまりPHPも結構やってる)ペパボに入りました。そこで感じているJavaの世界とRubyの世界の違いについて書いていきます。とは言っても、Rubyの世界の入り口からちょっと覗き見したぐらいの立ち位置ですが。 今、自分が1番感じているのは、Rubyの世界は_ライブラリの開発スピードが速過ぎる_ということ。 開発スピードが速過ぎるとは railsで開発している時に色々なgemを使いますが、そのアップデートがめちゃくちゃ頻繁に起きます。メジャーなライブラリを使っていても、1週間に
巷で良く聞かれる「UXデザインとは?」意味が広義にわたるため明快に答えることが出来る人はなかなか少ないのではないでしょうか?ただ「ハラハラという会社で提供するUXデザインとは何?」と聞かれたらこう答えると思います。 “ルック&フィールによって発生する体験の価値をよりよくする為の作業” UXデザインを正しく運用・開発するためにはIA(情報アーキテクチャ)とそれを実行する手法(ステートメントシート、ペルソナ、カスタマーエクスペリエンスマップ、ワイヤーフレームなど)を組み合わせる必要があります。 今回はそういったツールの中で制作過程におけるレイトステージにおいて弊社で最もハードに使われる「ワイヤーフレーム」と「プロトタイプ」を組み合わせる開発方法を少しだけご紹介いたします(あくまでもアプリの操作法では無くワークフローの一部を抜粋したものになります) 基本的な流れはワイヤーフレーム→プロトタイプの
便利ですね MailChimpがMandrillというメール専門のBaaSのようなことをやってる Transactional Email from MailChimp - Mandrill xhrでpostするとメールが送れる via: Send an email using only JavaScript — Design + Startups — Medium 12,000通/月まで無料 Mandrill - Transactional Email from MailChimp mailchimpのようにダッシュボードで、開封チェックとか送る側が知りたい情報が知れる機能が使える htmlメールとか、画像埋込とか、添付ファイルとかメールに欲しいものもひと通りできる Messages API | Mandrill やってみた mandrillでサインアップして、api keyもらう手順 割
有機EL搭載の720pヘッドマウントディスプレイ第3世代モデル,徹底検証 ソニー HMZ-T3W,HMZ-T3 Text by 米田 聡 ソニーが手がけるヘッドマウントディスプレイ(以下,HMD)シリーズ,「HMZ」。その第3世代モデルにあたる「HMZ-T3W」「HMZ-T3」を入手したので,今回はそのレビューをお届けしたいと思う。 HMZ-T3W(左),HMZ-T3(右) メーカー:ソニー 問い合わせ先:総合サポート・お問い合わせ HMZ-T3W直販価格:9万9800円,HMZ-T3直販価格:7万9800円(※いずれも税込,2014年1月27日現在) 2011年秋に発売されて話題を集めた初代機「HMZ-T1」以来の伝統となる,「720p解像度の有機ELパネルを両目用に1枚ずつ搭載し,原理的にクロストークの発生しない立体視に対応する」「約20m先に750インチの仮想スクリーンが見える」仕様
スクロールすると商品写真がアニメーションでスライド表示するAppleのプロダクトページのように、スクロールした時、ロードした時など、ページ内の要素がビューポートに表示した時に、各要素それぞれをさまざまなアニメーションで表示させることができる単体のスクリプトを紹介します。 デモのアニメーション scrollReveal.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして</body>の上あたりに記述します。 jQueryなど他のスクリプトは必要ありません。 <body> ... ... <script src="js/scrollReveal.js"></script> </body> Step 2: HTML スクリプトをセットしたら、あとはアニメーションで表示させる要素に「data-scrollreveal」を追加するだけです。 <h1 data-scrollr
以前『色々信じられないクオリティでWEBサイトが作れるSquarespaceが結構ヤバイ!』という記事を書かせて貰ったんですが、ここが次はロゴマークすらも手軽に作れるツールを作ったようなので、とりあえずご紹介。 とりあえず、物は試しと作ってみたロゴマークがこちら。 なんか、どっかで見たことある感じになりましたw でも、基本操作は非常に分かりやすい。 Squarespace Logo — Squarespace ステップ1.名前入力 とりあえずサイトにアクセスしてロゴの名前となる文字を入力。 ステップ2.ロゴマーク、ロゴタイプ、タグラインを設定 もう見たらわかるレベルのインターフェースですね。 ステップ3.作ったロゴをダウンロード 前画面で、左下の『Save Logo』を押すと上のような画面が表示されるので、低解像度の物であれば即ダウンロード。といってもサイトなんかで使うには十分な解像度だし
作成:2014/01/27 更新:2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 1.仕様書の確認 2.入稿データの確認・スケジューリング HTML5 マークアップ 3.テンプレート作成 4.条件付きコメント 5.GCF+キャッシュクリア 6.OGP記述 7.ファビコン 8.アウトライン作成 9.バリデーターをチェック CSS の設定 10.ノーマライズスタイル レスポンシブデザイン設計 11.モバイルファーストを基準に設計 12.プログレッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く