Blog
ブログで学ぶUX

海外の人気サービスで使われているCSSスタイルガイド8選

CSSのスタイルガイドとは、コーディングを行う際の決まりやルールのようなものです。 CSSのスタイルガイドを作成することで、一貫性のあるスタイルシートを実現しやすくなり保守性や拡張性を向上させることができます。ひとりで開発するときにも役立ちますが、特にチームで開発を進めるときに効果を発揮します。 今回は参考になる海外の有名サービスのCSSスタイルガイドをまとめてみました。CSSスタイルガイドを作成……

投稿日:

チャットボットなどの対話型UIにおける課題と解決策

SlackやHipchat上でチーム間のスケジューリングをチャットボット形式でスムーズに実現する、Meekanというプロダクトがあります。この記事では、スマートスケジューリングサービスのMeekanのプロダクトデザイナーが、チャットボット形式のUIをデザインするにあたって気をつけた点や施した工夫などを紹介していきます。 [caption id="attachment_53133" align="a……

投稿日:

MySQLでデータを追加する「INSERT」

MySQLでテーブルにデータを追加する場合は、INSERT文を使用します。 INSERT文の使い方 INSERT文の書式は以下の通りです。 INSERT INTO テーブル名 VALUES (値1, 値2, 値3,...); この場合はカラム数と同数のデータを設定する必要があります。値は対象のカラムに記述された順序で格納されていきます。 また、指定したカラムに値を設定する場合の書式は以下の通りです……

投稿日:

MySQLでテーブル名を変更する「RENAME TABLE」

MySQLのRENAME TABLE文を使うことで、テーブル名を変更することができます。 RENAME TABLE文の使い方 RENAME TABLE文の以下の通りです。 RENAME TABLE 変更するテーブル名 TO 変更後のテーブル名 TOの前に変更するテーブル名を指定し、TOの後に変更後のテーブル名を指定します。この操作を実行しているときは、他のセッションはどのテーブルにもアクセスでき……

投稿日:

MySQLでデータを更新する「UPDATE」

MySQLのUPDATE文を使うことで、テーブルに格納されているデータを更新することができます。 UPDATE文の使い方 UPDATE文の書式は以下の通りです。 UPDATE データベース名.テーブル名 SET カラム名="更新値" [WHERE 更新する列の条件];  UPDATEは指定したデータベースのテーブルを対象に、指定したカラムの値を更新します。WHERE句は省略可能ですが、その場合はす……

投稿日:

MySQLでユーザーを削除する「DROP USER」

MySQLでユーザーを削除したいときには「DROP USER」を使用します。 DROP USERの使い方 DROP USERの書式は以下の通りです。 DROP USER ユーザー名; 指定したユーザーが削除されます。ただし、DROP USERを使用するには、CREATE USER権限またはDELETE権限が必要になります。 また、存在しないアカウントを削除するとエラーが発生します。 ユーザーを削除……

投稿日:

MySQLですべてのデータを削除する「TRUNCATE」

MySQLでテーブル内のすべてのデータを削除するTRUNCATE文について説明します。 TRUNCATE文の使い方 TRUNCATE文の書式は以下の通りです。 TRUNCATE TABLE テーブル名; 削除したいテーブル名を指定します。TRUNCATE文を使用するにはコマンドを使用する場合にはDROP権限が必要です。DELETE権限では実行できないので、注意してください。 すべてのデータを削除す……

投稿日:

Webデザイナーが最低限気をつけるべき8つのアクセシビリティ

Webデザイナーや開発者は往々にして、自分たちの制作物に誰がアクセスして使うのかという点に関して無関心です。 使いやすさなどよりビジュアルが優先されることも多いですが、現代のクリエイターとして私たちは、より道徳的な観点を持ち、人それぞれの能力に併せたアクセシビリティを提供するべきです。 イギリスのアクセシビリティに関する法律に対する法的義務はさておき、イギリスには1,190万人以上の障害者がおり……

投稿日:

HTMLとCSSのコピペですぐに実装できる見出しデザイン14選

WEB制作で必ずと言っていいほど登場するものの1つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。 飾り付きの見出し 擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれ……

投稿日:

ケーススタディ:Airbnbの「信頼をデザインする」という挑戦

最近私が参加したデザイン関連のイベントの一つにeBay and StubHub: Marketplace Panel and After Partyがあります。その当日のパネル・ディスカッションでは、Airbnbのエクスペリエンスデザイン部門責任者であるKatie M. Dill氏が「信頼」「ダイバーシティ」そして「クロスカルチャー・ブランディング」について語っていました。 それをきっかけに私はA……

投稿日: