2019年9月25日、ランサーズ株式会社が主催するイベント「オープンタレントサミット〜令和元年、これから求められる本当の働き方改革とは？〜」が開催されました。働き方改革が施行され、大企業が副業を解禁するなど、これまでの「働き方」が大きく変化するこの時代、企業はどう向き合っていくべきか。このイベントでは、本質的な働き方の変化を進める企業の担当者が登壇し、取り組みや事例をもとに様々なディスカッションが行われました。この記事では、マイクロソフトの澤円氏による基調講演「本当の働き方改革に必要な考え方」の内容をお届けします。我々はデータを信じる生き物に変化をしたーー。そう語る澤氏は、すべての企業はテクノロジーカンパニーにならなければいけないと語ります。 澤氏がひも解く、本当の働き方改革に必要な考え方 澤円氏：みなさんこんにちは。日本マイクロソフト澤でございます。50分ほどお時間をいただきまして、「働

篠房六郎　マンガワンにて「姫様はおあずけです」新連載 @sino6 人体を描写する上で頭、肩、腰の位置関係をただ「なんとなく」配置してしまっている人へ、あれには実は法則性があって、分かると非常に便利ですよという、絵描きや造型師向きの話です。 ただ、１ツイート４画像で到底語り切れるものではないので、この項長く続きます。1/6 pic.twitter.com/jhkvXLKdXd 2019-11-19 19:46:43

WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？ この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ボタンと同じ色だとテキストは明るく見える 02. 同じフォントでも小さいサイズだと細く見える 03. 背景画像の上のテキストは読みにくい 04. 行間が間違っているテキスト 形の扱い方 05. 整列されたのに揃っているように見えない

Googleの検索結果は日々変化を遂げており、その結果、検索結果上の情報量は増え、よりリッチになっています。 それに伴い、クリックが発生しない検索（ゼロクリックサーチ）が全体の５割を超える地域もあり、サイトへのトラフィックは減少し続けています。 しかし、検索結果がリッチになっていくのを黙って眺めていても仕方がありません。 今回はCXLより、「自身のサイトがよりクリックされやすくするための５つの施策」をご紹介します。 この憂慮すべきデジタルマーケティングのトレンドは、すべてのWebサイト運営者を脅かすだろう。 Googleからのオーガニックトラフィックは消滅しつつある。 Googleの最新の検索要素（フィーチャースニペットとPeople Also Ask）は、オーガニック検索からのクリックを盗んでいる 検索結果の上位３つの要素は、50%以上のクリックを持っていく。これは、検索結果の中央より下

CSSのレイアウトは最近ではFlexboxが主流となり、それまでの考え方や実装方法とは大きく異なります。@mediaのブレイクポイントやハックを使用せず、CSSの性能を活かした、コンテキストに依存しないコンテンツベースで実装するコンポーネントのレイアウト方法を学べるRelearn CSS layoutを紹介します。 すべてのデバイスに対してフレキシブルなレイアウトが可能で、一貫性のある簡潔なコードで実装できます。 Relearn CSS layout Relearn CSS layoutは、インクルーシブ HTML＋CSS＆JavaScript（紹介記事）、コーディングWebアクセシビリティ（紹介記事）などの著者Heydon Pickering氏（@heydonworks）とAndy Bell氏（@andybelldesign）のプロジェクトです。

入った会社はWebサービスをやっていた。アクセスカウンターとかレンタル掲示板みたいな、そういうプリミティブな感じのウェッブ。今でも化石みたいに残っているとこがあるよね。teacupとか。もうないか。 当時はそういうことをしている会社をASP（Application Service Provider)と呼んでいて、「うちはASP事業やってるんです」と言うと通りが良かった。 名刺代わりっていうのかな、何が出来るのか、うちはこんなに技術力あります、ってのをさ、運営しているWebサービスで表現するわけ。同業者が集まったらさ、世間話している風で、自分とこのサービス自慢しまくるんだよね。なんかこう、いやあ負荷高くて、この前もサーバー落ちてぇとか、うちのユーザーは中学生が多いんでぇとか、今で言うマウントの取り合いだよね。どこも流行ってないからさ、意味のわからないとこで競ってるんだよ。 プログラマ的にはA

