（7月25日、コーディング編更新しました。） 私がWebのスキルアップのために行っている勉強方法をすべてご紹介します。 たくさんありますが、「今日は模写をしてみよう」とか、「今日は案出ししてみよう」とか、楽しんで勉強するのが一番だと思います。 今まで自分に合っているものを優先して取り入れてきましたが、「もっと効率いい方法があるよ！」というアイデアがあれば、ぜひ教えていただきたいです！ デザイン編 忙しくてもできること 毎日5分でもデザインを観察する ニュースを見る、読む いいと感じたデザインを自分なりに消化してから制作に取り入れる 部分的でもいいので2案以上作る 周りの人に自分から意見をいただきにいく 意見をいただいたら要点を控えておく 提出する時には自分の言葉での説明も添える 広告を見て、伝えたい内容や狙いを考察する 時間あるときにしたいこと 思い浮かんだ案をできるだけ作ってみる 素敵だ

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

もしかしたら私だけかもしれないです。ずれているかもしれません。 一般論ではないかもしれません。 でも、同じような気持ちになっているエンジニアがいるかもしれないので、 代表して言わせてください。 エンジニアに、気軽に「バグ」と言うのをやめませんか？ 最近立て続けに以下のようなことが起こっており、私と同僚が消耗しています。心がすり減ってます。ワーカーエクスペリエンスが低下しています。。。 ～～～～～～～～～～～～～～～～～～～ 「○○さん、この数値がバグなんだけど直してもらえる？」 →調べたらその週は祝日影響で、営業日が少ないだけだった。 「あのデータのバグはいつ直りますか？」 →データの集計定義の変更の依頼があり、変更前の状態をバグと呼ぶ 「この前入ってなかったバグなんだけど、次の開発に入れてもらっていい？」 →スコープ外のこと（担当がそれを忘れていた）をバグと呼ぶ ～～～～～～～～～～～～

配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、最新の色の組み組み合わせ101種類をご紹介します。 配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。 デザインに適した色を見つける作業は難しいことです。そこで、配色の参考にしたい101種類の色の組み合わせをまとめています。各カラーパレットは、Shutterstockのイメージ画像にインスパイアされており、HEXコードも一緒に記載しているので、ウェブデザインやソーシャルメディア広告、Eメールデザインなど幅広く利用できます。 コンテンツ目次 1. 単色系カラーパレット 2. 寒色系カラーパレット 3. 鮮やかなカラーパレット 4. 暖色系カラーパレット 5. 補色系カラーパ

嫁を面接した企業が「あれ、これって……。」となる画像 はじめに 最近嫁が転職活動をしていたのですが、デザイナーは転職活動をする際に「ポートフォリオ」なるものが必要になるそうです。Webデザイナーである嫁は、このポートフォリオをWebサイトとして製作したいとのこと。 エンジニアリングを生業とする旦那として、ここは一肌脱がねばと思い、ポートフォリオサイトの構築をしました。 コントラクター（僕）のスペック iOSエンジニア Webアプリは過去にやっていた クライアント（嫁）のスペック デザイナー（仕事はWeb系） Ruby, JavaScriptはほぼ書けない HTML, CSSは書ける Git, GitHubは使える クライアント（嫁）の要望 パブリックに公開するのではなく、履歴書に添えたい URLを知っている人しかアクセスしない パスワード（BASIC認証）が欲しい デザインはいちから自分で

『Soldi』は、複数の企業と提携しており、当サイトを経由して商品への申込みがあった、もしくは当サイトへの情報掲載依頼があった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た一部収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。

Webデザイナー、Web制作者、イラストレーターなど、Adobeのアプリを使用している人は必見です。先日開催されたAdobe MAX Japan 2017のフォローアップをまとめました。 Adobe XD, Photoshop, Illustrator, Dreamweaverなどの新機能を中心にくわしく使い方が解説されています。日常的に使用している人でも、意外と知らない機能に目から鱗かもしれません。 Select Subject in Photoshop CC なんと1クリックで、複雑な選択範囲が作成できます！ 1:03あたりから、人物を1クリックするだけで一瞬で選択範囲が作成されています。 Photoshopの次のアップデートで搭載予定の新機能で、Adobe Senseiの人工知能を使い、画像の主題を自動認識して選択範囲を作成します。「Select Subject」という名で、動画を見

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

