BLOG

マウスを使っている人は左手でEnterや矢印キーを押せるようにすると幸せになれる話

作業効率化の記事です。右手マウスを使っているデザイナー・クリエイター・それ以外の方もぜひ。左手デバイスのおすすめも紹介。
- figma
- Review
2024/4/11
Best Buy 2023

2023年に買って良かったものリストです。年始に毎年書いてます。
- Review
2024/1/8
複数のPCをひとつのディスプレイやマウスで使いたい人へ！KVM・PbPモニターが超便利

PCモニターのKVM・PBP・PIPといった機能をご存知でしょうか。1つのディスプレイ端末やマウス・キーボードで複数のPCを繋ぐとき、それぞれの使い分けが楽になります。モニター選びのときにあまり気にしたことがない人は、ぜひ一度チェックしてみてください。
- Review
2023/12/6
Best Buy 2022

2022年の買ってよかったものです。「ホームジム」作ったのと「カバンの中身」を見直したのでそれ系が多めです
- Review
2023/1/8
Switchのゲーム音とスマホのボイスチャット通話をイヤフォンで同時に聴く [Splatoon3]

Nintendo Switch でボイスチャットしながらゲームをやる場合、ゲームの音声と通話の音声をどのように聞き分けるかが問題になります。本記事では私がいろいろ試したイヤフォン環境の最適解と、選択する上で知っておくと良い情報をまとめています。スプラトゥーン3で友達と快適な環境を用意しましょう！
- Review
2022/8/22
コレで完璧2022年のAndroidフォルダブル・レスポンシブ対応

自社アプリでフォルダブル(折りたたみスマホ)対応をしたので、最新のAndroidマルチデバイス・レスポンシブ対応についてUIデザインの観点からまとめてみます。ちょっと長いんで、目次から気になる部分だけでも読んでってください。
- UI
- Design
2022/3/16
Best Buy 2021

2021年に買って良かったものリストです。年が明けてから書いたって別にいいじゃない。ガジェット類、家具類、調理関連など。
- Review
2022/1/20
Material Design 3 をざっくりまとめ

Android 12 のリリースといっしょに、Material Design の公式ドキュメントも大きくアップデートされました（通称M3）。ひととおり目を通したので要所を簡単にまとめて紹介します。ある程度従来のMaterial Designを知っている前提です。
- UI
- Design
2021/11/18
【Mac効率化】きっとまだ知らない、Alfredのオススメ設定・使い方

Macで定番の作業効率化アプリ、「Alfred」のおすすめの使用方法や設定をまとめます。大人気アプリなので、似たような記事はよくありますが、できるだけ知られて無さそうなTipsや裏技を紹介していきます。有料版（Powerpack）を前提にしています。すべての機能を書くと長くなるので、自分が毎日レベルで実際に使っているものだけ紹介していきます。
- App・Service
2021/4/20
デザインをチェックする側のFigma使い方（エンジニアやマネージャー用）

Figmaでデザインをつくる人ではなく、デザイナーが作ったデザインをチェックする人のための使い方説明です。
- figma
- UI
2021/3/23
サービスごとに強力なパスワードを使い分けて、それでも簡単に覚えられる管理・作り方テクニック

安全のために、パスワードはかんたんに推測できない複雑なものを、アプリ・サービスごとに使い分ける必要があります。強力で安全なパスワードをサービスごとに使い分けて、なおかつ簡単で楽に覚えられる方法を紹介します。
- App・Service
2021/3/10
Vue 3 + Hugo でSPAかつSEOにつよいブログサイトを作る

先日、個人のブログサイトをリニューアルしました。その際にブログを作る上でのCMS選定をかなり色々悩んだのと、Vue3を使ってみての知見をまとめます。一応、フロントエンドエンジニア向けの内容です。
- Vue
- HUGO
2021/3/8
Vue で Chrome の新しいタブを VS CODE っぽい WISYWIG Markdown Editor にする拡張機能をつくりました

VS CODE と Chrome と Vue が好きなので、自然とできたやつを紹介させてください。
- Vue
2020/4/4
UIデザイナーのデスク@U-NEXT

一部界隈では、机の上をすっきりさせることが流行っているようで、便乗してこだわりをガッと書きます。U-NEXTはデスクにこだわりがある人が多いらしく、デスク系noteを書くのは僕で5人目です。
- UI
2020/3/6
UIデザイナーが理解すべきプラットフォーム原則とは

本記事はUIデザイナーがプラットフォーム原則を理解し学習する必要性と意義についてまとめたものです。初学者には勉強の仕方・勉強する意義自体がわかりにくい領域だと思うので、その助けになれば幸いです。
- UI
2019/9/15
CSSだけでWebページをダークモード対応。ついにChromeにも対応した prefers-color-scheme が超便利

