Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationWhat you can do with signing up
この記事で紹介した手順をライブラリ化して公開しました🎉 こちらの別記事 で使い方など詳しくご紹介していますので、ぜひご参照ください! はじめに 言い切りタイトルすみません 僕を含む一定数の人にとって現時点でのベストプラクティスとなりうる手法という意味で紹介しています 極めてシビアな帳票出力の世界にいる人から見ると使い物にならない内容かもしれないと思います 帳票印刷の世界では SVF というサービスが有名らしいです。が、こういった外部サービスは使わずに自力で実装するというのがこの記事の前提です 動的に明細行の数が増減する連票はこの記事の解説では考慮していませんが、追加で実装するのはそれほど難しくないということは読んでいただければ分かるかなと思います 結論から 僕が考える現時点でのWebアプリでの帳票印刷のベストプラクティスは、 Adobe XD や Figma で帳票のレイアウトをデザイン
研究発表のスライドの仕上げの目的は、単に見栄えを良くすることではなく、伝えたいことが正しく・詳しく・分かりやすく伝わるようにすることです。スライドの推敲の技術を知って、実践的に身につけましょう。大阪大学大学院の教員であり、2021年10月に『卒論・修論研究の攻略本(森北出版)』を上梓した著者が実例付きで解説します。 スライドの推敲とは?文章がそうであるように、スライドもまた、「伝えたかったこと」をいつでも正しく伝えてくれるとは限りません。そして、正しく伝わるはずだ、という淡い期待を裏切られたときは、本当につらいものです。 文章を推敲するように、スライドにも推敲をかけましょう。ただし、スライドを推敲する際に、単にスライド中の語句を推敲するだけでは不十分です。スライドは、文章とは異なる表現形式だからです。 とはいえ、実は、著者の別記事で紹介した文章の推敲技術は、スライドの推敲にも使うことができ
ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。 インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。 積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。 このリストは2年ぶりにまとめ直したアップグレード版となります。 コンテンツ目次 【2024追加分】最新Webギャラリーサイト landing.love Design Spells Godly BentoGrids 404s Footer Navbar Gallery 国内Webギャラリーサイト SANKOU! URA
【結論】font-family、おすすめの指定方法はこれ! まずは結論から。わたしの設定しているfont-familyは、下記のとおりです。 全体にはこれ。 body { font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; } Cocoonを使っているかたは、これを追加 .ff-yu-gothic { font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif; } そして太字の箇所には以下の指定。 b, str
世界的にも人気の高い江戸時代の絵師「葛飾北斎(かつしかほくさい)」。 北斎といえば「富嶽三十六景(ふがくさんじゅうろっけい)」を始めとする浮世絵作品が有名なほか、「北斎漫画(ほくさいまんが)」などの絵手本集やスケッチ集なども積極的に手掛けていました。 今回はそんな北斎の作品を紹介するわけですが、本記事で紹介するのは、北斎のデザイナーとしての一面を伺うことができる作品集。文政8(1825)年に刊行された「新形小紋帳(しんがたこもんちょう)」という文様集です。 「新形小紋帳」は北斎がオリジナルで考えた文様が紹介されている文様集で、主に着物のパターンを考える際に活用されていました。単なるデザイン集ではなく、描かれた文様をどのように描くのか解説していたりもして、北斎先生の技術がつまった手習い書とも言えるでしょう。 北斎のデザイナーとしての一面が伺える作品としては、以前紹介した図案集「今様櫛きん雛形
※「Sketch」はMac専用アプリです。Windows版はありません。 「演習ファイル+動画+演習付き」で記事を書いてます。 エンジニアの人から「Sketch使ってみたい」「日本語の記事が少ない」という声を聞いて、最近社内で勉強会しました。 Sketchについて日本語の記事を調べてみたところ、このレベルの記事はけっこうありました。 ただ、学びやすいか?といえばそうではないらしいので、少し工夫して学びやすいように書いてみました。 ハンズオン用などにご利用ください。 Sketchとは Sketchについて一応さらっと書いておきます。 ・アプリやWebのデザイン・UI設計などに使われるMac用アプリケーション IllustratorやFireworksのようなツールです。 ・$99 買いきり(2016/02 現在) 有料です。 ちなみにApp Storeでは買えなくなりました。ショバ代かかるか
1.うずらフォント(手書きフォント系) ▼ぜんぶうずらフォントです。 手書きフリー日本語フォントはたくさんありますが、最近はこれがお気に入りです。 ゆるい感じが可愛らしい。 ちょうど下手すぎず、上手すぎずがちょうどいいんですよね! このフォントの使いみち ダウンロードはこちらから 2.Noto Sans Japanese /a 源ノ角ゴシック(ゴシック太さ多数) GoogleとAdobeからこのフォントが発表された時、デザイナーは沸きました。 しかし思いません? winならメイリオとかmacヒラギノとか最初から入っているフォントでいいよ! ぼくも、そう思います! あーでも、しかし1つだけこのフォントが便利な点があるんです。 それは 文字の太さの種類がある これが大事なんです。デザインを作る時に便利! OSに最初に入ってるフォントは、太さの種類が2、3種類だと思います。 ボールドボタンで太く
uesugi_fanclub @uesugi_fanclub 萌え絵からは、やはり、性的欲望の発露を感じる。 それも、現実の3次元の女性への性的関心と異なる、少し歪んだ欲望。 内向的で、未成熟な人間の、現実逃避的な、性的欲望に思える。 (※個人の感想です) 2016-10-19 13:23:24 uesugi_fanclub @uesugi_fanclub 前ツイに「カチン」とくる人はいるでしょうから以下、理由。 3次元の水着女性のグラビアに欲情するのは、普通のスケべな性欲だと思うけど、 萌え絵はオタクの欲望に応じて、オタクの理想通りに作り上げられた、非現実の女性だから。 オタク差別ではありません。 私にもオタク要素はあります。 2016-10-19 13:25:22
こんにちは、デザイナーのきよえし(@kiyoe_furuichi)です。 先日、ついにコネヒトデザインチームが結成されまして、チーフデザイナーを担当することになりました! 手探りながらチーフとしての役割を担っていて一番感じるのは、自分でつくるより何倍もつくってもらうほうが難しいということです。日々多くの発見や学びがあるなあと勉強させていただいてます。 今回は、私が新人デザイナーさんをディレクションするなかで、より良いコミュニケーションをとるために実践している"心得"をいくつかご紹介したいと思います。 制作の流れ まず、デザインを制作する流れとして私たちは以下のように制作を行っています。 タスク依頼 スケジュール調整〜制作 フィードバック リリース・振り返り 私が担っているものは具体的に、タスクの依頼を受けて担当デザイナーを決めることと、スケジュール管理・フィードバックを行いながら完成までフ
OGP画像シミュレータとは? FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 (2014年01月
DDD難民に捧げる Domain-Driven Designのエッセンス 第3回 大規模なプロジェクトへの適用 株式会社オージス総研 アドバンストモデリングソリューション部 佐藤 匡剛 Domain-Driven Design Tackling Complexity in the Heart of Software Eric Evans 著 Addison-Wesley, 59.99ドル 560ページ ISBN: 0-321-12521-5 書籍『Domain-Driven Design』を紹介する本連載も、今回で最終回です。前回はDDDの第II部、第III部を紹介し、16のパターンによってドメインモデリングの基本的なアプローチを説明しました。今回は、残る第IV部から22のパターンを紹介します。 単一ドメインを扱ったドメインモデリングのノウハウは、前回までですべて終了です。第IV部「Str
シンプルな印刷用のカレンダーが欲しくて、 PDF-J を使って作成して公開したところ、好評なので以降毎年作成して公開しています。 2021 年分より、PDFKit を用いて生成しており、ソースコードが https://github.com/yasuoka/simple-calendar/ で公開されています。 2022 (令和 4 年) 用 (月曜始まり) 2023 (令和 5 年) 用 (月曜始まり) 2024 (令和 6 年) 用 (月曜始まり) 古いの 2003 (平成 15 年) 用, 2004 (平成 16 年) 用, 2005 (平成 17 年) 用, 2006 (平成 18 年) 用, 2007 (平成 19 年) 用, 2008 (平成 20 年) 用, 2009 (平成 21 年) 用, 2010 (平成 22 年) 用, 2011 (平成 23 年) 用, 2012 (
こんばんは。榊です。 今日は『輪るピングドラム』のフォントのお話しです。 ■ 各話タイトルのフォント メインのロゴの話の前に、まず分かりやすい各話タイトルのフォントから見てみましょう。 上の画像は第1話のタイトルで、太めのゴシック体が使われています。 また、よく見てみると「ベル」の文字だけ強調されたように太くなっていることも分かります。 (図をクリックで拡大) 実際に使われているフォントは、上の図に示したようにモリサワのゴシック MB101のようです。 MB101 は雑誌の見出しなどにもよく使われていて目にする機会の多いメジャーなゴシック体なので、アニメを見ていて気づかれた方も多いかと思います。 上の各話タイトルではこのフォントを、90%程度の平体、つまり横長につぶした状態で使っています。 平体にしている理由は分かりませんが、もしかするとゴシック4550のオマージュかもしれません。 という
デザインのアクセントになりそうな手書きフォントを集めてみました。 無料DL可能となっておりますが、 ライセンスなどは各フォントの詳細を御覧ください。 手書きフォント アームド・レモン 漢字もOKな無料手書きフォントの中ではバランスがよいフォントだと思います。 Sweetly Broken Halo Handletter Dear Joe 5 Casual Jellyka CuttyCupcakes Jellyka - le Grand Saut Celine Dion Handwriting 手書きフォントは、こんなふうに使うとかわいいです。 today is ひとこと日記アプリのtoday is にて、アクセントに使われています。 viera RB3シリーズが導く私らしいリラックスタイム タイトルを手書き風に。 リラックス感が表現されています。 ベーシックなフォントで見慣れたあとは ゆる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く