HTML5プロフェッショナル認定資格がIT技術者・非技術者を問わず就職・転職に効く理由と背景とは
HTML5のスキルが有望なのは技術者も非技術者も同じ ――業務システム開発者がHTML5を学ぶメリットは何でしょうか。 和田：一番大きいのは「業務の幅の広がり」です。HTML5では、これまでサーバーサイドで行っていた処理をクライアントで行う機能も備えています。また、IoT（モノのインターネット）やVR（バーチャルリアリティ）、ゲームアプリといった領域まで手がけられるようになります。逆に言えば、これからはHTML5の習熟度が、IT技術者にとって大きな差別化要因となり得ます。 たとえば、業務システム開発者を多数擁する、あるSI企業では、HTML5で業務Webシステムを開発するプラットフォームを提供しています。これは会社自らツールを提供して、クライアントサイドの開発を効率化するとともに、サーバーサイドが主体だった自社の技術者のスキルをクライアントサイドに広げているのだと思います。このほか、インフ
【実例付きで詳細解説】アフォーダンスをあなたはきちんと理解してる？ - プログラミングとデザイン、スタートアップの話
あらゆるデザイナーのバイブル『誰のためのデザイン』で紹介された「アフォーダンス」という言葉は、今や多くのデザイナーが日常的に使い、意識するキーフレーズとなっている。しかし、その使われ方が著者ノーマンの意図したものと違う形で広まってしまっているということで、彼は『誰のためのデザイン』の改訂版で、アフォーダンスに加えて「シグニファイア」という新たな言葉を定義し、その違いを説明している。 人間中心デザイン 発見可能性 アフォーダンスとシグニファイアとの違い デザイン関連で最近見つけた良書 人間中心デザイン 著者ノーマンの基礎哲学は人間中心デザインだ。 人間中心デザインでは、まず人間のニーズ、能力、行動を取り上げ、それからそのニーズ、能力、行動に合わせてデザインする。良いデザインは心理学とテクノロジーを理解する所からはじまる。良いデザインとはコミュニケーションを要するのである。 対象物とそれを扱う
ナビメニュー100連発！CSSで表現できるコピペ可能なHTMLスニペットまとめ
ウェブサイトにおいてユーザーが特に操作する機会の多い部分のひとつが、ナビゲーションメニューでしょう。モバイル端末でのアクセスが増えているいま、より使いやすいスタイルが求められるようになっています。 今回は HTML と CSS、わずかな JavaScript で実装できるさまざまなナビゲーションメニュー用コードスニペットをまとめてご紹介します。アコーディオン型やサークル型、ドロップダウンやフルスクリーン、水平型、モバイル用、Off-Canvasメニューなどをスタイル別に100個まとめています。あらゆるWebデザインプロジェクトで使えるスニペットを、きっと見つけることができるでしょう。 ハンバーガーメニューはもう古い！代わりに使えるモバイル用ナビメニュー5つまとめ コンテンツ目次 1. アコーディオンメニュー 2. サークル型ナビメニュー 3. ドロップダウンメニュー 4. フルスクリーンメ
エンジニアだけで高品質なカード型UIを作れる！Bootcardsがスゴい
TwitterやGoogle Nowのようなカード型のUIを作れる便利なUIフレームワークの登場です。OS別のスタイルにも対応。デザイナーに頼む予算がなくても、WebアプリのUIをほどよく整えられる優れものです。 Bootcardsは、カード型インターフェイスを作るためのUIフレームワークです。その名が示す通りBootstrapフレームワークで使用し、デスクトップとモバイルの両方に対応できる柔軟性があります。 現代は至るところに情報があふれ、私たちはそのとてつもない量に混乱しています。モバイルデバイスの普及にともない、UXデザイナーたちは過剰な情報によってユーザーを混乱させない、ミニマルなインターフェイスを目指してきました。 カード型インターフェイスは、重要な情報だけにフォーカスできるうえに、視覚的にユーザーをひきつけることから、大きな注目を集めるようになりました。 Bootcardsは多
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
2016年も大流行のマイクロインタラクション UXのカギ握る「イージング」の役割
2016年もUIデザイン界隈で大流行した「マイクロインタラクション」。イージングの効果と意味を理解すると、自然なアニメーションでUXを向上させることができます。 アニメーションの長さやスピードを変更すると、非常にユニークなトランジションを作成したり、マイクロインタラクション（『「BMWのドア音」に学ぶ、完璧なUXデザインのためのマイクロインタラクション』参照）のユーザーエクスペリエンスが向上したりします。 オブジェクトをアニメーション化する方法は、イージング（easing）とも呼ばれます。うまく微調整すれば、イージングはUIを通じてマイクロインタラクションとともにユーザーを安全に保護したり、視覚的な美しさをもたらしたり、ユーザーの気分を変えさせたりできるのです。 どうやって？ では見てみましょう！ イージングでインターフェイスを自然にアニメーション化する 実生活では、オブジェクトが一定の速
「BMWのドア音」に学ぶ、完璧なUXデザインのためのマイクロインタラクション
神は細部に宿る－－。たとえばBMWの「完璧なドア音」が究極のUXを生み出すように、 Webデザインではマイクロインタラクションが大切なのです。 BMWのような自動車会社がサウンドエンジニアのエリートチームを雇っていることは、驚くべきことではありません。なぜなら自動車は大きな音を出すものだからです。しかし、彼らがクルマの出す音を小さくすることよりも「チューニング」することに時間をかけていることは驚くべきことです。 たとえば、「クルマのドアを閉める音」は単にクルマを密閉する際の副次的な音ですが、作り手は「完璧なドアを閉める音」を生み出すためには努力を惜しみません。彼らは正しい「音」をつくるために材料、フィルター、空洞を調節します。同様に、ワイパー、窓のモーター、座席の調節などが、すべて美しい音を奏でるようになっています。 以上のことからデザイナーは、なにを学べば良いのでしょうか。それはUXです
Webデザインでよく使うUI要素の名称・用語一覧 - Qiita
Overview Webサイトを作っているとよく出てくるUIの名称を、ざっくばらんにまとめました。 人や会社ごとで固有の呼び方があると思いますが、私の場合こんな感じです。 コミュニケーション円滑にな〜れ ※2016/11/28 はてブコメントなど参照させていただき、少し更新しました。 ポップアップ表示系 ▼ アラート JSのalertかブラウザのデフォルト機能で出るやつ。ダイアログとも。 ▼ モーダル・モーダルウィンドウ 閲覧中のページにカバーを重ねて表示させるやつ。 modalは「このページはいま入力モードだぜ」といった意味合いでmodeを形容詞化したことば。 ▼ ツールチップ・ポップアップ表示 マウスオーバーすると吹き出しとかで表示されるUI。 補足説明などで使用されることが多い。 ▼ ポップアップウィンドウ 閲覧中のウィンドウとは別に、勝手に立ち上がるウィンドウ。 スパイウェアなどの
盲目のiPhoneユーザーに聞いた、視覚を使わない驚きのスマホ操作術 | スタッフブログ | マイネ王
画像：スマホのイラスト ！？ え、iPhoneってツルツルですよ！？ 触ってわかるボタン、ほぼないですよ！？ 『電話もメールもインターネットもしますよ』とのことだったのですが、 一体、どうやって使ってるの……！？ き………… 気になる〜〜〜〜！！！！ もっと話を聞かせて〜〜〜〜！！！！ 画像：ダイアログ・イン・ザ・ダーク前での社領の写真 ということで、外苑前にある施設 「ダイアログ・イン・ザ・ダーク」 にやって来ました！ 「ダイアログ・イン・ザ・ダーク」は、暗闇のソーシャル・エンターテインメント。完全な真っ暗闇の空間へグループを組んで入り、暗闇のエキスパートである視覚障がい者のスタッフの案内で、視覚以外の感覚を研ぎすませながら中を探検したりと、さまざまな体験ができる施設です。
UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog
最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。 流行りの記事にいくつか目を通すと、デザイナーは「 経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない 」らしい。 スキルを多く保有している方が望ましいのは間違いない。 ただ、 現場デザイナー に最も大事なのは実装面での考慮事項が網羅されて考え込まれた「 決定力のあるデザイン 」を作る力だと思う。 サッカーで言うと、決定力は「 得点を決める能力 」として使われているけど、UIデザインにおいては「 実装面まで考慮された実装可能なデザインであるか 」という言葉として使っている。 魅せるデザインとフィージビリティが考慮されているデザインでは、かなり内容が異なってくるので、現場デザイナーとしては特にこのあたり
お買い得 or 高付加価値？ ECサイトの購買率を上げるコンテンツ配置のセオリー
ECzine Day（イーシージン・デイ）とは、ECzineが主催するカンファレンス型のイベントです。変化の激しいEC業界、この日にリアルな場にお越しいただくことで、トレンドやトピックスを効率的に短時間で網羅する機会としていただければ幸いです。
購入の8〜9割がスマホ経由、月150万円売る作家も登場。ハンドメイドマーケット「minne」アプリ運営で大事な問いは「真の目的はなんですか？」 | アプリマーケティング研究所
購入の8〜9割がスマホ経由、月150万円売る作家も登場。ハンドメイドマーケット「minne」アプリ運営で大事な問いは「真の目的はなんですか？」 ハンドメイド作品（手作り作品）が買えるアプリ「minne」さんにお話を伺いました。トップクラスの出品者（作家）は、どのくらい稼いでいるの？ ※GMOペパボ株式会社 山本稔也さん（左）、阿部雅幸さん（中）、杉山寛さん（右） 「minne」について 「minne」について教えてください。 杉山： ハンドメイドマーケットのサービスです。アプリのダウンロード数でいうと、415万ダウンロード（iOS 60%：Android 40%くらい）という状況です。 今のところユーザーの9割が女性で、20〜30代の女性が多いですね。 minne上で取引されている金額でいうと、月間で5.5億円の流通（2015年11月実績）、購入単価でいうと2,000円～5,000円くらい
Private Presentation
Private content!This content has been marked as private by the uploader.
よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザーインターフェイスのデザインのヒント - Apple Developer
TechCrunch | Startup and Technology News
レスポンシブデザインに相性がいい、カード型コンポーネントの実装アイデアのまとめ
The Blog | Welcome to Adobe Blog
いかにして、UXにおける「余白」をデザインするのか：ソニーがつくる、スペキュラティヴな4つの“橋”
セキュリティ診断・検査のGMOサイバーセキュリティ byイエラエ
