あおぼし -GitHub Aoboshi One -Google Fonts 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 Copperplate Gothicのような文字の太さが均一でセリフのある和文書体を目指してつくられたかなフォント。ひらがな・カタカナ・英数記号文字・ラテン文字が収録されています。 フリーフォントのダウンロードはページ上部の「Download Family」から、またはGitHubの「Code- Download Zip」から。 つきみ丸ゴかな -GitHub Tsukimi Rounded -Google Fonts 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 東京築地活版製造所の3号かなの骨格にインスパイアされたかなフォント。筆の動きを残した丸ゴシックで、縦組みにぴったりです。ひらがな・カタカナ・一部の記号文字が収録されています。 フ

1975年宮城県生まれ。元SEでフリーライターというインドア経歴だが、人前でしゃべる場面で緊張しない生態を持つ。主な賞罰はケータイ大喜利レジェンド。路線図が好き。（動画インタビュー） 前の記事：ファミレスでフードコートで工場で「人を呼ぶ装置」を作り続ける会社のミラクル ＞ 個人サイト 右脳TV プチプチは1000種類以上ある あの「プチプチ」を作っているのは、川上産業株式会社さん。創業は1968年（昭和43年）、今年で55周年である。 ご対応いただいた川上産業の杉山さん（右：常務取締役）と、綿貫さん（左：マーケティング課主任）。お二人ともお名前が同じ「彩香さん」というミラクル。 「ちなみにこれもプチプチでできているんですよ」 わっ、ホントだ！ まずビックリしたのはプチプチの種類の多さである。 僕にとってプチプチは、通販でなにか買ったときに箱に一緒に入っているもので、「なんかたまに粒が大きい

こんにちは。伊原 力也（@magi1125）と申します。業務アプリケーションのデザイナー、デザインチームのマネージャー、アクセシビリティ関連のコンサルタントなどをやっています。 ウェブアクセシビリティを普及啓発する活動を始めて10年が経ちました。おかげさまで興味を持ってくれる人はかなり増えたと感じています。しかし、人が増えると声は届きにくくなります。「アクセシビリティをどこから学び始めていいかわからない」という意見も目にするようになってきました。 また、私はこれまでにアクセシビリティに関する書籍を何冊か書いていますが、専門書ってちょっと高いので、興味があるぐらいの段階で本を買うのはちょっと……という気持ちもわかります。 ということで、これまで自分が発信したり関わったりしたコンテンツのうち、ウェブアクセシビリティの理解の助けになりそうものをベストアルバム的に一度まとめてみることにしました。

2023年もCSSとUIの進化がすごいです！ 先日開催されたGoogle I/O 2023から、各ブラウザにサポートされたモダンCSSの新機能をはじめ、まもなくサポートされる機能まで、CSSの新しい機能を紹介します。 コンテナクエリ、スタイルクエリ、ダイナミックビューポート単位、カスケードレイヤー、ネスト、三角関数、広色域のカラースペースなど、これからのWebサイトやスマホアプリのUI制作に役立ちます。 What's new in CSS and UI: I/O 2023 Edition by Una Kravets, Bramus, Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。 はじめに モダンCSSの新しいレスポンシブ モダンCSSの基礎機能の強化 カスタマイズ可能なコンポーネント CSSによるインタラクション 終わり

https://twitter.com/AiBreakfast/status/1659601613739409409 「DragGAN」のデモ動画を視聴した人たちからは驚きの声が多くあがっているようです。 ・AIって結局進化したPhotoshopってことでいいんだよね ・写真を何百枚も撮る必要がなくなる ・すごいツールが出てきたもんだ ・これはヤバい ・アドビがこの技術を買い取るだろうな ・真実を捻じ曲げる新たな技術 ・完成まで1年もかからないだろう ・すべて人工的で表面的 ・このツールがPhotoshopもデートアプリも破壊する ・これってマジネタ？ ・いろんな意味ですごい可能性を感じるツールだ ※画像：Twitterより引用 https://twitter.com/_akhaliq/status/1659424744490377217 ※ソース： https://arxiv.org/p

先週、日曜日の夜、何気なしにこんなTweetをしたら、びっくりする程の反響をいただいた。 ここまで期待いただいたからには、ちゃんとした知識を皆さんに提供しなければと思い、筆を取ることとする。 結果として、徹夜した上に午前休を取った。私はどうかしていると思う… なお、考察対象が考察対象なので、元データに不備がある可能性や、そもそもサンプル数が足りないことはご了承いただきたい。というか文句言う奴がいたら、マジで殴りにいくから気をつけてほしい。 わたしの手元にあるデータではルメールさんが2015年に日本に移籍して以来、G1で自信があります発言をしたのは30件強でした。今回はそれらの分析となります。 そもそも、なぜルメールさんの「自信あります」発言がこんなに注目されているかというと、日本人にはこの発言が奇異に映るからだろう。 競馬に絶対はないと言われるように、レースには様々な予期できぬ事象が絡むた

