こんにちは、エムスリーデザイングループでチームリーダーをやりながらエンジニアリングGも兼務しているプロダクトデザイナーの大月です。 私が所属しているエムスリーのデザイン組織は以下２つの強みがあります。 多様性 スピード 特に日々の業務では"スピード"をとても大切にしており、 デザインを早くすることで、検証回数を増やし、PDCAを多く回し、価値創造を加速することを意識しています。 こうしたエムスリーのスピード文化から、日々の業務を効率化できるFigma活用法もデザイナーのみんなで学びあっています。 今回は、エムスリーのデザイナー間で話題になった、意外と知らなかった、知っているだけで日々の業務が一気に楽になった！というFigma活用術を紹介します。 少しでもFigmaでのデザイン作業をスピードアップさせたい方の参考になれば幸いです！ 爆速のための3種の神器 1. 秩序をつくる ファイル構成とコ

フォーム送信中にinput要素やbutton要素をdisableにしてデータが帰って来たら有効に戻すというのは多分よくやっていると思いますが、fieldset 要素一つで一括でdisabledにできる方法を最近知ったので、シェアしておきたいと思います。 普段👇 <div> <input disabled={loading} type="email" name="name" /> </div> <div> <input disabled={loading} type="password" name="password" /> </div> <div> <input disabled={loading} type="submit" value="submit" name="button" /> </div> <fieldset disabled={loading}> <div> <input

2020年12月、総務省より 【機械判読可能なデータの表記方法の統一ルール】が策定されました。 統計表における機械判読可能なデータの表記方法の統一ルールの策定 https://www.soumu.go.jp/menu_news/s-news/01toukatsu01_02000186.html 2020年11月に河野太郎 行政改革担当大臣のツイートが話題となりました。 その後正式に統一ルールが公開された形です。 各省庁がネット上で公開する統計を機械判読可能にするために、データの表記方法を統一させます。「政府統計の総合窓口（e-Stat）」で本日から１２月１日までの間、表記方法案に関する意見照会を行います。研究者をはじめ、皆様のご意見をお待ちしています。https://t.co/h07tCTDazc — 河野太郎 (@konotarogomame) November 25, 2020

画像はUnsplashより 在宅時間が増加したであろう現在は、学生や社会人が人工知能（AI）やデータサイエンスについて身につける絶好のチャンスと言える。「AIについて何か勉強したい」「統計学について知りたい」という人も少なくないのでは。 近頃、Pythonなどのプログラミングについて勉強したり、データサイエンスについて知識を深めたりできる学習コンテンツが無料で公開される機会が増えつつある。そこで、2021年1月27日現在、無料で学べるAIやデータサイエンス関連の学習コンテンツを集めてみた。 総務省、社会人のためのデータサイエンス入門を無料開講 総務省は2021年1月12日開講した「誰でも使える統計オープンデータ」に先駆け、「社会人のためのデータサイエンス入門」を特別開講している。登録料および受講料は無料。 本講座では入門編として、統計学の基礎やデータの見方・データの取得方法などを学べる。統

プログラミングを知らない人でも、Pythonという言葉を聞いたことがある人は多いのではないでしょうか。 書店などに行くと、Pythonに関する書籍があふれていますが、プログラミングを知らない人からするとPythonを学ぶと何がうれしいのか、 さっぱりわかりませんよね。 そこで今回は、Pythonを学ぶとどんなことができるようになるのかを、普段プログラミングに触れていない人にもわかりやすくまとめてみたいと思います。一緒にどうやればできるようになるのかについても解説します。 ちなみに！先に言っておきますが、Pythonができると　めちゃくちゃ　便利です！また、初学者でも学びやすい言語なので、エンジニアではない人でも非常に重宝します。 このツイートに書いたとおり、Python使えると本当に便利なんですよね～ では、Pythonではどういうことができるのでしょうか。結論からいうと、 Webスクレイ

