金属・木材加工機械のB2Bサイトの情報アーキテクチャを、調査に基づいて全面的に見直したところ、見つけやすさが85％向上した。 Quantifying UX Improvements: A Case Study by Kate Moran on January 31, 2021 日本語版2021年7月7日公開 定量的なUX指標を使用すると、エクスペリエンスの質を経時的に追跡して、それをどのように改善していけばいいかを確認することが可能になる。UX指標は、UXの専門家が自分たちの作業の影響と質を測定し、そうした影響を第三者に伝えるのに役立つ。 UXベンチマーキングのプロセスでは、エクスペリエンスの重要な側面を表す指標を1つ以上選択し、それらの指標を追跡して、デザインの介入がそうした側面にどのような影響を与えるかを確認することになる。 以下のケーススタディでは、あるチームがUX指標を使って、自分

GitHub Actions のワークフローを静的にチェックする actionlint というコマンドラインツールを最近つくっていて，概ね欲しい機能が揃って実装も安定してきたので紹介します． github.com なぜワークフローファイルの lint をすべきなのか GitHub Actions が正式リリースされてからだいぶ経ち，GitHub 上での CI は GitHub Actions が第一候補となってきているように感じます．僕も新規にリポジトリを作成して CI をセットアップする場合はほぼ GitHub Actions を使っています． ですが，GitHub Actions には下記のような問題があり，actionlint でそれらを解決・緩和したいというのが理由です． ワークフローを実装する時は，GitHub に push して CI が実行されるのを待って結果を確認するという

JavaScriptを用いてウェブサイトのUIを構築する際によく利用されるのが「React」というFacebook製のライブラリです。ReactではJSXという記法を用いてコンポーネントを構築していきますが、その際にどういう方法でスタイリングを行うかはユーザーの手に任されています。その中でも比較的多く用いられているのが「普通のCSSを利用する方法」と、スタイル設定もJavaScript内で完結させる「CSS in JS」の2つなのですが、この2つについてパフォーマンスへの影響はどれくらい違うのかをフロントエンドエンジニアのトーマス・プストニクさんが計測してブログにまとめています。 Real-world CSS vs. CSS-in-JS performance comparison - Tomas Pustelnik's personal website https://pustelto.

どうも！ テクニカルディレクターのおきくです。 本日は、普段BiTT事業で実際にCODYメンバーに実施しているGitHubやAsanaを使ったディレクション方法についてまとめました。この記事が少しでも皆さんの参考になれば嬉しいです。 ここでお話する内容は、自分のGitHubプロジェクトにもなりますが、以下GitHubのリポジトリにフォーマットとしてまとめています。もしよければこちらも参考にしてください。 チケットの書き方のポイント（エンハンスメント、新規機能作成時） フォーマットはこちらから。 ポイント① 1チケット = 1PRの粒度でまとめましょう これは世界共通のルールなので、いわずもがなでしょうか。基本はグローバルスタンダードなルールに則って行いましょう。 ポイント② 概要をしっかりとまとめましょう メンバーに何のためにどうしてこのチケットが発行されているのか、どんなタスクなのか全容

こんにちは！ UI/UXデザイナーをやっております、じゃっきーです！ 今回は各方面からの熱いリクエストにお答えして、 エンジニア業界では有名人！そしてなんと喫茶店のオーナーでもあります！ 弊社エンジニアリングマネージャーおぎじゅんさんのインタビュー記事をお届けします！ 今までのご経歴を伺っても良いですか？ 大学院まで数学をやっていて、数学者になって数学の研究がしたかったんです。 でもなれなかったから、アルバイトでずっとやっていたプログラマーならできるかなって、 プログラマーとして就職しました。 当時は朝にとても弱かったので、20年くらいフリーでやってました笑 その過程で何回か会社を作ったりしてたんですね。 そのうち世間の会社ってどういうものなんだろうと知りたくなって、Yahoo!に入社しました。 4000人くらいの会社に入って、初めてわかることがいろいろありましたね。 大きいユーザーベース

グループ累計で90億円を調達し、金融領域のDX化に取り組んできたスタートアップ、Finatextホールディングス。創業6年目、CEO 林良太さんが保険会社の立ち上げに奔走していたあるとき、奥様が重度の“産後うつ”を発症。社長としてありたい自分と、家族を支えたい自分、その狭間で葛藤した林さんの約９か月間を伺った。 Finatextホールディングス（フィナテキストホールディングス）...2013年創業のフィンテックベンチャー。「金融を“サービス”として再発明する」というミッションの元、クラウド型の金融基幹システムとデータ解析基盤の提供によって、金融機関のDXならびに非金融機関による金融サービス提供を支援。2018年にはKDDIなどから60億円という巨額の資金を調達。これまでにグループ累計では90億円を調達している。 妻が重度の産後うつに。仕事は正念場だった。 病気や介護...いつ、どんな「人生

前書き はじめまして、ANDPADでフロントエンド開発を担当している小泉です。入社から2年弱ですが、ここ1年の社員数の増えるペースが速すぎてすっかり古株になりつつあります。 自分は入社当初からVue.js・Nuxt.jsを使って開発を行っているのですが、2020年7月頃よりスタートしたプロジェクトで、Vueの新しい記法であるVue Composition APIを全面的に採用しています。 この記事では、Composition APIを実際に製品開発に導入するまでの流れから、9ヶ月ほど使っていく中で気づいたComposition APIのメリットとデメリットなどをまとめています。 昨年秋にVue 3.0が正式リリースされ、今年はNuxt 3.0も控えており、これからVue 3.0やComposition APIを本格導入するチームや会社も多いと思いますので、その際の参考になれば幸いです。 技

1年ちょっとぶりくらいに、noteを書いてます。 ここ半年は LayerX INVOICE の立上げに携わっていました。プロダクトマネージャーやカスタマーサクセスと呼ばれる領域の業務を主に担当しています。LayerX INVOICEは経理業務のなかでも、支払業務の効率化を実現するサービスとなっており、実務経験を生かし、チームのメンバーにフィードバックしながら日々プロダクトを開発しています。 プロダクトの仕様検討から、顧客の業務フローに載せるところまでを一気通貫で担当している身として「SaaSを開発している人たちが想定している意図通りに正しく使う」ことは実はかなり難しいということ。特に管理業務におけるSaaSという領域においては、ユーザーである経理担当の方は実務に精通しているが、プロダクトのカスタマーサポートの担当は実務を直接的に経験していない場合も一定あるため、より「正しく使う」ことが難し

Shopifyはオールインワンの取引プラットフォームで、ユーザーはこれを使って事業を始め、運営し、成長させることができます。支払い、マーケティング、輸送、顧客のエンゲージメントに関わるツールなどの一連のサービスをオンラインの小売業者に提供することで、Shopifyは世界中の100万以上の事業者の力になっています。2016年から2019年までの間に、Shopifyにおける事業は世界の経済に3,190億ドルの貢献を果たしました。 ShopifyのPolarisはオープンソースのデザインシステムで、業者が一貫性のあるユーザー体験を作り上げるのに役立ちます。このシステムはデザイナーがアプリやShopify上のチャンネルをつくる際に使えるガイドラインと原則から構成されています。Polarisは、業者にとって親しみやすい、アプリをつくるのに必要な「積み木」などのリソースと材料を提供しています。また、パ

概要 スクラッチでNuxt.jsをTypeScriptを利用して開発する環境作成の手順を確認したかったので、方法を調べつつ実際に作成してみました。 できる限りミニマムな構成で作成したいのと、自分的には理解のブラックボックス化が進みやすいため可能な限りVue CLIやcreate-nuxt-appは使用したくなかったため使用していません。（より簡単に早く、動くものを作りたい場合にはVue CLIやcreate-nuxt-appの利用をおすすめします。） 前提 Nuxt.js 2.14.4を利用 html-property-decoratorを利用 やってみたこと 以下の流れで、index.vueに内容されている子コンポーネントに値を引き渡して表示するアプリケーションを作成してみました。 必要なライブラリのインストール nuxt, nuxt/typescript-build等のインストール p