あなたのWeb制作をサポートしてくれるWebツール13選Update2023.05.24Release2023.04.28Tools HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient AnimatorFuzeグラデーションアニメーションのCSSジェネレーター。色を複数指定するだけでCSSアニメーション用のコードを作成してくれます。背景色やテキストカラーなどに使えます。 ちなみに、テキストカラーは当サイトのト

村井理子 @Riko_Murai 義母も義父も、コンビニには行けなくなってしまった。カードやポイント、画面操作が必要だから、怖くて行けないらしい。銀行もハードル高いらしく、毎度、予約して（！！）、行員さんに全部やってもらっているらしい。なんかもう、どうしたらいいのだろうな 2023-04-26 16:52:06 村井理子 @Riko_Murai 翻訳家・エッセイスト。愛犬は長い棒を回収する琵琶湖の至宝。『射精責任』（太田出版）『ラストコールの殺人鬼 (亜紀書房翻訳ノンフィクション・シリーズⅣ)』（亜紀書房）、『未解決殺人クラブ　市民探偵たちの執念と正義の実録集』（大和書房）、『犬と会話する方法　動物行動学が教える人と犬の幸せ』（慶應義塾大学出版会） rikomurai.com/%e7%a7%81%e3%8…

朗報です！！！ 今までJavaScriptや複雑なCSSを使用しないと実装できなかったアニメーションが、簡単なCSSだけで実装できるようなります！ たとえば現在のCSSではtransitionでdisplayは機能しませんが、CSSの新機能を使用すると、下記のようなCSSで表示・非表示のアニメーションを実装できるようになります。 このCSSの新機能により、UI要素にさまざまなアニメーションを簡単に実装できるようになります。 Google ChromeのデベロッパーUna氏（@Una）によると、transitionプロパティでdisplayが使用できるようになり、要素の表示・非表示、ポップオーバーなどのアニメーションが簡単なCSSで実装できるようになるとのことです。 👀 An early look at transitioning to and from display: none in

漫画家・あらゐけいいちさんが、小学校の音楽の教科書『小学生の音楽』（教育芸術社）で、表紙と登場キャラクターのイラストを担当したことを発表しました。 教科書は小学1年〜6年までの全学年が対象。令和6年度、2024年4月から使われます。 あらゐけいいちさんは『日常』や『CITY』などで知られる漫画家。現在は連載再開した『日常』と新連載の『雨宮さん』の2本を執筆しています。 「全ての子どもたちに音楽をする喜びと楽しさ」を 教育芸術社の公式サイトによると、あらゐけいいちさんがイラストを担当した令和6年度版『小学生の音楽』は「全ての子どもたちに音楽をする喜びと楽しさ」を届けることを目標に制作。 「学びが見える」「学びがつながる」「楽しさを大切にした学び」と3つ挙げられた改定ポイントの内、最後の「楽しさを大切にした学び」において、あらゐさんのイラストが紹介されています。 教科書には、あらゐさんの手掛け

enden @enden_nix これまでも牛丼1杯と半熟玉子頼むだけで16回のボタン操作が必要だったりして異常だったけど流石にこれは無いと思う、個人経営のラーメン屋さんがなんとか導入したとかならまだしも大手全国チェーンの最新型機ですよ？？？？ 2023-04-25 18:04:36

デジタルプロダクション「factory4」でアプリやさまざまなIoTプロジェクトのUIUXデザインを手がける新谷友樹さんが、UIやUXにまつわるトピックについて解説する本連載。今回は、「UIモーション」についてです。 こんにちは！株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。 今回の記事は、UIモーションデザインについて考察しています。ウェブやスマホアプリが主流となり、何気なく普段から目にしているUIモーション（動き・アニメーション）ですが、それらのデザインはユーザーに大きな影響を与えます。そのため作り手側は目的をもち、受け取る側にどのようなユーザビリティを与えるのかを考えなければいけません。UIUXに大きく関わる「モーション」について、その可能性や効果、使用における注意点などをふくめ探ってみました。 UIモーションデザインとは

