こんにちはMUI！ 新しくなったMaterial UI v5
どうもよしです。久しぶりの投稿になります。 元々、Material Design をベースとした UI コンポーネントライブラリである、Material UI の v5 が遂にリリースされました！ v4 からどう変わったのか自分でも試すなど、さらっと見てみたので、ここにまとめてみました。 ※2023/11/25 MUI の更新に伴い、MUI v5.0系のドキュメント参照したほうが良い部分はリンクを差し替えました。 Material UI とは？ 元々、Google の Material Design をベースに開発された、UI コンポーネントライブラリです。 Material UI の概要や v4 の機能に関しては、以前に記事を書いていますので、よろしければそちらをご参照ください。 ※今回の記事は、主に以下の公式ブログ記事をもとにしています。引用文の出典もそちらです。 そのため、すでにそち
UTokyo English Academia
こんな人におすすめです 英語での コミュニケーションに 苦手意識がある大学院生 学術的な交流の輪を 国際的に広げたい 大学院生 英語での授業スキルを 向上させたい 大学院生・大学教員 ラボ、学会、授業等、アカデミックな場で英語に触れる機会が当たり前になっています。 英語が母語でない大学院生や駆け出しの研究者の中には、英語を使って国内外の学術コミュニティに関わっていくことに魅力を感じる一方、不安や苦手意識を感じる方も多いのではないでしょうか。また、国際性豊かなクラスにおいて、英語で授業を行うことに戸惑う方も多いのではないでしょうか。 English Academiaは、東京大学大学総合教育研究センターの無料のプログラムとして開発されました（開講期間：2017年2月10日～2021年2月28日）。忙しい方でもスマートフォンやパソコンを使って自分のペースで研究生活に活かせる知識を身につけることが
CSSボタンデザイン120個以上！どこよりも詳しく作り方を解説！
なぜCSSでボタンを作るのか？その前に、なぜCSSでボタンを作るのか？について少しだけ考えたいと思います。 簡単に言ってしまえば、 軽い！拡張性がある！解像度の心配がない！簡単！と言った理由ではないでしょうか？ 画像でボタンを作ることも多いと思いますが、「画像じゃないほうがいいなあ」と思うことも多いと思います。 もちろん、デザイナーから上がってきたデザインデータからボタンを切り取って、HTMLに設置して、CSSでホバーはopacity:0.8、とかやれば簡単ではありますが、デザインツールの進化やレスポンシブの一般化に伴い、そういったイケてなくて古臭いやり方はあまり望ましくないです。 特にWebの場合、テストの繰り返しが必要ですが、画像でボタンを作るとなるとテスト用にいくつもの画像を作らなくてはいけません。色やテキストを変えるとなると画像すべてを修正する必要があります。しかし、CSSボタンで
暴れるラグドールを安定させるためのテクニック
セッションの内容 ゲームで使われるような物理エンジンは現実世界の物理挙動の再現を目指しているわけではなく、高速応答性が求められるため、演算精度を下げざるを得ないのが現状です。結果、非常に狭いパラメータの範囲内でのみ安定して動作します。 剛体同士を関節で接続するラグドールのようなマルチボディ構造を登場させようとすると、理解しにくい物理属性パラメータを調整する必要がありますが、これらのパラメータは相互に関連しあい、現実的な値がかならずしも安定するわけでもなく、直観的な調整はあまり役に立ちません。 このような不安定さを解消するために様々なテクニックが考案されていますが、まとまった資料等はなく、個人レベルの知見に留まっています。そこで本セッションでは、このような物理構造を安定させるための手法について実践的なテクニックを公開します。
靴デザイナーが解説！靴イラストの描き方｜みえ👠靴Illustrator
どうもイラストレーターのみえです。 実は靴デザイナーもやっています。 仕事柄わりと常に靴を観察し、絵型なんかも描いているので、靴のイラストにはこだわりがあって、それなりに描ける自信もあります。 プライベートでイラストを描いていたり、色んなイラストレーターさんの絵を見たりする機会も多いのですが、「あぁっ、この靴は構造的にこうはならないんだけどな…」とか「なんか靴だけバランスがヘンだな…」みたいな違和感を感じることがあって、皆さん結構靴を描くのって苦戦しているんじゃないか、と思い、今回はイラストレーターとしてではなく、靴デザイナーとしての視点から「靴のイラスト」の描き方を解説していきます👠👟👞 （靴の絵柄は基本的に左足の外側を描くため爪先が右を向いていることが多いので、絵文字だと全部右足に見えるのが違和感です、笑） ●こんな人の役に立つかも・「靴って描くのむずくね？」って人 ・「ちゃんと
デザイン経験不要！無料でデザインを作成できるDIYオンラインツール10個まとめ
できるだけ予算をかけずに、無料で高品質なデザインを簡単DIYできる方法をお探しですか。 この記事では、デザインの経験がなくても手軽にデザインを作成できる無料DIYオンラインツール10個をまとめてご紹介します。 InstagramやTwitterなどのSNS向け画像やYouTubeのサムネイルの他にも、はがきや封筒、雑誌やポスター、プレゼンテーション資料といった、幅広いジャンルのおしゃれなデザインを誰でも簡単に作成できます。 ドラッグ＆ドロップで利用できるテンプレートが豊富に揃っているので、デザインの知識や経験がなくても安心です。 コンテンツ目次 1. Canva 2. Adobe Spark 3. Crello 4. BeFunky 5. Easil 6. Stencil 7. Desygner 8. Piktochart 9. Pablo 10. Snappa デザイン知識不要！無料でデ
Pose Tool
+ - Add to cart ! - Buy with credits Cr - Buy Credits Find the Perfect Pose Sorting is a great way to find what you want. For example, would you like a pose that other artists are not using? Sort by Popularity (least). Sorting sometimes works best when there is more than one model because many options tend to be the same for one model, like BMI or Gender. Use the My Lists button. This is where you
情報処理推進機構：情報セキュリティ：脆弱性対策：安全なウェブサイトの作り方
「安全なウェブサイトの作り方」は、IPAが届出(*1)を受けた脆弱性関連情報を基に、届出件数の多かった脆弱性や攻撃による影響度が大きい脆弱性を取り上げ、ウェブサイト開発者や運営者が適切なセキュリティを考慮したウェブサイトを作成するための資料です。 「安全なウェブサイトの作り方」改訂第7版の内容 第1章では、「ウェブアプリケーションのセキュリティ実装」として、SQLインジェクション 、OSコマンド・インジェクション やクロスサイト・スクリプティング 等11種類の脆弱性を取り上げ、それぞれの脆弱性で発生しうる脅威や特に注意が必要なウェブサイトの特徴等を解説し、脆弱性の原因そのものをなくす根本的な解決策、攻撃による影響の低減を期待できる対策を示しています。 第2章では、「ウェブサイトの安全性向上のための取り組み」として、ウェブサーバの運用に関する対策やウェブサイトにおけるパスワードの取扱いに関す
ソシオメディア | ヒューマンインターフェース ガイドライン
ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。 すべてモデルインタラクションプレゼンテーション
Game UI Database
1329 Games 54883 Screenshots The ultimate reference tool for interface designers. Filter by Materials and Patterns Such as Wood Paper Halftone Tribal Ornate and many more! Browse 120+ Screen Types Title Screen Settings Inventory Area Map Dialogue Shop Mission Log Tutorials & Guides Leaderboards Modals Gameplay & HUD
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
donjon; Fractal World Generator
Marco Bucci Art Store
https://www.audiblegenius.com/buildingblocks
FREE PHOTOSHOP/GIMP BRUSHES! + Explanation by JonasDeRo on DeviantArt
Interface In Game | Collection of video games UI | Screenshots and videos
StylingBook
人気のコーディネート一覧 通販【ニッセン】
Animal Photo Art References Search
Azgaar's Fantasy Map Generator
Cubebrush - Curated digital assets & resources
