12名のデザイナーが織りなすモリサワ2024年カレンダー「Joint」が第75回全国カレンダー展で経済産業省商務情報政策局長賞 金賞を受賞 | ニュース&プレスリリース | 企業情報
12名のデザイナーが織りなすモリサワ2024年カレンダー「Joint」が第75回全国カレンダー展で経済産業省商務情報政策局長賞 金賞を受賞 モリサワの2024年カレンダー「Joint」が、第75回全国カレンダー展で第1部門 経済産業省商務情報政策局長賞の金賞を受賞しました。 今回の受賞作品は、豊富な多言語書体を提供しているモリサワが、欧文書体用語でもある「Joint（接合部・共同）」をテーマに、世界の12の国や出身で活躍するグラフィックデザイナー／タイポグラファーと協働したカレンダーです。個性的な12名が各月を担当し、それぞれの表現を束ねて一つのカレンダーとして完成します。 モリサワは、2007年から2023年の間、「仮名を生んだ文字。仮名をつくった日本。そして、書いた人々」シリーズのカレンダーを制作。平安時代に発明された日本由来の「仮名」に焦点を当てながら、さまざまな時代を経て、現代のタ
ちゃんと名前で呼べますか？UIコンポーネントの名称クイズ100問【初級編】｜Goodpatch Blog グッドパッチブログ
こんにちは！Goodpatch UIデザイナーのharuです。突然ですが、皆さんはUIデザインの超基本となる「コンポーネント」についてどれぐらい知っていますか？ ユーザーインターフェースを構成するパーツのことを「コンポーネント」といいます。分かりやすい例としては、アクションや遷移のトリガーとなるボタンなどがあります。UIデザイナーは日々、ありとあらゆるUIコンポーネントを「用法用量（原則的な使い方）」に沿って使いこなしながら、デザインに取り組んでいます。 そこでこの記事では、UIデザインを学んだり興味を持っているみなさんに向けて、バラエティに富んだUIコンポーネントをクイズ形式で紹介します。用意した数はなんと100種類（！）。初級・中級・上級に分けて全3回でお届けしていきます。 まずは初級編。ソフトウェアデザインに関わる人たちの共通言語ともいえる、最も基本的なコンポーネントを集めました。
総務省｜情報バリアフリー環境の整備｜みんなのアクセシビリティ評価ツール：miChecker (エムアイチェッカー)Ver.3.1
「みんなのアクセシビリティ評価ツール：miChecker」（以下、「miChecker」という。）は、JIS X 8341-3:2016（高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第3部：ウェブコンテンツ）に基づくウェブアクセシビリティ対応の取組を支援するために、総務省が開発し、提供するアクセシビリティ評価ツールです。その第一の目的は検証作業の支援です。加えて、付属文書等に沿って検証作業を行うことで、関連する知識の習得が可能です。 このページでは、miChecker Ver.3.1 をダウンロードすることができます。miCheckerのダウンロードおよびインストールは、必ず以下の説明をよく参照した上で実施して下さい。 お知らせ miCheckerの実行環境等 ダウンロード・インストールの手順 miCheckerのダウンロード miCheckerのソースコ
ウェブアクセシビリティ導入ガイドブック｜デジタル庁
デジタル庁では「誰一人取り残されない、人に優しいデジタル化」を実現するため、継続的に「ウェブアクセシビリティ」の向上に取り組んでいます。この度、ウェブアクセシビリティに初めて取り組む行政官の方や事業者向けに、ウェブアクセシビリティの考え方、取り組み方のポイントを解説する、ゼロから学ぶ初心者向けのガイドブックを公開します。 優しいサービスのつくり手になる一助として、ぜひご活用ください。 公開の背景ウェブアクセシビリティの向上に取り組むには、非常に専門的な複数の規格とガイドラインをそれぞれ確認する必要があります。そのため、適切なやり方がわからないままに、現在は間違っている対応の踏襲、不要・過剰な対応、不適切な対応をしてしまうことがあります。ウェブサイトだけではなく、申請・手続等のデジタルサービスの重要性が増す中で、最新の技術動向を踏まえた、初心者が学習できる行政機関向けの研修資料が不足していま
Power Query（パワークエリ）とは |使い方を初心者向けに基礎から解説【練習問題付き】
この記事では、Excelの機能の一つであるPower Queryについて解説していきます。前半パートはPower Queryの概要について、後半パートは複数ブックを1つのシートに集計していく実践編です。難しい関数やプログラミングは不要で、マウス操作だけでできます。記事内にはYouTubeの動画解説も貼っていますので、こちらも参考にしてください。 この度Yousefulからパワークエリ・パワーピボットをオールインワンで学習できるExcelPro講座パワーコースをリリース致しました！詳細は以下のバナーをクリックしてください！ 【Excelの凄い新機能】PowerQuery（パワークエリ）とは？ Power Query（パワークエリ）とは、Excelに備わっているツールであり、外部データを抽出・収集して、自分好みに整形することができます。操作は意外と簡単で「取って、入れて、出す」だけです。定期的
毎年｢最低2週間の休暇｣フランス人がとれるワケ
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
ChatGPTの使い方のコツをまとめる - BioErrorLog Tech Blog
面白いなと思った使い方、大事だなと思ったコツの個人的な備忘録です。 はじめに 前提 ChatGPTのTipsまとめ 基本編 鵜呑みにしない 途中で文章が途切れた時は "続けて" 汎用Tips 文脈を伝える 条件/制約や質問を明示する 相手の立場を指定する 回答の特性を指定する 英語で入力する 無茶振りする レビュアーや反論者を用意する おわりに はじめに ChatGPT、面白いですね。 難しく考えず素朴にChatGPTと会話するのも十分面白いですが、コミュニケーションを工夫することでより良い体験が得られたりします。 (対人コミュニケーションと同じですね) 今回は、個人的にChatGPTを使ってる中での好みのコツをまとめます。 ChatGPTのコツを書いているはずが、いつの間にか対人コミュニケーションの話みたいになってしまった ChatGPTの使い方のコツをまとめる - BioErrorLo
レスポンシブでのクリッカブルマップ対応は『image-map-resizer』を使おう！
忘れた頃にごく稀に使うことになるクリッカブルマップ。 レスポンシブでは設定したエリアがずれてしまうので『image-map-resizer』というjsに頼ります。 jQuery非依存で結構簡単に導入できます。 画像とHTMLを用意 とりあえずクリッカブルマップに使用する画像を用意します。 HTMLについては『HTML Imagemap Generator』さんを使用します。 画像をドラッグ&ドロップしましょう。 あとは右側のツールを使って図形をなぞるだけです。大変便利です。 コードが生成されるので、画像のパスやusemap、リンク先などは調整しましょう。 <img src="sample.jpg" usemap="#ImageMap" alt="" /> <map name="ImageMap"> <area shape="circle" coords="154,202,92" href=
【jQuery】タブ切り替え実装サンプル集（上下連動、下タブを押すとスクロールして上に、 外部ページからのリンクIDも可能） | 125naroom / デザインするところ（会社）です。
1. シンプルなタブ切り替え See the Pen 【jQuery】シンプルなタブ切り替え（外部ページからのリンクIDも可能） by 125naroom (@125naroom) on CodePen. サンプルページはこちら 2. 上下のタブの連動 See the Pen 【jQuery】タブ切り替え（上下のタブの連動） by 125naroom (@125naroom) on CodePen. サンプルページはこちら 3. 下のタブを押すとスクロールして上にスクロールして移動する See the Pen 【jQuery】タブ切り替え（上下のタブの連動、下のタブを押すとスクロールして上にスクロールして移動する） by 125naroom (@125naroom) on CodePen. サンプルページはこちら 4. 【完成版】上下連動、下タブを押すとスクロールして上に、 外部ページから
Google Analytics 4 ガイド
アクセス解析ツール「Google Analytics 4」の実装・設定・活用のための情報サイト 株式会社HAPPY ANALYTICSの代表、小川卓によって個人運営されています。
Why Japanese Websites Look So Different
& how to analyze design choices without jumping to conclusions Over the years, I have had many encounters with Japanese websites — be it researching visa requirements, planning trips, or simply ordering something online. And it took me a loooong while to get used to the walls of text, lavish use of bright colors & 10+ different fonts that sites like this one throw in your face: Hankoya — a website
フォントのサブセット化で入れておきたい文字【常用漢字・JIS第1水準だけじゃダメ】
Photo by CHUTTERSNAP on Unsplash 以前、Web サイト上の見づらいフォントを置き換える拡張機能を作ったときに Noto Sans をサブセット化したのですが、そのときに収録した文字の一覧を紹介します。 汚いフォントに別れを告げられる拡張機能を作ったなにかの参考になれば幸いです。 よく他の方のサイトでは「常用漢字と JIS 第1水準を入れておけば大丈夫」と書かれていますが、それだけでは不十分です。 たとえば、飛翔の「翔」、「苺」などはよく使われるのにもかかわらずカバーしきれません。 私が拡張機能を作ったときにサブセット化で入れた文字は、常用漢字＋JIS第1水準＋その他のよく使われる漢字＋その他(かな文字など) です。 これなら、文字が足りないということはほぼありません。 ちなみに、文字数は合計で4559文字です。 常用漢字＋JIS第1水準＋その他のよく使われる
2024年に最適なfont-familyの書き方 - ICS MEDIA
ウェブサイトのフォントは何を指定すればよいのでしょうか？ CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。 本記事ではフォントに関わるここ最近のビッグニュースを取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。 結論 いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー＆ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
concent-document_010（ダークパターンレポート2023）.pdf | Powered by Box
【新卒研修資料】基礎統計学 / Basic of statistics
Phantastopia〈パンタストピア〉
Nielsen Norman Group: usability consulting, training & user research reports
SmartHR Design System
jpegからwebpへ一括変換！Photoshopの『ドロップレット』で自動アプリケーション化する方法
Create Block Theme プラグインで自分のブロックテーマを作ろう！