リンク nagano.art.museum トップページ | 長野県立美術館 善光寺東隣にある長野県立の美術館。旧長野県信濃美術館から全面改築し、2021年春に信州の自然と調和した景観を創り出す「ランドスケープ・ミュージアム」をコンセプトに「長野県立美術館」として生まれ変わりました。「東山魁夷館」を併設しています。 18 users 338

回答 (3件中の1件目) いわゆるフラットデザインと呼ばれるデザインの潮流は明確に原点があります。 以下は、マイクロソフトが2010年にデザインイベントMIX10でセッション公開した資料です。 https://www.slideshare.net/stevecla/windows-phone-ui-and-design-language-3511859 オリジナルの資料(Windows Phone UI and Design Language)は公開終了してしまったようなので、slideshareにあるコピーのリンクを貼っておきます。 iPhoneの登場とスマートフォン市場の勃興に...

※ おことわり ※ この記事内で取り扱っているゲーム作品について、私は開発上の関わりは一切ありません。あくまでいち個人・いちファンとしての考察であることをご承知おきください。 今回の視伝研テーマは【UIデザインの歴史を紐解く】です。 年表形式でUIデザインの歴史を作りながらメンバーと意見を交換しました。PCやスマートフォンのOSのUIはもちろん、乗り物の操縦桿やSNSのデザインなど、さまざまな観点で資料を集めてみました。 そこで、元ゲーム屋の性として、個人的に楽しくなってしまうのはやっぱりゲームUIの歴史なのですが… なんか、ゲームのUIってこんなイメージありませんか。 ゲームUIデザイナーを目指す初心者が作りがちなやつ （一応弁明するとこれは1〜2分くらいで作った雑UIです）もちろんこういうのを作れることは大事なんだけど、「ゲームでよくあるやつ」以外のデザインの引き出しがないままだといず

UIデザインはシンプルで論理的なルールを理解することで、情報に基づいたデザインの意思決定を効率的におこなうことができます。UIデザインをより使いやすく改善する16の論理ルールを紹介します。 長い記事なので、時間がある時にゆっくりご覧ください。 16 little UI design rules that make a big impact by Adham Dannaway 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. スペースを利用して関連要素をグループ化する 2. 一貫性を保つ 3. 見た目が似ている要素は同じように機能するようにする 4. 明確なビジュアルヒエラルキーを作成する 5. 不要なスタイルを削除する 6. カラーは意図的に使用する 7. インターフェイス要素のコントラスト比が3:1であることを確

皆さん、「テレ朝UD」はご存知でしょうか？ テレ朝UDは、テレビ朝日の長年の経験に基づくテレビテロップの知見と強いこだわりを、フォントワークスのフォント制作の技術で実現したオリジナルフォント。2022年10月から以下の報道番組のテロップに使用されています。 2022年10月からテロップに「テレ朝UD」を使用している報道番組テレ朝UDの開発背景や、書体の特徴については、フォントワークスのコーポレートサイト「もじがたり」で紹介されていますので、ぜひそちらもチェックしてみてください。 そしてもじがたりの取材のため、テレビ朝日 コーポレートデザインセンターにお話を聞きに行くと耳に挟んだ編集部。これはじっとしていられません。「何か面白い話がうかがえそう！」と取材に同行させてもらいました。 テレビの現場の方にお話を聞けるなら、やはりデザインについて勉強させていただきたい！ 「ニュースの画面ってどんなふ

こんにちは。 ECコンサル会社を経営している、あびるです。 今回はChatGPTでマインドマップを作る方法をご紹介します。 この方法を使えば、長くて難しくて読みたくない文章も、情報が小分けされた状態で視覚的に分かりやすくなります。 プロンプト例太宰治の走れメロスのストーリーについてマインドマップにまとめて、PlantUMLで出力してください。出力結果 @startmindmap !define AWESOME mindmapBackgroundColor White * 走れメロス ** 主要登場人物 *** メロス **** 無実の罪で逮捕 **** 王に誓いを立てる **** 結婚式へ向かう **** 友人セリヌンティウスに会う **** 王に戻る *** セリヌンティウス **** メロスに協力 **** 王のもとで身代わりに *** 王 **** 独裁者 **** メロスを逮捕 *

""次女(12)が作文の宿題がめんどくさいらしく、ウダウダしていたので、プロンプト書いて #ChatGPT さんにAI家庭教師してもらった。人間とちがって、焦ったり、恣意的な誘導をしたりしないの素晴らしい。AIさんが相手してくれるよ、と言ったら、かなり前のめりに。双方ちょっと誤読もあるけれど、ものの10分くらいで「あと書けそう！」となっていたのでよかったー" （なぜかtogetter上だとツイートが途切れるので引用です）