「遺族の心情に配慮して取材や報道に当たってほしい」［ロンドン発］京都市伏見区のアニメ制作会社「京都アニメーション」第1スタジオが放火され、35人が亡くなった事件で、京都府警は27日、これまで見合わせていた25人の方の実名を公表しました。7月18日の事件発生から実に40日も経っています。 京アニの代理人を務める桶田大介弁護士はこうツイートしました。 「弊社の度重なる要請及び一部ご遺族の意向に関わらず、本日被害者の実名が公表、一部報道されたことは大変遺憾です。弊社は、京都府警及び関連報道機関に対し、改めて故人及びご家族のプライバシーとご意向の尊重につき、お願い申し上げます」 NHKによると、京都府警の西山亮二捜査１課長は犠牲者の実名公表に40日もかかったことについてこう説明したそうです。 「大変凄惨な事件で、関係者の精神的なショックも極めて大きいことから、ご遺族や会社の意向を丁寧に聞き取りつつ

本日、8月8日、808の日、TR-808の歴史が大きく塗り替えられます。TR-808の上位版もしくは新バージョンといっていい、新ドラムマシン、RC-808が誕生し、これが無料配布されることになったのです。開発したのは40年前にTR-808を開発した菊本忠男（Tadao Kikumoto）さんと、当時ローランドでTR-808を開発していた通称アナログマフィア（Analog Mafia）のみなさん。もちろん、みなさんすでにローランドを引退しているのですが、今も現役バリバリの技術を持ったエンジニアたち。40年前「本当はTR-808をもっと、こうしたかったけれど、当時の技術、当時の予算では成しえなかった」という悔しい思いを胸に、最新のテクノロジーを活用し、その理想を実現させたのです。 ここで採用したのは、その理想の回路をソフトウェア的に実現するという手法。RCとはReCreate＝再創造という意味

皆さんがこの記事を読んでいるのは2019年8月だと思いますが。 今は平成ですか？令和ですか？ 答えはこうです『劇場版 仮面ライダージオウ Over Quartzer』を見た人は令和、そうでない人はまだ平成である。 何を言ってるのかと思うかもしれないが劇場版仮面ライダージオウとはそういう映画だ、今から君たちにはこの映画のことを説明するし見たら映画館に生きたくなると思う。 今この文章を読んでいる人は「仮面ライダーの映画？どうせ映画限定の悪いやつが出てきて　色々あってライダーキックで終わりだろ？」と思ってるかもしれない。まずそのような認識は一切通用しないと言っていいだろう。 映画そのものの話に行く前に仮面ライダーに興味ない人に向けて説明しているので『仮面ライダージオウ』という仮面ライダーについて説明しないといけない。 平成仮面ライダーは今年で20周年を迎える その記念すべき20作目として制作され

スマホでボタンをどこに配置するとユーザーは操作がしやすいのか？ 上部と下部、水平に並べたボタン、垂直に並べたボタン、3つ以上のボタンなど、ボタン配置について包括的な分析を行い、ボタンをどのように配置するのが最適なのか解説した記事を紹介します。 The Optimal Placement for Mobile Call to Action Buttons by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに グーテンベルクの原則 上部と下部のボタン 水平に並んだボタン 垂直に並んだボタン 水平と垂直のハイブリッド スティッキーボタン まとめ はじめに ボタンをどこに配置するかによって、ユーザーがタスクを完了する時間に影響を与えることを知っていますか？ タスクを素早く完了することで、より満足のいくエ

初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で７０個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。（BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。） 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。（もしこの構図の正式名称とかあった

米Adobe Systemsは、Photoshopで加工した顔写真を見分けられるAIを開発しました。加工した部分を特定して、もとに戻すことも可能です。 加工された顔 開発はカリフォルニア大学バークレー校の研究者と共同で行いました。同社は過去の研究ではツギハギや複製などによる画像加工を対象にしていましたが、今回は顔のパーツを調整するPhotoshopの「Face Aware Liquify」機能を使って加工した写真を特定できるツールにフォーカス。この機能が人気があるためとしています。 検知された加工部分 研究ではConvolutional Neural Network（CNN：畳み込みニューラルネットワーク）に、多数の加工写真と元の写真をディープラーニングで学習させました。その結果、開発されたツールは99％の精度で加工された写真を特定できたといいます。一方人間では53％の精度でした。 またこ

