Aggregator

宮崎県小林市、肉のフリー素材を配布

5 years 11ヶ月 ago
宮崎県小林市が、11月29日(いい肉の日)に肉のフリー素材サイト「oniku images」を公開。小林市は畜産が盛んだという。
------------------------------
肉専門フリー素材WEBサイト 「oniku images」
http://www.tenandoproject.com/onikuimages/
作品例:うわっ…私の肉、薄すぎ…?
http://www.tenandoproject.com/onikuimages/onikuimages-1129005.html
------------------------------
noreply@blogger.com (Kenji)

キューサイが医薬品の通販事業に参入。DMを活用した通信販売を展開、将来的に調剤薬局も

5 years 11ヶ月 ago

キューサイは2020年1月に「キューサイ医薬堂」を立ち上げ、医薬品の通販事業を開始した。加齢による悩みに寄り添った医薬品を中心に取り扱い、資格を持った選任スタッフが対応する。

キューサイ キューサイ医薬堂 インターネット医薬品販売

2020年は既存顧客向けにカタログやDMで商品を案内し、電話で注文を受け付ける。2021年以降はECでの販売を予定しており、将来的には調剤薬局の開設をめざす。

医薬品の通販・ECをめぐっては大衆医薬品のネット販売が条件付きで2013年に解禁。2014年には一般医薬品の販売ルールなどを定めた改正薬事法が施行され、第1類医薬品と第2類医薬品の通販・ECが正式解禁となった。

キューサイは2010年、コカ・コーラ ウェスト(現コカ・コーラ ボトラーズジャパンホールディングス)による買収でコカ・コーラ ボトラーズジャパンホールディングス傘下に入った。2018年12月期の売上高は275億4000万円。2019年10月で創業55周年を迎えた。

藤田遙
藤田遙

元ZOZOの田端信太郎氏がサプリECなど手がけるレバレッジのマーケティング戦略顧問に就任

5 years 11ヶ月 ago

フィットネスのメディア運営やパーソナルトレーニング事業、サプリメントのEC事業などを手がけているレバレッジは1月6日、ZOZOを2019年末に退職した田端信太郎氏がマーケティング戦略顧問に就任したと発表した。ビジネスパーソン向けのサプリメントの開発に田端氏が携わるという。

マーケティング戦略顧問に就いた田端信太郎氏

レバレッジはフィットネスのプラットフォームメディア「ダイエットコンシェルジュ」をはじめ、パーソナルトレーナーの求人サイト「トレーナーエージェンシー」、フィットネスジムのマッチングサイト「フィットネスコンシェルジュ」、ヨガ専門サイト「ヨガコンシェルジュ」などを運営している。

プロテインやサプリメントの通販事業も展開しており、必須アミノ酸9種類を配合したバルクアップサプリ「EAA9」などを販売。「EAA9」は2019年10月の発売から3か月で1万個を売り上げたという。

田端氏は2018年2月末にLINEを退社し、同年3月にスタートトゥデイ(現ZOZO)に入社した。ZOZOでの最終役職は執行役員コミュニケーションデザイン室長。

1月7日時点でレバレッジのほか、SNSマーケティング支援などを手がけるwevnalのマーケティング戦略顧問や、駐車場予約アプリを展開するakippaのコミュニティアドバイザーなどにも就任している。

渡部 和章
渡部 和章

【2020年市場予測】通販・EC企業の69%が拡大と回答。景況感は「下がっている」の声が大幅に増加 | 通販新聞ダイジェスト

5 years 11ヶ月 ago

通販新聞社では通販実施企業を対象に「今後の市場予測」についてアンケート調査を行った。2020年の通販市場について尋ねた結果、「拡大する」と回答した企業の割合は69%にのぼった。ネット販売が通販市場拡大のけん引役になるとの見方が多かった。他方、「景況感」についての質問では、「下がっている」とする回答が前年に比べて大幅に増えた。背景には消費増税の影響があるようだ。今後の通販市場はどうなっていくのか。各社から寄せられた声を紹介する。

実施したアンケートでは「2020年の通販市場について、どのように予想していますか」と質問。それに対して「拡大する」「横ばい」「縮小する」の3つの選択肢の中から選んでもらった。その結果、「拡大する」は1年前に実施した前年調査に比べて13ポイント減少したものの、69%と最も多かった。次いで「横ばい」が前年から10ポイント増えて26%を占めた。最も少なかった「縮小する」は、前年調査から3ポイント増加して5%となっている。

通販新聞 2020年市場予測 通販 ネット EC
通販実施事業者を対象に行った、今後の市場予測に関するアンケート回答結果

ネット販売が市場をけん引

「拡大する」と回答した企業の理由を見ると、目立つのはネット販売が市場拡大をけん引するという見方だ。

例えば「ネット販売事業の拡大が見込まれるため」(ベルーナ)や、「ネット通販のさらなる拡大」(マルハニチロ )、「世の中のトレンドとしてネット通販への移行が加速している」(全日空商事)、「スマホを中心としたEC通販の拡大」(ヒラキ)といった回答が見受けられた。