prefers-color-scheme という設定値を使うことで、Webページをかんたんにダークモード対応させることが可能です。Chromeでも本日公開された76から対応されたので、かんたんに紹介します。
- Web
- CSS
2019/7/31
CSS1行で美しい背景ぼかし・すりガラス表現！ついにChromeにも対応したbackdrop-filterが超便利

これまでWebデザインにおいては実装が難しかった背景ぼかしの表現が、backdrop-filterというCSSで超かんたんに表現できるようになりました。
- Web
- CSS
2019/7/31
iOS13のSF SymbolsをSketchやXDで使う

SF Symbols をデザインファイル上で使うのに少しつまずいたので、使い方を共有しておきます。
- UI
2019/6/5
Pixel3カメラの価値は「撮影の体験」にこそある

Pixel3は発売当初からカメラの良さについて非常に話題になっており、ついてさまざまなところで紹介されていました。カメラ性能ももちろんなのですが、Pixel3が本当に優れている点はその「撮影の体験」の良さだと思っています。良い機会なので、常々感じていたPixelの良さを紹介させてください。
- Review
- UX
2019/5/7
いちばん詳しい Sketch ・ XD ・ Figma ・ Studio の比較
- figma
- App・Service
2019/4/21
財布を持ち歩くのをやめてわかったことと現状の最適解

先日Pixel3というスマホを購入して以来、財布を持ち歩くのをやめました。持ち歩いているのはPixel3とカードケースのみで、主に支払いアプリのGoogle Payとクレカだけで支払いを行います。
- Review
- App・Service
2019/1/10
2018年買ってよかったもの 15個

2018年に購入・契約してよかったものをまとめました。今年はQOLアゲアゲが目標だったので、いろいろ買ってます。ガジェット、サブスクリプションサービス、猫、その他のカテゴリにまとめます。カテゴリごとになんとなく買ってよかった順に書いてます。
- Review
2018/12/5
[Chrome拡張] よく見るサイトのデザインを自由に変えよう! 自作のCSSとJSを読み込ませる方法 [Stylish削除記念]

最低限HTMLとCSSの基礎知識だけあればOKです。Google検索やGitHubなどを黒い背景に変えたり、いらない要素を消したりできます。ローカルで拡張機能を作る方法なので、「安心」「JSも使える」「SCSSも使える」などメリットたくさん。
- Chrome
- Web
2018/9/2
AtomユーザもSublimeユーザも、死角が無いエディタ「VS CODE」に乗り換えよう

世の中にエディタは数あれど、機能不足・速度不足・学習コスト・値段などネックとなる要素はたくさんあります。その中でも、弱点が少なく、普段使いでちょうどよく快適に使えるエディタ、「VS CODE」を紹介します。主にAtomやSublime、BracketsやCodaなどを使っているユーザに向けた布教記事です。
- App・Service
- Web
2018/7/15
ついに来た！最強のプロトタイピングツールと期待されている inVision Studio. (early access版) を触ってみました

去年からプロモ動画のみを公開し、大きな反響を呼んでいた inVision Studio. SketchやXDの対抗となるアプリですが、動画を見る限りそれらを駆逐するほどの高い機能を持っていると噂されていました。ついに登録していた early access版の招待メールが来たので、調査します。
- App・Service
2018/3/22
【保存版】gulp, webpack, parcel...増え続けるタスクランナーの特徴を理解して最適なものを選択しよう

フロントエンドの開発はたくさんのライブラリやフレームワークに依存し、それらを管理するためのタスクランナーも様々に群雄割拠しています。本記事はそれらの特徴とコンセプトについて触れ、違いをイメージしやすくすることです。
- JavaScript
- Web
2017/12/12
PCで作成中のWebページをリアルタイムにスマホで確認する方法

Macなら特別な準備なしに、簡単にすぐローカルサーバをたてて手元のスマホから、作成中のWebページ・アプリを確認できます。
- Web
2017/12/3
デザイナなら意識したいシグニファイアと、間違いやすいアフォーダンスの話

アフォーダンスとシグニファイアという言葉を聞いたことがあるでしょうか。アフォーダンスしか聞いたこと無いという方、要注意です。
- Design
- UX
2017/10/22
すこしでもJSかjQueryが書けるならブックマークレットを作ろう

ブックマークレットとはブラウザに登録しておき、任意のWebページ上で実行できるプログラムです。JSがすこしわかれば作成はとても簡単で、特別な環境作成も必要ありません。
- JavaScript
2017/10/1