2018年の総合職・デザイナー向け技術基礎研修で使った資料。 関連エントリ： http://techlife.cookpad.com/entry/2018/05/09/080000

先日、ふとしたきっかけで乃木坂46の公式サイトをリデザインを思い立ち、スキルアップの一環も兼ねてトップページをリデザインをしていました。 そのリデザインから学んだことなどをブログに書きたいと思っていたのですが、公式サイトに掲載されているコンテンツの著作権上、なかなか難しいかなと思い、念のため乃木坂46の運営委員会に問い合わせてみたところ、営利目的でなければ使用しても大丈夫（ブログの掲載も可）との許可をいただいたため、こちらに書くことにしました（2/9 16:43：問い合わせの内容は、公式サイトのお問い合わせフォームから送信したため、画像の添付などはしていません。コンテンツの掲載許可は頂きましたが、運営委員会に直接デザインデータを送ったわけではありません）。 なぜリデザインをしたいと思ったのかもともとアイドルが好きで、アイドルグループの公式サイトをチェックする機会が多いのですが、乃木坂46の

デザインで悩んだ時には、新鮮なトレンドをチェックしてみると良いインスピレーションに繋がります。最近のWebサイトで見かけるデザインのトレンドを紹介します。 今まで使用してきたトレンドにも一手間加えられて、より魅力的なものになっています。 3 Essential Design Trends, January 2018 3 Essential Design Trends, February 2018 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 左上のロゴをシンプルに 垂直型の細いサイドバー ピーチ・カラー サークル状の要素 分割レイアウト ダーク系の背景にホワイトのテキスト 左上のロゴをシンプルに このトレンドは見逃されがちですが、左上にブランドをテキスト化したものがカムバックしています。アイコンを含めるのももちろん有りで、注目

2018/02/13追記：「サンプル用のドメインを使おう」の説明に “.example” と “.test” の使い分けについて追記しました。 Web システム開発時のテストデータを作成する時、また各種ドキュメントを書いている時など、サンプルの URL を使う場面は多いと思いますが、その時に適当なドメイン名を使うのはやめましょう、という話です。 知っている方には当たり前レベルの話ですが、意外と IT 企業のシステム開発現場等でも普通に見かけることがまだまだありますので・・・。 よく見かける例 例えば、こんなドメインの URL で開発中システムのテストデータを作っていたり、仕様書に説明が書かれていたりする場面をよく見かけませんか？ test.com aaa.com abc.com sample.com dummy.com hoge.com でも、これらのドメインって存在していて、また実際に利

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

ダミー画像の無料サービスはいくつかありますが、真打ちとも言える高性能なダミー画像が利用できる無料オンラインサービスがリリースされました。 ダミー画像はレスポンシブ対応、可変画像や高さが不揃いの画像にも対応しています。しかもオンラインなのにオフラインでも利用できてしまう優れものです。

私が勤務しているランサーズでは、施策検討の際に、ディレクター陣で共通のフォーマットを利用して企画ドキュメントを作成しています。 最近、どうやって施策検討しているのか聞かれることが増えてきたので、フォーマットをご紹介させていただきます。 ちなみにドキュメントはコンフルエンスにまとめています。 なぜ企画フォーマットを用意するのか 誰が書いても一定の品質を保てるように 施策を検討する際には、押さえるべきポイントがあり、それらを漏れなく検討することが重要です。 フォーマットを用意して、各項目を埋めてもらうことで、抜け漏れを防ぐことができるようになります。 また、入社直後のディレクターでも、フォーマットに沿って書くことで、最低限のレベルを担保することができますし、学習しやすいという効果があります。 レビュアの負荷軽減 毎回違うフォーマットだと、レビューする側に理解の負荷が発生します。 フォーマットを

2015/10/27 RealmMeetup #8 at Sansan

Webデザインの最近のトレンド、縦長ページ、スクロールエフェクト、CSS3アニメーション、フラットスタイルなどを取り入れたBootstrapのテンプレートを紹介します。 Bootstrapは先週3.3.0がリリースされ、Bootstrap4の開発も進んでるそうです。4ではIE8はサポート外になる予定。

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

Features Why choose Mackerel? Mackerel is a server monitoring service provided by Hatena Co., Ltd.that offers all the functions necessary for cloud monitoring and service operation. Overwhelmingly Simple Installation Simply install the monitoring agent on your server and you're ready to start monitoring. See details Full-fledged Monitoring The ability to integrate various communication tools promo

Twitterの大規模システム運用技術、あるいはクジラの腹の中（後編）～Twitterのサブシステム「Unicorn」「Kestrel」「Flock DB」 米サンタクララで行われていたWebサイトのパフォーマンスと運用に関するオライリーのイベント「Velocity 2010」の、Twitterのシステム運用について説明するセッション「In the Belly of the Whale: Operations at Twitter」（クジラの腹の中：Twitterでの運用）を紹介をしています。 この記事は「「Twitterの大規模システム運用技術、あるいはクジラの腹の中（前編）～ログの科学的な分析と、Twitterの「ダークモード」」の続きです。 Twitterのサブシステム「loony」「Murder」「memcached」 ここからはTwitterのサブシステムについて紹介しよう。 T

一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結

ラスベガス発--Microsoftは、検索の重要性について、単なる10の青いリンク以上のものであることをたびたび述べている。しかし、少なくともその「青色」の部分は非常に重要であることが分かった。 Microsoftは最終的に「Bing」となるものを設計していたとき、膨大な数の色を検証し、ユーザーが最も関心を持つ色は実際に青であることが分かった。もっと具体的に言うと、それはGoogleが使用しているものと非常に近い色合いの青だった。 BingのユーザーエクスペリエンスマネージャーであるPaul Ray氏は米国時間3月16日、複数の色合いの中から特定の青色（色に詳しい人のために紹介しておくと、「#0044CC」）を選ぶことで、広告クリック数の増加やユーザー関与の増大により、年間売上高が8000万ドル増加したという。 「この青色には、少なくとも8000万ドルの価値があった」とRay氏は当地で開催