テレビ通販系の企業からもネット販売を拡大要因に挙げる声が複数寄せられた。具体的には「インターネット販売の拡大が見込まれるため」(ジュピターショップチャンネル)、「リアル店舗販売よりECを中心にした通販市場は拡大していくことは当然に予想できること」(テレビ東京ダイレクト)、あるいは「スマホ決済等の拡大もあり、通販市場の拡大傾向は継続すると思うが、サービス面の充実により消費者の選択基準も厳しくなってくると考える。伸び率は鈍化するのでは?」(GSTV)といった反応もあった。

媒体別の影響を指摘する企業も

ネット販売を拡大要因とする企業はほかにもある。「ECの加速。共働き世帯の増加に伴う宅配の需要増」(オイシックス・ラ・大地)といった企業や、「業態問わず、webでの注文は今後加速すると考えるため」(サン・クラルテ製薬)。

さらには「Amazon、楽天、Yahoo!などモールについては、ますます利用率が高まるが、一方で単品通販メーカーは苦戦が見込まれる」(メディプラス)と、仮想モールの拡大を予想するケースや、「カタログ通販は、縮小。EC通販の拡大」(ダイワ)のようにカタログ通販は縮小すると媒体ごとの影響を分析する企業もあった。

通販新聞 2020年市場予測 通販 ネット
PayPayモールキャンペーン発表会の様子

ファッション系の企業からは「通販市場において、引き続き利用者の拡大が進むと予測されるため」(ユナイテッドアローズ)や、「海外と比較するとまだまだ余地はあると考えているため」(ロコンド)との見方が寄せられた。

高齢化・高齢者もキーワードに

これ以外の拡大の理由としては「手軽にいつでも購入できるチャネルとして、利便性が高いため、さらに拡大していくと考える」(ファンケル)や、「国民の生活様式の変化により、チャネルとしての通販へのシフトが続くと思われる」(ニッピコラーゲン化粧品)など。

また、「高齢化進行、及び社会インフラ(キャッシュレス決済・宅配BOX等)の整備」(アプロス)、「高齢者向けサービスは堅調に推移しており、市場全体には伸びしろを感じるため」(エイチ・ツー・オー リテイリング)などのように高齢化・高齢者をキーワードに挙げるケースもあった。

ほかには「新規参入が依然多いから」(世田谷自然食品)、「市場自体が縮小する要因は見当たらない」(大網)、「郊外における百貨店の閉鎖など、実店舗小売りの縮小及び都市化」(ダイドーフォワード)、「2020年は東京オリンピック・パラリンピック2020の影響で、全体的に購買需要が拡大すると思われるため」(田中貴金属ジュエリー)などの声もあった。

ECは伸長も増税で横ばい

次に「横ばい」と予測した企業の回答理由を見ていく。

「EC市場の伸長はあるものの、増税の影響などにより横ばいは続くと想定」(リフレ)と増税がマイナス要因になるとの見方や、「市場については微増していくと思うが、競争は激化していくので厳しい状況が続くのではないか」(ヤマサキ)と、競争の激化を挙げる企業もあった。

ほかには「googleのルール変更」(タンスのゲン)や「結果的にパイの奪い合いであり、市場規模そのものは増えていかない」(エー・ビー・シーメディアコム)との意見も寄せられた。

3割が「下がっている」、背景には消費増税の影響が

消費動向についてのアンケートも実施。「現状の消費の動向をどう捉えていますか」と質問し、「上向いている」「下がっている」「横ばい」の3択で回答してもらった。結果、「横ばい」は54%、「下がっている」は30%、「上向いている」が16%となった(グラフ参照)。前年に比べて「横ばい」が減り、「下がっている」が大きく増えた

最も多かった「横ばい」は、前年調査から22ポイント減少した。

通販新聞 2020年始状予測 通販 EC
景況感を問う質問に対する回答

選択理由をいくつか見ると、「景気動向が不透明な中で消費意欲は下がっていないが、何でも売れる状態ではなく、消費者の選別の目は厳しくなっている」(テレビ東京ダイレクト)との声や、「デフレ傾向の継続が見込まれるため」(ベルーナ)、「消費増税による落ち込みは今のところあまり見られないが、今後の影響を注視している」(アプロス)、「消費増税への大規模な緩和策の実施により、個人消費は大きく変わっていない。また、当社のメインの取扱商品である食料品については、軽減税率の対象となっているため」(オイシックス・ラ・大地)など。

「下がっている」前年から26ポイント増

次に多かったのは「下がっている」で、前年から26ポイントと大幅に増えた。多くの選択理由で増税の影響が指摘されている。

「消費増税による購入マインド減退」(ディーエムジェイ)、「消費増税後の反動と、消費を著しく喚起させる要因を見つけにくいため」(ユナイテッドアローズ)、「直近は消費税の導入により10月、11月は前年対比で厳しい状況」(メディプラス)、「先行き不安や節約志向、増税による消費の低迷」(ヒラキ)、「増税の影響あり」(ロコンド)。

さらに「当社はそれほど影響を受けていないが、市場全体では増税後の消費の落ち込みをやや感じる」(全日空商事)、「消費増税の影響は10月以降、少なからず感じており、キャッシュレス決済の還元キャンペーンが終了する時には消費は一層冷え込むと予想する」(エイチ・ツー・オー リテイリング)など。