あなたは、Web担当者ですか？それともデジタルマーケティング担当者ですか？ 自社サイトの更新、ネット広告出稿、SNSアカウントからの情報発信、マーケティングツールの運用… このうち、昔の企業のWeb担当者は最初の「Webサイトの更新」だけを行っていれば、Web担当者でいられました。 Web担当者は広報部や総務部に所属することが多く、企業によってはニュースリリース等の作業の合間に行う業務でした。 インターネットの知識が全く無い状態で他部署から異動してきても、新卒1年目で配属になったとしても、前任者やWeb制作会社からWebサイト更新の知識を得て、数ヶ月程度たてば、立派なWeb担当者になれました。 しかし、今ではWeb更新を行えば良かった広報的な情報発信の領域を越え、営業やマーケティング、販促や人材獲得まで、デジタルを使ったマーケティングで成果を求められる領域が広くなり、Web担当者は「デジタ

SEO対策にはいろいろな方法がありますが、時間がかかるわりに効果がない方法は結構あります。 関連記事：SEO対策として無駄なことは何がある？ どうせ対策をするなら、作業時間をかけずに効果がでる方法を知りたいはず。 そんな人におすすめなのが、「タイトル変更」です。 全てのキーワードで通用するわけではないですが、タイトル変更をするだけで、順位が爆上がりすることがあります。 「うそつけ！タイトル変更ぐらいで順位があがるなら苦労はしない！」というツッコミが聞こえてきそうなので… 今回は当ブログの記事をタイトル変更して、順位が爆上がりした事例を紹介します。 どんな風にタイトル変更をした？ タイトル変更で順位が上がったのは1週間後 なぜタイトル変更で順位があがったのか SEO対策が面倒な人はタイトル変更しよう どんな風にタイトル変更をした？ 今回、タイトル変更したのはこちらの記事。 seoreport

週刊Webテク通信 2019年6月第1週号1位は、 もう終わったウェブデザインのトレンド、気になるネタは、アップル、約4年ぶりに「iPod touch」新モデル--6色展開で2万1800円から ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2019年5月27日～6月2日の間に見つけた記事のベスト5です。 1. 10 Web Design Trends We’re Already Over | Design Shackhttps://designshack.net/articles/graphics/5-web-design-trends-were-already-over/ もう終わったウェブデザインのトレンドをまとめています。 全てがビンテージ 近日公開ページ とても細いタイポグラフィ

ウェブデザインの善し悪しや品質は、感覚的に語られ決定されてしまうことがあります。例えば、デザイナーのセンスだったり、クライアントのフィーリングだったり、そういう経験はありませんか？ ウェブデザインの要素や見せ方における機能性・情緒性をロジカルに解説したお勧めのデザイン書を紹介します。ノンデザイナーズ・デザインブックの内容をさらに掘り下げ、ウェブデザイン用にアレンジされています。 本書は本日、5/31発売！ ウェブデザインに携わるすべての人、ウェブデザインを構築するデザイナー、そしてそれを評価するディレクターやクライアントが同じベースで円滑にプロジェクトを進められるようになる一冊です。 そのデザインになった理由、良いウェブデザインの条件、ウェブデザインにおける「品質」や「理想」。依然としてその答えは属人的であり、感覚的に語られ決定されていることも少なくありません。本書がそんな状況を改善し、ウ

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog デザイン特集5本目、最後の記事です。 こんにちは、ブランドマネジメント室デザイナーの上田絵理です。 サービスロゴやアイコンの作成や管理、けんさくとえんじんというキャラクターの担当をしています。 私が入社した1999年当時は社員が100人くらいで、全員の顔が覚えられるくらいだったのですが、入社してから20年たった今、社員数は6500人超*1...！ 　インターネット環境とデバイスの変化とともに進化してきたYahoo! JAPANのトップページを、デスクトップ風のビジュアルで表現してみました。移り変わるウェブデザインの歴史をお楽しみください。 1996年　アメリカのYahoo!のデザインを踏襲 1996年4月に国内初の検索サイトYah