UXを学ぶならこれだけは目を通しておけ！ - UX-design
2013-04-11 UXを学ぶならこれだけは目を通しておけ！ UXとはなんぞや!?って日々思いながら手探りでUXを意識したサービス開発、UXの向上を測っております、どうも @tacumacy です。 ボク自身、UXのことはなんとなーくわかってはいましたが、本格的にそれを仕事としてやろうとなった時から本気で勉強しなきゃやばい！と思い猛烈に危機感を感じたので、めちゃくちゃネットサーフィンをしてUXに関する情報を集めては読みまくりました。そこでボクが読んで参考になった書籍や記事を、どうせならここでまとめて見れるようにしておこうと思います。もし勉強したいな、と思ったときに見ていただけると幸いです。 こんな人に読んでほしい ・これからUXを学びたいと思っている人 ・UXについて、手っ取り早く情報が欲しいと思っている人 書籍紹介 以下、これだけは頭に入れておきたいなぁと感じた内容をまとめてくださって
Middleman: Hand-crafted frontend development
Installation Install the gem and run middleman init my_project to create a new Middleman site from the command line. See full install instructions Customize Your Site Check out the directory cd my_project. Middleman works right out of the box. Start reading the docs to find out what each directory is doing and how to customize your site. See advanced customizations Build and Deploy Running one com
新人デザイナーならブクマして損なしのWebデザインギャラリーサイト
【フレッシュなWebデザイナーの皆さんへ】数ある... / ━━国内ギャラリーサイト━━イケサイ、ABM、S... / 【イケサイ】国内のコーポレートサイトが中心のデザ...他...全14件 【フレッシュなWebデザイナーの皆さんへ】 数あるWebデザインギャラリーサイトの中で、新卒Webデザイナーがとりあえず毎日見ておけば間違いない特にオススメのギャラリーサイトをまとめました。
今この瞬間の話題がわかる！リアルタイムに情報収集できるツールまとめ | creive
こんにちは。 どんな仕事であっても、世の中の流行りを知ることは大切です。 今日は、世の中の「旬な話題」がひと目でわかるサイトを9つ集めてみました。 yahooリアルタイム [browser-shot url=”http://search.yahoo.co.jp/realtime” width=”550″] 王道ですね。TwitterやFacebookなど、発言場所を絞り込んだ検索も兼ね備えています。 Googleトレンド [browser-shot url=”http://www.google.co.jp/trends/” width=”550″] 急上昇キーワードがわかります。 ついっぷるトレンド [browser-shot url=”http://tr.twipple.jp” width=”550″] ホットワードを筆頭に、ITからつぶやきから、あらゆる情報を網羅しています。アンテナが
6つの無料Webサービスで効率良く情報収集！私が使っているのはコレ！
Webは情報収集も大切。日々目まぐるしく進歩・進化する業界なので、情報のチェックは欠かせません。 大切な「情報」ですが、ネットの海には情報が溢れかえりすぎています。闇雲に収集を行なっていては、情報に飲まれてしまい、良いインプットになりません…。 情報太りにご用心、無料Webサービスを使って効率的に行ってみてはいかがでしょうか。 今回の記事では、私が情報のチェックに使っているWebサービスをご紹介したいと思います:) Twitterはてなブックマーク関連GunosyvingowiSoople Twitter 情報の速さといえば、Twitterではないでしょうか。 私は、WebやIT、デザインに興味・関心を持っている方をフォローしています。 情報共有として、タイムラインに有用な記事がツイートされます。 勿論、そればかりでもなく、いつも楽しくタイムラインを見ているわけですが… 同じ方向にアンテナ
「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」
Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ（いやそのまえにフォトショなりなんなりでデザインカ
【保存版】Webエンジニアが見るべきテックブログ一覧
皆さんはどのような方法で最新の技術や、コードのTipsを収集していますか？ はてなブックマークやTwitter, GitHubなど様々あると思います。 私はテックブログを使った情報収集をしています。今回はエンジニアが見るべきおすすめのテックブログをいっきにご紹介します。 テックブログとは？ ご存知の方も多いと思いますが、テックブログとはWEBサービスやゲーム等を提供している企業が、自社で使っている技術や開発手法を紹介するブログです。デベロッパーブログとも呼ばれます。 エンジニアが持ち回りで書くことが多いので、そこで働いている人のこともわかっちゃいます。 普段使っているサービスがどのような言語でできていて、どのようなフレームワークを使っているか、どんなツールを利用して開発しているのかが載っているのでとても刺激的な内容ばかりです。 転職、新卒の会社選びにも役立つ!? 転職する際に気になるどんな
Webシステムのフロントエンド高速化で最初にやるべきこと - かみやんの技術者ブログ
前回のエントリーで、Dartの次は、TypeScriptを検証する。と書いたけど、なぜか自分のPCでは、VisualStudio for WebにTypeScriptのプラグインがインストールできなかったので、TypeScriptを使うことを諦めました。コマンドラインでコンパイルはできたけど、それでは型付け言語のメリットであるIDEによる補完や参照検索やリネームリファクタリングが効かないので。ちなみにプログラマのPCではあっさりインストールできたとのこと。がっくり。 というわけで、Dartを実戦投入することを決定してDartで開発をしています。 フロントエンド高速化のExpiresヘッダ さて、今日の本題。Webシステムのフロントエンド高速化のお話です。Webシステムの速度の大きなボトルネックとしてDB負荷がありますが、ブラウザ側のレンダリングを高速化する話としてフロントエンド高速化があり
独学でフロントエンド・エンジニアを目指す人のための基礎カリキュラム - DESIGNMAP
本記事は2013年に書いた記事で内容がだいぶ古くなっております。 フロンドエンドは3年間で大きく状況がかわりました。下記の2016年に書いた改訂版の新しい記事をおすすめします。 「フロントエンドエンジニアとは／Webアプリケーションの歴史／フロントエンドの勉強が難しくみえる理由 － まったくのゼロからフロントエンドエンジニアを目指すための独学カリキュラム vol.1」 2011年に『まったくのゼロから、独学でWebデザイナーになる方法』、2012年に『19のステップで、まったくのゼロから、独学でWebデザイナーになる方法』を書いて、独学でWebデザイナーを目指す人向けの具体的な独学方法を書いた。今回は、Webデザイナーという大まかなくくりではなく、フロントエンドエンジニアにしぼって独学方法をまとめてゆきたい。 フロントエンド・エンジニアとは フロントエンドとはWebブラウザ側（クライアント
レスポンシブ用に3案必要？ クライアントとロス無く進める便利ツール -Style Tiles
Style Tilesはウェブサイトを制作する際、そのブランドの本質を伝えるフォント、カラー、エレメントなどをクライアントと打ち合わせをして、ビジュアルのコンセプトを決めるツールです。 レスポンシブデザイン用に3つのモックアップが必要ですか？ このツールを利用することでそういったことはなくなります。 Style Tiles 下記は各ポイントを意訳したものです。 Style Tilesとは Style Tilesの使い方 レスポンシブデザインとSytle Tiles Style Tilesとは Style Tilesはレイアウトを明確せずに、実際のインターフェイスのエレメントを検証し策定します。クライアントとブランドについて確立し、それをウェブに落とし込んでいきます。 Style Tilesを使うタイミングは、ムードボードでクライアントからヒアリングを行った後がよいでしょう。 Style T
よくある質問 - Amazon S3 ｜AWS
Q: Amazon S3 とは何ですか? Amazon S3 は、任意の量のデータの保存と取得をどこからでも行えるように設計されたオブジェクトストレージです。S3 は、業界をリードする耐久性、可用性、パフォーマンス、セキュリティ、および事実上無制限のスケーラビリティを非常に低コストで提供する、シンプルなストレージサービスです。 Q: Amazon S3 で何ができますか? Amazon S3 はシンプルなウェブサービスインターフェイスを提供しており、いつでも、どこからでも容量に関係なくデータを保存および取得できます。このサービスを利用すれば、クラウドネイティブなストレージを使用するアプリケーションを簡単に構築することができます。Amazon S3 は高度にスケーラブルで、お客様は使用したものに対して支払えばよいので、性能または信頼性を犠牲にせずに、アプリケーションを望むとおりに拡張すること
Webはインターネットになった - naoyaのはてなダイアリー
先週金曜日にエンジニアサポートCROSS2013に行ってきた。目当ては @Jxck_ さんホストによる次世代Webセッション。セッション自体は前後半に分かれていて 前半はプロトコル編。SPDY (wikipedia) や HTTP/2.0 の動向やその課題点など 後半はアーキテクチャ編。プロトコルが変わった上で、その上で動くソフトウェアのアーキテクチャが云々 という内容でした。前半がより技術寄り、後半はテーマ的にもより広範の話題を扱うという感じでどちらも面白かった。 CROSS 2013レポート(2) - mad-pの日記 こちらに細かいログがあります。 話の前提になる SPDY や HTTP/2.0 周りの昨今については 【HTTP 2.0の最新動向】 第1回：HTTP/2.0の策定、ついに始まる - INTERNET Watch Watch 【HTTP 2.0の最新動向】 第2回：HT
これからはじめるインフラエンジニア 発表資料 | 外道父の匠
新卒採用のイベントで『知的ヘンタイ六番勝負』というのをやっていまして、その『第三戦 大規模インフラ・解析勉強会』にてインフラについて話してよ、と人事オファーをいただきまして発表した次第でございます。 エンジニア志望とはいえ、不特定多数の人間に対してインフラの話と一口で言われても、誰が何をどれくらい理解してるのかわからないので厳しい案件ではありましたが、せっかく来ていただくので真面目に張り切った結果、質疑応答含めて１時間弱に渡る発表＋風邪でノドが潰れた資料がこちらになります。 補足 新卒の方々に向けて これまで新卒の人に関わる機会がなく、インフラについてどの程度理解があるのか全くの不明でしたが、思っていたより勉強しているなという感触と、良いエンジニアになれそうな匂いを発している野郎も結構多かったな、という印象でした。 資料でも触れてますが、WEBエンジニアを目指した時に、何を武器に何エンジニ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
「第一回 プログラマ向けデザイン勉強会」の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた - give IT a try
はじめに みなさん、明けましておめでとうございます！・・・と言うにはあまりにも遅すぎる時期になって2013年最初のブログ更新となりました。 「そろそろブログ書かなきゃ書かなきゃ〜！」と思っていたのですが、年末から妻のパン屋のWebサイトのリニューアルに没頭してしまい、間が空いてしまいました。 せっかくなので、2013年最初のエントリではそのお話をしたいと思います。 「第一回 プログラマ向けデザイン勉強会」の発表資料が素晴らしい！ 前々から妻からは「Webサイトのデザインをリニューアルしてほしい」と言われていたのですが、僕自身はあまりデザイン方面には強くないプログラマなので、どうしようかと困っていました。 そんなとき、ネットで見つけたのが「第一回 プログラマ向けデザイン勉強会」でした。 東京の勉強会なので、僕は参加できませんでしたが、発表者の方々のわかりやすいスライドが公開されていたので、だ
高卒でバカなのに最高に楽しい僕の生き方と守りぬいてきたこと | バンクーバーのうぇぶ屋
あまりWEB系のネタ以外に触れても良いものかと思いつつ。まぁ今日までも散々色々書いてきたので今さらかと腹をくくって書きます。僕の可愛い妹は現在専門学校生、まぁ丁度就職活動ってヤツにも関わる時期だと思うので、ちょっと日本の外にいながら思う所を書いてみたいと思っています。 『大学卒業して就活、就職できなければ落ちこぼれ。』みたいな流れというか空気、確実にありますよね？じゃぁ、もし皆さんが高卒だったら絶望してるんでしょうか？たぶん、大卒で就職できないのに、高卒で就職できるわけがないみたいな感じになるんですかね？ 僕は大学に行ったことが無いので、大学生の気持ちにはなれません。しかし、たとえ高卒だろうが人生楽しむことに関係無いと断言することはできます。 というわけで、突然ですが、僕の学歴は高卒止まりです。しかし、今はバンクーバーで週に3回働き、2回は自宅で作りたい物を作り、時間は朝10時から6時以外
モバイルファーストが失敗なハズはないが、今はまだ時期尚早
…ということをi-modeで成功した実績を持つ日本人なら自信を持って言える。 モバイルファーストは間違いだったのか « うめのんブログ 理屈ではFacebookが選択していたWebとのハイブリッドアプリが正解のハズだったんだけど、残念ながらスマホのスペックはそこにたどりついてない。 故にアプリでやらなきゃいけないんだけど、アプリの世界はアップルもAndroidもいろいろ問題があって、面倒くさいので大変だなぁというのがイマココ。 （アプリ名が完全一致してるのに、検索結果の一番最初に出てこないApp Storeって酷すぎる。） だからといってPCで進めるべきなのか？！というと、いや、あんたんとこのサービスがPCでユーザー集められる特性のサービスなら、とっととPCやりんさいよ！という話であって、それはそもそも機能的な意味のモバイルファーストではないじゃない。 マーケティング論としてのモバイルファ
モバイルファーストは間違いだったのか
最近、海外のスタートアップ界隈では”モバイルファーストは間違いだった”という意見がよくでてきている。 それにたいして、”これからはモバイルだ！モバイルだ！”とずっと言い続けていたTechCrunchのエース記者MG SIEGLERさんとの対談が非常に面白い。 動画はこちら。Mobile First Or Mobile Worst?（英語） この動画で語られている事は興味深すぎるので、出来る限りどんなことを話しているかを紹介するとともに、事の経緯とか、iPhoneアプリを開発している立場として僕の意見も書きまくりたい。 ちなみに、この動画で話しているのは、スタートアップが新規事業を立ち上げる時にスマホアプリから始めるか、それともWebベースのPCサイトから始めるかの話です。 例えばFacebookはWebファーストで、Instagramはモバイルファーストのスタートアップ。 基本的にはサービ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chromeと過ごした3年間！日英共に様々な情報を参考にしまくったWEB屋の厳選エクステンション27選！ | バンクーバーのうぇぶ屋
今年のWebデザイントレンドはベタ塗り！フラットなデザインのWebサイト