Today we’re announcing the availability of TypeScript 4.1 Beta! To get started using the beta, you can get it through NuGet, or use npm with the following command: You can also get editor support by Downloading for Visual Studio 2019/2017 Following directions for Visual Studio Code and Sublime Text. For this release, we have some exciting new features, new checking flags, editor productivity updat

「人間中心設計」の国内唯一の資格「人間中心設計スペシャリスト／専門家」。 UXに関わる多様なバックグラウンドの方々の受験が増えています。 UXに関わる方々からの注目度は高いものの、いざ受験を検討となると「難しそう」「大変そう」と二の足を踏む方が多いよう。また、「資格なんて意味がない、実践こそが大事」という声も聞こえてきます。 そんな中、今年1月、ポップインサイトから7名が資格に合格しました。 この快挙（！）を受け、運営団体の「人間中心設計推進機構（HCD-Net）」からヒアリングのオファーをいただいたことを発端に、「UXデザインの資格って？人間中心設計スペシャリスト受験者とHCD-Netがぶっちゃけトーク」セミナー企画が実現しました。

はじめにひさしぶりにブックリストをつくりました。今回のブックリストでは「UX」を取り上げています（日本語で読める本だけです）。 ここで扱うUXは “User Experience” のことです。巷には様々な定義がありますが、定義の話にはあまり興味がないのでここではしません（他のブログや学術書をお読みください）。 タイトルに UXデザイン と書くか、UX と書くか迷いましたが、「UXというワード」が扱う範囲が、製品やアプリの使用経験からマーケティングやDX（デジタル・トランスフォーメーション）にまで拡張してきている状況をふまえて、あえてデザインを外して「UX」としました。（異論はたくさんありそうですがそれぞれのお考えは尊重します。定義論争と同じくそこにはあまり興味がありません） 以下で本を紹介していきますが、いざブックリストを作ろうと思うと、網羅的、体系的に書かれた本が少ないことに気付きます

バージョンとコードネームの一覧表 Vue.jsは、コードネームが付加されてリリースされています。 v0.9.0から頭文字が発表順に、アルファベット順で始まるアニメの名前が付けられています。 リリース日 版 コードネーム 原作 製作者

こんにちは、生形です。 先般開催されましたVue Fes Japan 2018のために、JavaScriptフレームワーク「Vue.js」の生みの親であるEvan Youさんが来日されました。 この機会を逃す手はない！ということで、Evanさんへの質問をTwitterで公募し、インタビューした様子をライブ配信しました。インタビュアー兼通訳を担当したのは、Vue Fes Japanのスタッフでもある、弊社代表の田中です。 左：Evan Youさん／右：アシアル 田中正裕 当日、Evanさんは温泉で日本を堪能していたようです。なんとライブ配信は箱根の旅館から！浴衣がお似合いですね。 はじめはSublime Textをずっと使っていて、次にAtomに切り替えましたが最近はもっぱらVS Codeを使っています。 VS CodeはTypeScriptのサポートが強力なので便利ですね。ちなみに、VS

株式会社レキピオは、注文から30分以内に商品が届くデジタルコンビニ「QuickGet」のβ版を2019年11月にリリース。そして本日9月16日より同サービスを正式リリースすると発表した。 また、株式会社UB Venturesらより総額1.7億円の資金調達を実施し、事業拡大に向けた人材採用を活発化していく構えだ。 1エリアでの累計流通額が数千万円突破「QuickGet」は、高級スーパーやコンビニ、ドラッグストアなどで売られている商品1,000点以上を常時ラインナップし、注文から30分以内に届けるというサービスだ。 なお、取扱のない商品でもアプリ内でリクエストすると、スピーディに対応してくれるという。 取り扱う商品は食品や酒類、日用品まで幅広く、それらを六本木にある自社倉庫で管理することで小売店と同等価格での販売を実現している。豊富な品揃えや納得の価格にくわえスピーディーな配達という要素を武器