「上向いている」を選んだ企業は「増税前には駆け込み需要が見受けられたが、増税後も想定以上に大きく落ち込むことはなく、安定した売上を維持できているため」(ファンケル)や、「10月の増税直後は消費が落ち込んだものの徐々に回復しており、2020年のオリンピックに向け、消費はさらに活発になると思われる」(MOA)などの声が寄せられた。

通販新聞

「コミュ力が高い」とは、「交信可能な周波数のレンジが広い」ということ

5 years 11ヶ月 ago

コミュ力高い人っていますよね。

そして、たぶん多くの人の持つ「コミュ力が高い人」とは、人見知りしない、明朗快活、元気いっぱい、よく笑う、滑舌よい、相手の目を見て話を聞く、うなずき上手、空気読む、行間読む、文脈読む、謙虚、愛されキャラ…といった人を指すと思います。


続きをみる

BtoBのEC化率は30%超。その高さの裏にある「EDI」とは? | 鵜飼智史のBtoB-EC早わかり講座

5 years 11ヶ月 ago

経済産業省が発表した「平成30年度我が国におけるデータ駆動型社会に係る基盤整備(電子商取引に関する市場調査)」によると、2018年の国内BtoB-ECの市場規模は344兆2300億円(前年比8.1%増)で、EC化率は30.2%(前年比0.8ポイント増)でした。

BtoBの市場規模が大きいのは想像通りだと思いますが、BtoBの取引というと電話・FAXや対面営業といった、アナログなイメージが強いのに、EC化率が30%を超えているという点で「BtoBってそんなに進んでいるの?」と疑問を持った方も多いのではないでしょうか?

実は“EC”だけじゃない「EC化率30.2%」

経産省の調査において、「電子商取引」は下記のように定義されています。

狭義電子商取引(狭義EC)

インターネット技術を用いたコンピューターネットワークシステムを介して、商取引(受発注)が行われ、かつ、その成約金額が捕捉されるもの。

広義電子商取引(広義EC)

コンピューターネットワークシステムを介して、商取引(受発注)が行われ、かつ、その成約金額が捕捉されるもの。

BtoBではEコマースが誕生する以前から、「EDI」(Electronic Data Interchange/電子企業間取引)「EOS」(Electronic Ordering System/電子受発注システム)といった、BtoB専用のシステムで取引に必要な情報をやり取りしてきました。そういった専用のシステムでの取引も「EC化率」に含まれているため、BtoBのEC化率は高く算出されているのです。

BtoB-ECを理解するためにはEDIとBtoB-ECの違いについて理解する必要があります。

そもそも「EDI」って何?

「EDI」とは直訳すると「電子データ交換」。その歴史は1980年代に始まっており、「個別EDI」や「標準EDI」、最近では「共通EDI」と呼ばれるものがあります。

また、専用回線を使った「レガシーEDI」もあれば、インターネット回線を利用した「Web-EDI」というように、一口に「EDI」と言ってもさまざまな種類があります。

BtoC-ECの領域ではようやく自動化が注目されていますが、BtoBでは取引の効率化はもちろん自動化も、EDIなどを活用して当たり前のように行われてきました。

「EDI」のメリットとは?

EDIを利用するメリットはBtoB-ECで得られるメリットと重なる部分も多くあります。例えば下記のような点です。

  • 発注書に記入してFAXで送信するのではなく、あらかじめ決められたデータ形式で発注データを送信するので、ヒューマンエラーを防げる
  • 統一したデータ形式を保持できるのでガバナンスの強化につながる
  • 紙を使わないのでペーパーレスを実現できる
  • ビジネスの即時性を高めることができる
  • 在庫情報などのも共有できるので、需要予測や生産計画に役立つ

しかし、ISDN回線を利用したEDIが使えなくなる「2024年問題」が注目を集めており、そのタイミングでEDIを利用してきた多くの企業がBtoB-ECに切り替えると見られています

EDIの「2024年問題」とは?

NTT東日本およびNTT西日本は、ISDN回線「INSネット(ディジタル通信モード)」のサービスを2024年1月に終了すると発表しています。パーソナルユースではほとんど見かけなくなったISDN回線ですが、ビジネスシーンにおいては今でもEDIによる商品や部品の受発注で利用されています。今回のサービス終了は、約50万社に影響がおよぶと言われています。

EDIは決められた相手との取引を円滑に行うには適していますが、発注側と受注側の双方で接続する必要があり、小口取引やスピードが求められる場合には適していない側面があります。「2024年問題」を契機に、それらをカバーできる方法としてBtoB-ECへの切り替えに注目が集まっているのです。

EDIとBtoB-ECの違い

EDIとBtoB-ECの違いを、5つの観点から見ていきたいと思います。

①取引開始までのスピード

取引業務プロセス、メッセージ(交換するデータの内容や表現の方式)、通信プロトコルなど、標準化されたEDIを採用することもありますが、多くの場合は事前に詳細な取り決めを行う必要があります。BtoB-ECではインターネットにアクセスできる環境があればブラウザを通じてすぐに取引を始めることができます。