数年前くらいから、印刷会社やDTP系のフリーランスの方がこぞってWeb制作に参入しはじめるようになり、かくいう自分もそのうちの一人なわけですが、今でも徐々に制作の幅を広げ、印刷、Web制作どちらもするという人が増えているように思えるのが実感としてあります。 その逆も然り。Web制作専門の方が印刷物作成の方も仕事を取っているケースも多く見られます。 が、印刷とWebは制作手法の初期段階は結構似ているように見えるものでして、特に素人目からすればどちらも同じことをしているようにも見えがちなのですが、実際のところは結構違いがあり、その差に戸惑うことも多いものです。 と、いうわけで、今回は「DTP専門からWeb専門に転向した」私が、「これからWeb制作にも携わりたいDTP専門の方」向けの「Webデザイン制作の注意点」をメモ的に残しておきたいと思います。 また機会があれば「DTP専門からWeb専門に転

本記事は移転しました。 約3秒後にリダイレクトします。 リダイレクトしない場合はここをクリックしてください。

今回はオールアバウトのnnmrが弊社サイトAll About Japanの速度を高速化した経緯についてまとめます。 All About Japanとは そもそもAll About Japan（以下AAJ）とは何かといいますと、弊社が提供している訪日外国人向けの日本紹介サイトです。 外国人向けサイトで、英語、中国語（繁体字）、中国語（簡体字）、タイ語、韓国語の5か国語に対応しております。 「Anime」「Izakaya」「Ninja」といったような特集や、実際に観光する人向けのモデルルート記事が特色です。 ■ 特集 (url : http://allabout-japan.com/en/tag/sushi/ ) ■ モデルルート記事 (url : http://allabout-japan.com/en/article/222/ ) 技術的な紹介 LAMP環境です。 （サーバー構成は後に記述

これまでアルケーの活動を通じて「アクセス解析の基礎」というテーマで勉強会を行ってきました。 参加者の方に「普段、アクセス解析をどのように活用していますか？」と質問してみたところ、「サイトへのアクセス状況の変化をみている」や「ランディングページや流入キーワードをチェックしている」といった回答がありましたが、Googleアナリティクスをガッツリ活用しているという方は少数にとどまりました。 「アクセス解析の書籍を読んでも、どこから手を付ければいいかよくわからない」といった声も聞かれましたので、これから数回に分けて、私がよく使っている分析手法（基本的な分析）を記事として紹介していければと考えています。 最初に、勉強会で行った内容の全体像をマインドマップでまとめるとこのような感じです。 ※アクセス解析ツールはGoogleアナリティクスを用いて説明します。 今回は上図の赤枠の部分を説明したいと思います

2024 著作権. 不許複製 プライバシーポリシー

サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます本記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

import.ioとは import.ioは、データ化したいページのURLを入力するだけで、自動でデータ箇所を判断して情報を集めてくれるスクレイピングサービスです。 無料で利用することができ、セットアップも、データ収集用のトレーニングなども必要ありません。 URLを入力して、ボタンを押すだけという簡単さから、誰にでも利用できるデータ収集ツールだと思います。 以下では、その簡単な使い方や、利用例などを紹介したいと思います。 定期的なサイトへのスクレイピングは相手サイトの負荷になるので、一日に何度も何度も同一サイトに使用するのはやめましょう。加えて、取得したデータを、そのまま何かに利用すると著作権違反になる恐れもあります。 基本的な使い方import.ioの最大の特徴は、使い方の簡単さです。 以下では、その使い方の例として、IKEAのソファー検索結果ページのデータを取得してみたいと思います。

Googleの検索結果への表示をレポート化してくれる「検索アナリティクス」 Googleが一部ユーザー向けに公開していた「検索アナリティクス」が、全てのユーザーに正式公開されました。これまで「検索クエリレポート」だった機能のアップグレード版です。 検索アナリティクスでは「Googleの検索結果」にどのように表示されたのかをレポート化することが可能。「検索クエリ」「ページ」「国」「日付」「デバイス」「検索タイプ」でフィルタをし「クリック数」「表示回数」「CTR」「掲載順位」がどのように変化したのかグラフにして表示することができます。 先日行われた「モバイルフレンドリーアップデート」の行われた日に「更新」というラインが引かれているので、アップデートの影響を確認することも簡単です。 例えば「掲載順位が上位にあるキーワードなのに、クリックされていない記事」というデータや、逆に「掲載順位が上位ではな

Scraperとは Scraperは、WEBページ上の規則性のあるデータを手軽に取得することができるChrome拡張です。 例えば、テーブルデータや、Aリンクデータ、のような特定のHTML要素に入っている情報を、片っ端から取得してテーブルデータ化することができます。 また、その取得したデータをワンクリックでGoogleスプレッドシートに保存することができます。 テーブルデータのスクレイピングは以下の動画を見た方が分かりやすいかも。 以下では、その使い道などをいくつか考えてみました。 テーブルデータの取得最もオーソドックスな使い方と言えば、動画にも出てきたテーブルデータの取得です。 例えば、信長の野望の以下のような武将データテーブルがあったとします。 これを、以下のように選択して、Chromeの右クリックメニューから「Scrape similar（似たものをスクレイプ）」を選択します。 する

Pooleリーダーの鮫島です。 競合、丸裸にしてますか？（ライバル視しているサイトの、アクセス数やどこからトラフィックがあるのか、どういったキーワードを選定しどのくらいの検索数があるのかなど、SEO周りの対策を分析していますか？） 私は、主に提案資料を作成するときや、サイト設計をするときなどにします。 そういうときは、競合分析ツールを使うと効率的に情報を取得することができます。 というわけで、今回は私が普段使用している競合分析ツールを厳選して7ツールご紹介します。 無料で使える！ 競合サイトを分析できる7つのツール 1. Dockpit（ドックピット） https://www.valuesccg.com/dockpit/ 最近、認知度が高まりつつある競合分析ツールです。 機能の一部が無料で使えるのがかなり助かりますね。 無料登録で取得できる指標はざっと下記の通り。 自社サイトと競合サイトの

アカウント登録不要・無料で利用でき、手元にある画像ファイルをブラウザでアップロードするだけで瞬時にファイルサイズを小さくしてくれるサービスが「Compressor.io」です。 Compressor.io - optimize and compress your images and photos http://compressor.io/ ページを表示させるとまず目に飛び込んでくるのがこのカメレオンの画像。画像の上には白いバーが表示されており、マウスで左右に動かすことで圧縮前と後での画質変化を確認することができます。 画像の下には、圧縮前後のデータ容量の変化と圧縮率が表示されています。 このサイトで対応しているのはJPEG、PNG、GIF、SVGの4形式。圧縮時には、元の画質をキープできる可逆圧縮と、圧縮率重視の非可逆圧縮を選択することが可能となっています。 使い方の説明はこれだけ。あと

いまや、いかに「コンテンツが王者」であるかを、だれもが語り、「ユーザーのために質の高いコンテンツを作る」ようにとアドバイスする。キーワードが（not provided）になる以前から、「キーワードは終わった」と口にする人もいた。 もちろん、こうした言葉によってそれなりのアプローチがひらめく場合も多少はあるかもしれないが、実際のところ、たいていは、それ以上の情報を何ももたらさない役立たずの決まり文句でしかない。 コンテンツの関連性測定を可能にする「質の高いコンテンツ」とは何なのだろうか。 ユーザーにとって関連性の高いコンテンツとは、どのようにすれば作れるのだろうか。 「タイトルにキーワードを入れ、コンテンツにキーワードを7回入れる」といった手法は、まだ有効だろうか。 検索エンジンが時とともにどのように発達してきたのか、そしてどんな特徴が流行しその重要性が変動してきたのかを理解するべく、Sea