こんばんは、すずしんです。 ちょっと質問ですが…。 あなたはブログ記事にYouTubeの動画を埋め込んだことはありますか？ 特に対策を何もしていない場合には…。 そのまま動画を埋め込むと、その動画はレスポンシブには対応していません。 なので、特にスマホで表示させたときに動画のサイズがおかしくなってしまいます。 そこで、今回の記事では…。 埋め込んだYouTube動画をCSSでレスポンシブ対応にする方法について書いてみようと思います。 ちょっといじるだけですので簡単ですよ。 YouTube動画の埋め込みをレスポンシブ対応にする方法(シンプル編) YouTube動画の埋め込みをレスポンシブ対応にする方法(完全対応編) YouTube動画の埋め込みテスト ひとこと YouTube動画の埋め込みをレスポンシブ対応にする方法(シンプル編) 最もシンプルにYouTube動画をレスポンシブ対応にするには

October 28-29 San Francisco, CA In-person and virtual GitHub’s two-day developer event celebrating innovation, collaboration, and the boundless potential of AI-powered development. Get passes Video showing highlights from last year’s GitHub Universe at Fort Mason Center, including keynote speakers on stage, attendees exploring interactive exhibits, and the vibrant Demos and Donuts wall. Save $700

いつから挿入されていたのかはわかりませんが、はてなブログに『はてなブログをはじめよう！』というブログ広告がいつの間にか挿入されるようになってました。 下記は私が運営している「クレジットカードの読みもの」というサイトに挿入されいたもの。私は月会費をちゃんと払っているはてなブログPROなんですが、どうやら無料会員だけでなくPRO会員にも強制的に挿入されているようです。 他、参考までに有名ブログに挿入されている例も紹介しておきます。 今日はヒトデ祭りだぞ！ ゆとりずむ 鈴木です。別館 はてなブログ運営者には見えない： ではなぜここまでこの問題が騒がれていないのか…というと、これは『はてなブログをはじめよう！』という欄ははてなブログ開設者には見えないため。 要するにはてなブロガーがログインしている状況下では表示されないので、気付いていないブロガーのほうが圧倒的に多いのではないかと思うのです。 はて

株式会社プレイドは、CXプラットフォーム「KARTE」ご利用企業のCX（顧客体験）向上事例や、CXに関連する国内外のマーケティング事例を独自の視点で切り取り、発信していく場として「CX Clip」を運営しております。少しでも多くの企業で顧客体験への理解が深まり、顧客目線の発想やアイデアが世の中にあふれ、その先のお客様一人ひとりが嬉しさ・楽しさを感じられる世界を目指しています。

クックパッドのデザイナー 倉光美和氏が語るに、サービスデザインの過程には陥りやすい落とし穴が３つあるという。仮説・実行・検証のフェーズにわけて解説してくれた。落とし穴にハマってしまったとき、どのように対処すれば良いのだろうか？ サービスデザインで陥りやすい３つの落とし穴｜クックパッド ※2017年6月に開催された「UX Failcon 〜先人たちの偉大な失敗と成功〜」よりレポート記事をお届けします。 271万品のレシピが投稿され、月間6000万人以上に利用されている料理レシピサービス「クックパッド」。同サービスのデザイナーとして、iOS/Androidのアプリの改善や新機能の開発を行っている倉光美和氏からは「サービスデザインでハマりやすい落とし穴」について語られた。 クックパッドにおけるサービスデザインは、“仮説を立てて、開発を実行し、ユーザー検証を行う”というサイクルで行っていく。倉光氏

リニューアルした SmartHR ロゴの作り方 - SmartHR Tech Blog

インフォグラフィック 「データで振り返るKARTEの1年」 （2020年6月22日追記）導入企業数は当時提供していたベーシックプランを元に算出しており、 2020年6月現在のKARTEの導入企業社数とは異なります。

「デザイン」に対して興味のあるすべての人を対象に、いつまでも長く利用できるデザインの基礎テクニックを、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。デザイン入門編として覚えておきたい基本から、サンプル例を見ながら理解できる、より実践的なデザインテクニックまで幅広く網羅しています。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

新人から「どうやってデザインをしていいか、わからない」という声をよく聞きます。 私も新人の頃、他にデザイナーがいなかったので、 どのような手順でデザインすればいいか、わかりませんでした。 また、自分のやり方が正しいのか不安でした。 今までの経験から、ある程度、素早くデザインするための、 私なりのコツはつかめましたので書いてみたいと思います。 一つの例として参考になればと思います。 はじめに 今回は、カンプ用のデザイン、グラフィックとしてデザインの手順です。 まず、私が求められているスキルとして ・スピード ・クオリティの安定感 があります。 クライアントの求めるデザイン傾向として ・わかりやすい ・一般受けする があります。 また、私は奇抜なデザインや、先進的なデザインをするタイプではありませんし、アーティスティックなタイプでもありません。 どちらかと言えば、定番のデザインをきっちりしてい