EDIでは一定量の取引が事前に見込める相手と、より効率的な取引を長期間に渡って行うことにつながり、BtoB-ECでは継続的な取引に発展しないかもしれない相手も含め、手軽に取引を開始できるという違いがあります

②費用負担

EDIは発注側と受注側の双方で同じ仕組みを採用する必要があります。大手企業同士の取引であれば費用を負担するメリットもお互いにあるのですが、中小企業との取引では費用の捻出が難しい場合もあります。

発注(購買)システムなどもあるので一概には言えませんが、BtoB-ECでは一般的に発注する側の費用負担はなく、システム費用は主に受注する側が負担します。

③取引相手

EDIでは前述のように事前に取り決めをした既存の相手と取引するのが中心です。

BtoB-ECでは、承認フローなどはあったとしても、インターネットにアクセスできる環境があれば新しい企業との取引が生まれます。取引先が遠方で営業マンを配置するのは難しいような場合や、小口の取引でも対応工数を抑えられるので、商圏の拡大や販路開拓が期待できます

④顧客接点

EDIでは既存の取引先と決められたやり取りを行いますが、BtoB-ECでは新商品の発売などの各種情報発信もサイト上でできるので、取引先とのコミュニケーションがとれます。また、商品検索やレコメンドなどの機能を通じてアップセルやクロスセルをねらうことも可能です。チャットボットなどを利用して問い合わせ業務を削減することも可能です。

⑤業務範囲

EDIでは、発注・受注、出荷・納品、請求・支払までの一連の取引を行うこと目的としています。また、どこまでの範囲をやり取りするのかなども事前に取り決めを行います。

BtoB-ECでは、受発注が行われる前段階の集客や見込み客の管理などマーケティング的な要素も持ち合わせています。昨今では業務領域の異なるデータベースとの接続もAPIなどで比較的容易にできるようになりました。そういった意味では受発注を軸に前後の業務プロセスごとデジタル化するようなアプローチを取ることも可能です。

◇◇◇

このようにEDIとBtoB-ECでは守備範囲やできることが違います。これまでBtoBにおいてはEDIが中心となってビジネスが構築されてきましたが、こと流通においてはECの影響力はますます存在感を増し、消費者向けの販売においてECの活用は外せないものになっています。

今後、ECの勢いが加速していく中で、BtoBの領域でもBtoB-ECという手段で取引先とのビジネスを行う企業は増えていくと考えられます。

鵜飼 智史
鵜飼 智史

クッキーは個人情報か

5 years 11ヶ月 ago
クッキーと個人情報保護法との関係や、法改正を見据えた今後の見通しについて、弁護士の杉浦健二氏が解説。
------------------------------
Cookieは個人情報に該当するか - リクナビやフェイスブックの事例から問題点を弁護士が解説
https://www.businesslawyers.jp/articles/693
個人情報保護法改正、公取委の規制を見据えたCookie(クッキー)情報取扱いのポイント
https://www.businesslawyers.jp/articles/694
------------------------------
noreply@blogger.com (Kenji)

CSS Nite After Dark 2019 「現場で活用できるマイクロインタラクションの作り方」のフォローアップを公開します

5 years 11ヶ月 ago

2019年3月19日に開催したCSS Nite After Dark 2019の池田 泰延さん(ICS)の『現場で活用できるマイクロインタラクションの作り方』フォローアップを公開します。

メッセージ、補足など

マイクロインタラクションのセッションにご参加いただき、ありがとうございました。

今回のセッションでは、マイクロインタラクションの役割から、モーション系のツールで作る話、エンジニアがCSSやJavaScriptで実装する段階まで具体的に紹介しました。

ウェブサイトにマイクロインタラクションを実装しようとするとデザイナーやエンジニアのプラスアルファの作業となることが多く、実装工数は増える可能性があります。実装工数が増えようとも、ユーザー体験の向上のために提案できることは大事です。そのため、マイクロインタラクションの必要性をお伝えすることに注力しました。プロダクトが目指すユーザー体験を実現するために、マイクロインタラクションを活用していきましょう。

フォローアップでは、発表での補足とお寄せいただいた質問をいくつかピックアップして回答します。

アンケートでいただいた質問に関して

たくさんのアニメーション用のコードを書くと重くなると思います。軽くするにはどのような手段がありますか?

「再生が滑らかでなく重たい」と「データ容量が重たい」の2つの意味が考えられます。今回は前者について回答します。

再生負荷に関しては、いくつかの最適化のポイントがあります。

  • ベクターグラフィックスだと再生負荷が高い → ビットマップ画像にする
  • 同時に表示している要素が多い → 数をへらす
  • フィルター効果(ぼかし)など高負荷なエフェクトを使っている → フィルターを使わない

一般的にDOMやSVGに比べて、HTML5 CanvasやWebGLのほうが描画性能は高いです。そのため、「再生が重たい」と感じたらHTML5 CanvasやWebGLの採用を検討するといいでしょう。参考までに、私が以前検証した記事を紹介します。同時に動かせる要素の数で比較すると、DOMだと3000個程度、WebGLだと40000個程度となります。

最速のアニメーションライブラリはこれだ! JSライブラリの性能をDOMとWebGLで比較検証 - ICS MEDIA https://ics.media/entry/14993

Nuxt.js等で作成したシングル・ページ・アプリケーションでは、pjaxのようにURLが切り替わりますが、SEOとして問題ないですか

最近のGoogle検索エンジンはJavaScriptを解析すると言われています。しかし、確実に解析される保証がないので、HTMLのソースコードとして展開しておくことがベストプラクティスのひとつとして知られています。

Nuxt.jsの場合は、SSR(サーバー・サイド・レンダリング)という技術を使って、シングル・ページ・アプリケーションのページ内リンクを静的なHTMLファイルとしても生成できます。HTMLファイルが存在する状態となるので、通常のウェブサイトと同様に検索エンジンは解析してくれます。

次の資料がNuxt.jsのSSRについてわかりやすく説明されているので、参考にするといいでしょう。

Nuxt.jsによるAdobe MAX Japan 2018公式Webサイト制作の舞台裏 - Speaker Deck https://speakerdeck.com/haribote/nuxt-dot-jsniyoruadobe-max-japan-2018gong-shi-websaitozhi-zuo-falsewu-tai-li

マイクロインタラクション有り無しで見積もりを変えてしますか?

はい、変えています。 私の場合ですが、マイクロインタラクションを用意する前提ではじめに提案します。予算や期間が限られる場合に、他の要件と優先度を調整しながら、場合によってはマイクロインタラクションを削ります。

外注にマイクロインタラクションをどのように発注するか

構成案や仕様書に、絵コンテなどの形で明確に記載しておきます。「マテリアルデザインのリップルエフェクトをボタンに追加してほしい」といった共通言語を使って仕様書に記載しておくのもいいと思います。

After Effectsで作成したモーションはCSSやJSで再現できると思っていいでしょうか

残念ながら、かならず再現できるわけではありません。

After Effectsはもともと映像制作用のソフトウェアなので、ウェブに適さない部分もあります。たとえば、「エフェクト」はBodyMovinで書き出すと、ブラウザではまったく再現できません。また、複雑なパスアニメーションだと変換で壊れる場合があります。After Effectsで作成する際は、BodyMovinでの変換結果をこまめにブラウザで確認することが大事です。

マイクロインタラクションを勉強するために行っていることを教えてください。

アニメーションのセンスを磨き、アイデアの引き出しをためておくことが大事です。そのためには、さまざまなウェブサイトやアプリを普段から観察しています。たとえば、次のギャラリーサイトでセンスのいい動きをチェックします。

https://www.awwwards.com/ https://thefwa.com/

また、普段からアニメーションやマイクロインタラクションの練習として、小さなデモを制作するのもオススメです。ウォームアップができていると、いざ制作するときにすぐにアイデアがでてきます。アニメーションは試行錯誤がものをいう場面があります。アニメーションにおいて、予備動作(スケール変化など)が必要な場合とそうでない場合を判断することがありますが、そのときも普段から制作していると感覚的に判断がつくようになります。

文字1つ1つをspanタグで囲んでアニメーションしたところで、あとからpタグに切り替えるとおっしゃっていたと思いますが、具体的にどのように切り替えるのか教えて欲しいです。

サンプルの「1_texteffect」フォルダ内のJavaScriptを、そのような設計のコードにしてみました。アニメーションを始める前に元のinnerHTMLプロパティーのデータを変数にとっておき、アニメーションがおわったところで、innerHTMLプロパティーに再代入します。

CSS Nite実行委員会

CSS Nite in Sapporo, vol.22「デザインを語る夕べ」フォローアップ(4)鷹野 雅弘

5 years 11ヶ月 ago

2019年6月28日(金)にTen to Ten SAPPORO STATIONで開催したCSS Nite in Sapporo, vol.22「デザインを語る夕べ」のフォローアップとして、鷹野 雅弘さん(スイッチ)の『Photoshopの非破壊編集と“コンじる”の進化』セッションのスライドなどを公開します。

フォローアップ

リンク集(Photoshop)

コンじる(コンテンツに応じる)

「コンじる」については、次のように進化しています。

手法の変化

むかし(CS) いま(CC)
カンバスの拡張 [イメージ]メニューの[カンバスサイズ]でサイズ指定 [切り抜きツール]でドラッグ
ブラシの大きさ/硬さ [/]、shift + [/] ブラシプレビュー
キズ・ゴミ取り [スタンプツール] [スポット修復ブラシツール]
選択範囲を作成し、[編集]→[塗りつぶし]
選択範囲を作成し、[編集]→[コンテンツに応じた塗りつぶし]
「背景」レイヤーのロック解除 ダブルクリックしてダイアログボックスを表示してOK
鍵アイコンをクリック
option + ダブルクリック
画像の回転 自由変形
ものさしでドラッグ後、カンバスの回転 [切り抜きツール]の[角度補正]オプションを選択してドラッグ([コンテンツに応じる]オプション)
ものさしでドラッグ後、オプションバーの[レイヤーの角度補正] Camera RawフィルターのUpright
フィルター 生でかける スマートフィルター(スマートオブジェクトにしてからかける)
色調補正 調整レイヤー スマートフィルター
(調整レイヤーも使う)
マスク ビットマップマスク +ベクトルマスク

Mandal-Art(マンダラート)

『「A4」1枚アンケート』という手法で有名な岡本 達彦さんも「マンダラ広告作成法」として発展されています。

CSS Nite実行委員会

CSS Nite in Sapporo, vol.22「デザインを語る夕べ」フォローアップ(3)コロさん

5 years 11ヶ月 ago

2019年6月28日(金)にTen to Ten SAPPORO STATIONで開催したCSS Nite in Sapporo, vol.22「デザインを語る夕べ」のフォローアップとして、コロさんの『まだまだ広がるイラレの世界。アピアランス技のつくりかた』セッションのスライドなどを公開します。

フォローアップ

先日はお疲れ様でした!公の場に出るのは初めてで緊張したのですが、皆様に暖かく迎えていただきとても楽しかったです。またお会いできる日を楽しみにしております。( ´ ▽ ` )

以下、発表に使った動画のURLや質問の回答です。ご参考までにー。

(1)マンガ枠のつくりかた https://twitter.com/coro46/status/1143861762485178369?s=20

(2)木の額縁のつくりかた https://twitter.com/coro46/status/1130812146206429189?s=20

(3)LINE風フレームのつくりかた https://twitter.com/coro46/status/1126857284955435010?s=20

(4)テキスト追従リボンのつくりかた https://twitter.com/coro46/status/1126149840415510529?s=20 …※やや古いやり方で、先日の動画とは細部が微妙に異なります。

Twitter@coro46動画まとめサイト https://todaysai.myportfolio.com/

質問への回答

Q.LINEのふきだし作るのにどれくらいかかりましたか?

A.単純な作業時間で言えば3分程度。アピアランス技を開発するのにという意味であれば、おそらく1時間くらいかと。

Q.アピアランスが大事なのは凄くわかったのですが、なぜアピアランスを重んじるようになったのですか?

A.きっかけは完全に僕の趣味です。組み合わせや数値設定だけで形や動きが出来上がるのが楽しいのだと思います。

Q.アピアランスはひまな時に作りためているんですか?

A.基本は普段からアイディアをメモしておいて、動画更新日(もしくはその前日)に帰宅してからアピアランスを作ってます。ストックはあんまりないです。

Q.どういう風にアピアランスネタを考えてるのとかききたいと思いました。

A.作りたいものを観察して、細かなパーツに分けて、そこから逆算してアピアランスを当てはめていく感じです。アピアランスのアイディアが先にふっと思いつく場合もあります。

CSS Nite実行委員会

CSS Nite in Sapporo, vol.22「デザインを語る夕べ」フォローアップ(2)待島 亘

5 years 11ヶ月 ago

2019年6月28日(金)にTen to Ten SAPPORO STATIONで開催したCSS Nite in Sapporo, vol.22「デザインを語る夕べ」のフォローアップとして、待島 亘さん(Gear8) の『良いデザインのための、マインドセットの作り方』セッションのスライドなどを公開します。

フォローアップ

皆さんご参加いただきありがとうございました!
アンケート拝見しました。おひとりおひとりの意見が刺激になりますし、とても嬉しいです。私もまたアウトプットに繋げていきたいと思います!

いくつかいただいたご質問へのお返事と、参考書籍のリンクをご紹介しますね。

▼ご質問・感想へのお返事

Q. やる気って単純な気持ちだけど、自分より相手に与えられる人になりたいなと思いました!

A. 確かにそうですね!気づきが素晴らしいです。今回は自分の心理的な環境を、どうやって良い状態に持っていくかというお話が中心でしたが、チームで行うプロジェクトの場合も多々あると思います。自分以外の人のBERIスイッチに触れるのは難しいかもしれませんが、アウトプットをしていくことで、引き出すことはできそうです。刺激を与えあって、良いチームを作っていきたいですね!

Q. Outputが大事というお話ですが、社内のアウトプットはどのような体制でするのが良いですか?

A. 社内での共有ということですよね。直接会って話せる環境があるなら、30分でも1時間でも良いので、集まって時間を取ってもらって、社内勉強会という形はおすすめです!

私の場合は、どうやって伝えたら、メンバーの次の行動に繋がるかな?というのをイメージするようにしています。
(なかなか、うまく伝えられないことも多々ですが)

印象に残ったこと、感じたこと、(これからのことで良いので)自分の仕事ではこういう風に生かしていきたい、など、伝える相手の琴線に触れるポイントがどこかな?というのをイメージして伝えられるとベストかな、と思っています。

スピーカー(登壇者)のスライドや資料をそのまま見せるのもありですが、ブログなどでアウトプットしたものを見せながら話をできたら素敵ですね!

▼参考書籍

1. のうだま1 やる気の秘密 (幻冬舎文庫)/上大岡 トメ

https://www.amazon.co.jp/dp/4344425073/ref=cm_sw_r_tw_dp_U_x_ktngDbTGB8845

今回お話したBERIスイッチの詳しい説明のほか、「やってみよう編」では、習慣化するために、まず20回続けるためのやり方が書かれています。

書籍は文庫サイズでページ数も多くないので、さくっと読めます!

2. マインドセット「やればできる! 」の研究/キャロル・S・ドゥエック

https://www.amazon.co.jp/dp/4794221789/ref=cm_sw_r_tw_dp_U_x_jtngDbEESS7C2

1章、2章、3章と最後の章に、マインドセットがどういうものか、が書かれています。

出てくるマインドセットは、硬直マインドセットと、しなやかマインドセットの2つだけです。

しなやかマインドセットが良いよねという話なのですが、同じ人でも仕事とプライベートでは異なるマインドセットになっていたり、体調の良し悪しで硬直マインドセットに流れたりと、変化するのが当然と思います。

書籍の中でも、あえて極端にしなやかマインドセットを推した表現にしている、という旨が書かれています。個人的には、なんだか上手くいかないな、という時に思い出して、ポジティブな気持ちにするヒントにできたら良いな〜くらい気楽に取り入れたいな、と思っています。

4、5、6、7章はそれぞれ「スポーツ」「ビジネス」「つきあい(対人関係)」「教育」をテーマにケーススタディ的な話が続くので、自身に関係が深そうなところだけをつまんで読んでもOKです。

3. 学びを結果に変えるアウトプット大全 (Sanctuary books)/樺沢紫苑

https://www.amazon.co.jp/dp/4801400558/ref=cm_sw_r_tw_dp_U_x_ntngDb03SXG2Z

「あなたの成長を加速させる80の方法」「人生を変えるのは、アウトプットだけ」というような、ちょっと煽り気味の表現があるのですが、読み進めると細かなテクニック(話し方、書き方、行動の仕方)が書かれていて、読みやすいです。

1、2週間くらい、平日のランチの時間に細切れに読み進めていけるくらいでした。

連続して読まないと理解できない、ということはないので、他の本と並行して読んでも大丈夫です。

4. 1分で話せ 世界のトップが絶賛した大事なことだけシンプルに伝える技術/伊藤 羊一

https://www.amazon.co.jp/dp/4797395230/ref=cm_sw_r_tw_dp_U_x_mtngDbPYT9NBN

こちらは実は当日紹介するつもりだったものなのですが、最後に削ったためほぼほぼセッションにはなかったものです。

「自分がベストと思うデザイン(アウトプット)を、いかに相手に伝えて、意見を通すか」ということが書かれた本です。意見を通すと言うと無理やり感があるかもしれませんが、実際には円滑にコミュニケーションを取るためにやるべきこと、伝える方法も書かれている良書です。

5. センスは知識からはじまる/水野 学

https://www.amazon.co.jp/dp/4022511745/ref=cm_sw_r_tw_dp_U_x_DxngDbNAZC4NT

超有名な本で知ってらっしゃる方も多いと思いつつご紹介すると、「センスがないとデザインなんてできない」という考えを、理論的に整然とひっくり返してくれます。

できない理由より、できる理由を考えるという気持ちにしてくれます。

6. Graphic Recorder ―議論を可視化するグラフィックレコーディングの教科書/清水 淳子

https://www.amazon.co.jp/dp/4802510284/ref=cm_sw_r_tw_dp_U_x_a0ngDbAKG3VC2

グラレコの書き方やファシリテートのコツなどがまとまっています。絵が苦手な人も簡単な書き方から教えてくれるので、興味を持った方は見てみてください!

CSS Nite実行委員会

CSS Nite in Sapporo, vol.22「デザインを語る夕べ」フォローアップ(1)ベーコンさん

5 years 11ヶ月 ago

2019年6月28日(金)にTen to Ten SAPPORO STATIONで開催したCSS Nite in Sapporo, vol.22「デザインを語る夕べ」のフォローアップとして、ベーコンさんの『デザインの基礎 & デザインを独学で勉強する方法』セッションのスライドなどを公開します。

フォローアップ

こんにちは、先日はセミナーにお越しいただきありがとうございました。

お伝えしたかった事は、「デザインは独学でも上達できる」ということでした。
デザインのテクニックはよく聞きますが、あまり語られることない「デザインを勉強する方法」をたまに思い出していただけると嬉しいです。

お話した内容の一部はブログで読むことが出来ます。

▼デザインの基礎テクニック 「強弱と整列」

https://www.baconjapan.com/entry/logo_make

ロゴは最小のレイアウト・デザインです。
まずは揃えてみましょう。
デザインがうまくいかないときは、極端に強弱をつけてみましょう。

▼デザインは飽きる前にすばやくたくさん作って比較しよう

https://www.baconjapan.com/entry/design_umaku

今の実力の中で一番いいデザインを作る方法は、数を作って比較することです。

▼高品質の写真素材サイト

https://unsplash.com/

レイアウト・デザインの教科書Chapter1、Chapter4の写真はほぼすべてこの素材サイトです。
(例外は僕の写真と弟の写真です)

最後にメッセージ

デザインをうまくなるには練習より実践です。

A.本やwebで勉強

B.実践

C.振り返り

を繰り返してくださいね。

勉強につまづいたら、近くの先輩に「今何をすべきか」本には書いていないあなたにカスタマイズされた答えを教えてもらってください。
それではありがとうございました、ブログで会いましょう!

CSS Nite実行委員会

バロックジャパンリミテッドが自社ECと実店舗の在庫を連携、EC商品の店舗決済も

5 years 11ヶ月 ago

バロックジャパンリミテッドは12月26日、「MOUSSY(マウジー)」など主力ブランドの実店舗と自社ECサイトの在庫データを連携したと発表した。これまで別々に管理していた店舗と自社ECの在庫データを自動連携することで、在庫効率の向上を図る。

実店舗の在庫状況をECサイトに表示する機能を導入したほか、店頭にタブレット端末を設置し、ECサイトの商品を実店舗で購入できるようにした。

自社ECサイト「SHEL'TTER WEB STORE」と実店舗の在庫データを連携したのは「MOUSSY」「AZUL BY MOUSSY(アズール バイ マウジー )」「SLY(スライ)」の3ブランド。すべての直営店舗が対象。

店舗在庫をECサイトに表示

商品が置いてある最寄りの店舗と、その店舗の在庫状況を「SHEL'TTER WEB STORE」の商品ページに表示する機能を実装。

バロックジャパンリミテッドは、「MOUSSY(マウジー)」など主力ブランドの実店舗と自社ECサイトの在庫データを連携
自社ECサイト上で商品が置いてある最寄り店舗と在庫状況を表示

自社ECと実店舗の在庫連携

在庫効率の向上を図るため、店舗用在庫と自社EC在庫が自動的に連携する仕組みに変更。

EC商品を店舗で決済、自宅に配送

店内にタブレット端末を設置し、店舗で欠品している商品をECサイトで購入できるようにした。タブレット端末で決済し、商品が自宅に届く。

バロックジャパンリミテッドは、「MOUSSY(マウジー)」など主力ブランドの実店舗と自社ECサイトの在庫データを連携
タブレット端末を通じた接客をスタート

ECと店舗の連携強化は「NEW RETAIL施策」の一環

実店舗とECサイトの在庫連携は、バロックジャパンリミテッドの中期経営計画における「NEW RETAIL施策」の一環。実店舗とECの連携強化を推進するため、在庫連携の対象ブランドを増やしていく予定。今後、実店舗とECの顧客情報や購買データなどを分析・活用することで、顧客体験の向上と事業の効率化を図る。

2019年2月期決算における国内EC売上高は84億5600万円。国内事業の売上高に占める割合(EC化率)は13.4%。

中期経営計画では、最終年度となる2024年2月期の国内事業の連結売上高目標を約800億円に設定、EC化率は20%をめざしている。

渡部 和章
渡部 和章

「デザイントレンド」セッションの再演を都内、大阪、青森で開催

5 years 11ヶ月 ago

Shiftシリーズにて人気のセッション「デザイントレンド」ですが、2020年には、次のように再演(+α)が決定しています。

なお、2月12日、FONTPLUS DAYセミナーにて「フォント」セッションの拡大版も開催予定です。

CSS Nite実行委員会

2019年のデジタルサービス利用率で楽天が41%、Amazonが38%【ニールセン調べ】

5 years 11ヶ月 ago

視聴行動分析サービスを提供するニールセン デジタルは12月19日、「ニールセン デジタルコンテンツ視聴率(Nielsen Digital Content Ratings)」、スマートフォン視聴率情報「ニールセン モバイル ネットビュー(Nielsen Mobile NetView) 」のデータをもとに、2019年の日本におけるトータルデジタルとスマートフォンでのインターネットサービス利用ランキング「Tops of 2019: Digital in Japan」を発表した。

ECサービスでは楽天が41%で全体の5位、Amazonが38%で同7位にランキングした。

2019年におけるトータルデジタルでの日本人口に対するリーチ(利用率)TOP10サービスを見ると、2018年に続いてTOP3のサービスは人口の半数が利用した。デバイス横断でリーチが最も高かったのはGoogleで56%、次いでYahoo Japanが54%、YouTubeが50%。トータルデジタルのTOP10ではスマートフォンからの利用が多いサービスが数多くランクインした。

2019年 日本におけるトータルデジタルリーチ TOP10
2019年 日本におけるトータルデジタルリーチ TOP10

スマートフォンアプリでも、利用者数TOP10の顔ぶれ・順位は2018年と大きく変わらなかった。スマートフォンアプリの中で7年連続してリーチが最も高かったLINEは、2019年も順調にリーチを伸ばし、スマートフォン利用者のうち83%が利用するアプリとなっている。

また、他のサービスは2018年からリーチが2~3ポイント増加していたのに対し、YouTubeは5ポイント増加。デジタル全体で利用者数が拡大しているだけでなく、スマートフォン利用者の中でリーチが増加している。

2019年 日本におけるスマートフォンアプリアクティブリーチ TOP10
2019年 日本におけるスマートフォンアプリアクティブリーチ TOP10

スマートフォンアプリの利用時間シェアTOP10サービスでは、リーチと同様で1位はLINE、2位はYouTubeがランクイン。リーチランキングではランキング圏外だったInstagramやFacebook、スマートニュース、メルカリが10位以内にランクインしている。利用者数では規模が小さいサービスでも、利用者に長時間利用され、エンゲージメントが高くなっているという。

2019年 日本におけるスマートフォンアプリ利用時間シェア TOP10
石居 岳
石居 岳

人気記事トップ10

人気記事ランキングをもっと見る