サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
突然ですが、質問です！ 以下の文章で、登場人物が実際に声に出して言っている部分と、心の中で思い浮かべている部分はどこでしょうか。 「みんなはね、ずいぶん走ったけれども遅れてしまったよ。ザネリもね、ずいぶん走ったけれども追いつかなかった」と言いました。 ジョバンニは、 （そうだ、ぼくたちはいま、いっしょにさそって出かけたのだ）とおもいながら、 「どこかで待っていようか」と言いました。 青空文庫 宮沢賢治『銀河鉄道の夜』 https://www.aozora.gr.jp/cards/000081/files/43737_19215.html 答えは簡単ですね。 「 」の中の言葉が声に出して言っている部分、（ ）の中の言葉が心の中で思い浮かべている部分です。 前後の文章からも読み取れると思いますが、括弧の使い分けがされていることで、より分かりやすくなっています。 このように括弧類は主に文章内で会
「フォントの関係性はそんなのだったの！？」リアルに9割の人が気づいていない「游ゴシック」の話 https://togetter.com/li/1662198 のブクマ https://b.hatena.ne.jp/entry/s/togetter.com/li/1662198 わかりづらいとかキョトーンな人が散見されたので、蛇足とは思うけど解説をこころみる。 正直なところ説明として元ツイがいちばんシンプルだと私は思うので、この解説は元ツイが言ってることを別の言い回しで回りくどく言い換えるだけになる。つまり逆にわかりにくいかもしれない。 なお私は発端のツイートのひとではない。善意のいちハテナーである。 さらに言えば私は組版の専門家でもない。仕事で多少フォントを扱う機会がある程度の素人＋毛である。 太字には２種類あるまず、コンピューターの画面に映し出される「太字」には２種類ある。 ひとつは、最
岸田家の歴史を揺るがす大事件が起きた。 わが弟が、莫大なお金を稼いだのである。 大金とは、彼が三十年働いて手にするはずの金額だ。 それを数時間で。 田舎の片隅にある剥がれたフローリングの我が家から、絶世の富豪が爆誕した。血統書のない梅吉（犬）も、高貴なチャウチャウに見えてくる。 弟は生まれつきダウン症なので、障害のある人が集まる福祉作業所で、平日の朝から夕方まで働いており、日給は500円だけど昼食が450円なので、手取りは50円だということは、一旦、横に置いておく。 富豪が爆誕したのだ。 （※賃金は弟の障害の程度、作業所が受注できる業務の量、通っている人数などの兼ね合いがあり、弟も働くというよりは、みんなで喋ったり、散歩したりすることをなによりの目的にして通ってるので、ゆるく受け入れてくださる福祉作業所のみなさまにとても感謝しています） さて、その気になる稼ぎ方であるが。 手書きカレンダー
更新日: 2020年8月14日 このページの目的 プログラマーは、クライアントから提供されたPDFファイルで、その要求を実現させようとしたとき、PDFのどんなところを見ているのでしょうか。このページでは、ちょっと珍しい視点でPDFファイルを解き明かしていきます。 自分でプログラムを書いてPDFファイルからテキストデータを取り出したいという人も、ぜひご一読ください。 はじめに PDFファイルをクリックすると、あたかも紙に印刷したかのように、どんなマシンでも同じような見た目で文章や画像がディスプレイに表示されます。 この単純な事実は、日常的にPDFファイルを利用していると当たり前に感じられるかもしれません。しかし、よくよく考えると驚くべきことです。 いったい、どのような仕組みがあれば、「過去から現在に至るさまざまな種類のコンピューターで見た目を変えずに同一の紙面を再現する」という目的を達成でき
英語の文章に触れる機会が増えると目につくのが英語の括弧。「英語で括弧はなんと呼ぶんだろう？」「使い方は日本の括弧と違うのかな？」など、気になっている人も多いのではないでしょうか。実は、日本語で何気なく使っている括弧が英語では使われないなど、両者には違いが見られます。 こちらの記事では、英語での括弧の使い方を徹底解説！よく使われる4つの括弧をはじめ、コロンやセミコロンなどの記号についても紹介します。例文も掲載しているので、括弧がどのように使われるのかしっかりと理解できるでしょう。 English Labは、オンライン英会話「レアジョブ英会話」が運営。英語を「話せる」ようになるには、繰り返しアウトプットする機会が必要です。1レッスン142円のレアジョブ英会話で每日外国人講師と話してみませんか。レアジョブ英会話を見る 英語の括弧は大きく分けて4種類！ 日本語と同様に、英語でも様々な括弧が使われま
A static site to link people to when their code is displaying Japanese wrong. View the Project on GitHub heistak/your-code-displays-japanese-wrong Why am I here? If someone gave you a link to this page, that person probably thinks your code displays Japanese wrong. In short, from a native Japanese eye, yѳur ҭєxҭ lѳѳκs κιnd ѳf lικє ҭЋιs. This page will give you a brief description of the glyph appe
この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（14個） 2. パターンツール（7個） 3. イラスト系ツール（3個） 4. デザインツール（10個） 5. 配色カラーツール（6個） 6. グラデーションツール（3個） 7. SVGツール（8個） 8. スクリーンショ
文字コード再入門 ─ Unicodeでのサロゲートペア、結合文字、正規化、書記素クラスタを理解しよう！ 文字コードには、どのような種類があり、それぞれどのような意味を持つのか、といった、文字コードの基本的な概念、従来の文字コードを紹介し、現在のUnicodeの構成を概説し、プログラミングにおいて注意すべき箇所をいくつか取り上げます。 ソフトウェア開発に携わる方の多くは、何らかの形で文字コードに触れることがあるでしょう。文字や記号をコンピュータ上でデータとして扱うには、文字コードの知識が必要不可欠です。 本稿では、書籍『プログラマのための文字コード技術入門』の著者である矢野啓介さんが、知っておきたい基礎知識を分かりやすく解説します。 文字コードとは？ Unicode以前の文字コード Unicodeとその主な符号化形式 UTF-16 UTF-32 UTF-8 Webで文字コードを指定する仕組み
sabrinas.spaceより。 8週間もかからなかったはずのプロジェクト 日本のウェブデザインはどう違うのか? 2013年のRandomwireのブログ投稿で、著者(David)は、日本のデザインの興味深い相違点を強調しました。日本人はミニマリストのライフスタイルで海外に知られていますが、ウェブサイトは奇妙なほどマキシマリストです。ページには様々な明るい色(3色デザイン原則を破っている)、小さな画像、そして多くのテキストが使われています。2022年11月に撮影されたこれらのスクリーンショットで、自分の目で確かめて下さい。 ブログ投稿には、文化的専門家、デザイナー仲間、そして不満を抱く市民によって支持されている、考えられる理由がいくつか挙げられていました。 この理論が今でも正しいのか、また、もっと定量的なアプローチが可能なのか気になったのでやってみました。 私が見つけたもの 各国の最も人
今回展開しているグラフィックは、基本的に「お店の看板店員・杉咲さんが皆さんに翠をおススメしている」ビジュアル。これまでの翠のグラフィックの財産である翠ブルーを背景にしつつ、すっきり、さわやかでおいしそうなビジュアルを目指したという。 浜辺氏がまずデザインしたのは、横長のポスターだ。 「ポスターの天地が低い中で、『このすっきり、人生かわっちゃうかも。』というキャッチフレーズをなるべく大きく、きれいに扱いたい。そこで最初の1行『このすっきり、』部分を天地いっぱいに組めるようにし、さらにそれ以降の部分をきれいに組みたい」（浜辺氏）と思い、一番収まりよくきれいに組むことができたのが 「このすっきり、 人生かわっち ゃうかも。」 という3行組みだった。 通常であれば、いささかイレギュラーとも思える文字組み。このコピーを書いた小山佳奈氏は、浜辺氏に改行を変える相談をしたという。浜辺氏はさまざまな改行ど
海外旅行とピクニック、あとビールが好き。なで肩が過ぎるので、サラリーマンのくせに側頭部と肩で受話器をホールドするやつができない。 前の記事：働く大人のためのアドベントカレンダーをつくる ＞ 個人サイト つるんとしている 本当はアラビア文字と仲よくなりたいだけなんだ アラビア文字の使用者は、全世界で5億人以上。国連公用語の一つであるアラビア語、イランのペルシャ語、パキスタンのウルドゥー語など多言語で使用され、地理的にもアフリカ北部からユーラシア、 東南アジアまでを広くカバーするという国際性。これはもうインクルーシブでダイバーシファイドな社会を目指す成員として、「よく知らない」では済まされないだろう。 なんて大上段からカマしてみたものの、基本的にウソです。本当のところ、みんなが読めないアラビア文字が読めたらなんかカッコいいじゃないかと。そんな志の低い理由でこのたび、知識ゼロからアラビア文字につ
ビジネスに使えるデザインの話ビジネスにデザインの知識はけっこう使えます。苦手な人も多いから１つ知るだけでもその分アドバンテージになることもあります。noteは毎日午前7時に更新しています。 欧文のルール日本人は知らない欧文（主に英語）のルールというものがあります。これは英語の授業でも教えてくれません。それゆえか翻訳者からの原稿にも、このルールに則っていないものがすごく多くあります。 知っておくと何かとアドバンテージになるので少しずつご紹介していきます。ご紹介した欧文のルールはこちらのマガジンにストックしていきます。 「＆」の正体正式にはアンパサンド（ampersand）と言います。日本では「アンドマーク」と呼ばれていることが多いこの記号。正しい名前は“ampersand”（アンパサンド）です。日本でも馴染みのある記号で、企業名などでもよく目にするのではないでしょうか。 情報通信・メディア系
1997年生まれ。大学院で教育学を勉強しつつ、チェーン店やテーマパーク、街の噂について書いてます。教育関係の記事についても書きたいと思っているが今まで書いてきた記事との接点が見つからなくて途方に暮れている。 前の記事：マクドナルドの看板には2種類ある ＞ 個人サイト Note 店内に多く貼られたPOP。独特の主張の強さがある。この感じがドンキらしいのだ。 インタビューに伺った松本和史子さん。ドンキ練馬店の専属POPライターで、練馬店の開店当初からPOPを書き続けているプロフェッショナル。 さっそく話を聞いてみよう。 メモの字がドンキの文字だった 松本 今日の質問にお答えしたものをメモにしたんですけど 谷頭・林 おお！ メモがドンキの文字だ！ 谷頭 すでにメモの字がドンキの文字ですね、すごい！ 松本 あ、それは全然意識していなかったです（笑） ドンキの文字って独特で、この文字を書くための研修
1975年宮城県生まれ。元SEでフリーライターというインドア経歴だが、人前でしゃべる場面で緊張しない生態を持つ。主な賞罰はケータイ大喜利レジェンド。路線図が好き。（動画インタビュー） 前の記事：シャウエッセン入門 ＞ 個人サイト 右脳TV 密集地帯に8文字を追加するという無茶 2018年12月に新駅が「高輪ゲートウェイ駅」だと決まり、JR東日本の東京近郊路線図を真っ先に確認した。 新駅ができるのは品川駅と田町駅のあいだ。JRや地下鉄が密集する地帯だ。あそこに「高輪ゲートウェイ」って入るスペースあったっけ……？ JR東日本 東京近郊路線図（路線ネットワーク）（2018年4月版）より。首都圏でJRに乗ると、車内によく貼ってあるやつ。 品川付近を拡大。品川と田町のあいだに「高輪ゲートウェイ」って入る……？ ここに「高輪ゲートウェイ（Takanawa Gateway）」をねじこむのである。絶対どこ
岩崎光明 プロフィール 1982年よりフジテレビタイトルデザイン室でタイトルデザイン、イラストなどの制作を担当。 代表作は「邦ちゃんのやまだかつてないテレビ」「ウッチャンナンチャンのやるならやらねば！」 「ダウンタウンのごっつええ感じ」「世にも奇妙な物語」など。 この連載では主にアナログ時代のタイトルデザインについてご紹介します。 題名の“美術タイトル”（略称は美タイ）は河田町フジテレビ時代の名称。美術タイトルは報道以外の全番組を担当していました。 報道番組の写植などを制作する“報道タイトル”は報道部にあり、役割は全く違っていました。 フジテレビタイトルデザイナーのレジェンド紹介第二弾はあの国民的番組のタイトルデザインを担当した高柳義信さんです。 代表作は『笑っていいとも！』 高柳さんのデザインの特徴は、なんと言ってもわかりやすいデザイン。イラストやグラフィカルなシンボルを取り入れたデザイ
本記事の多くは Inspect モードを前提に解説しています。 下記に Dev Mode に対応した解説を書いてみたのであわせてご参照ください。 https://codezine.jp/article/detail/18000 エンジニアにデザインツールの知識・習熟は必要か？ しなくても仕事はできると思うのですが、あるとよりクオリティの高い仕事ができることは間違いありません。 という訳でエンジニアがエンジニアとしての仕事をしていく上で「Figma のこういうことを知っておくと良さそう」という知識をまとめてみました。 ユースケースを考える まず始めにデザインは作らないはずのエンジニアが Figma を使う時にどんなユースケースがありそうかを考えてみます。 デザインを元に実装する時 デザインから何かを生成したい時(コードとか画像とか) 自分でちょこっとデザイン修正しちゃう この辺りがあるかな〜
フォントワークスは、手書き風の楷書系硬筆体「クレー」やディスプレイ書体の「ロックンロール」「レゲエ」「ドットゴシック」など全8書体を、Google社の「GoogleFonts」にて提供を開始しました。 私たちは、「もじと もっと じゆうに」というタグラインを掲げ、文字の力を最大化し、すべての人の日常に新たな価値を生み出していきたい、と考えています。GoogleFontsが掲げる "Making the web more beautiful, fast, and open through great typography" にも共感し、一部書体ではありますが、GoogleFontsへ提供いたしました。制作環境に依存することなく、より多くの新しい作品が生み出されることへの貢献と、今後の更なるフォント市場の活性に繋がることを期待しています。 GoogleFontsは「SILオープンフォントライセ
欧文のルール日本人は知らない欧文（主に英語）のルールというものがあります。これは英語の授業でも教えてくれません。それゆえか翻訳者からの原稿にも、このルールに則っていないものがすごく多くあります。 知っておくと何かとアドバンテージになるので少しずつご紹介していきます。ご紹介した欧文のルールはこちらのマガジンにストックしていきます。 欧文で「〜」は使わない考えてみると「そりゃそうか」ってなるのがこの「〜」。日本だと 午前10時〜午後7時 というように使用します。便利でわかりやすい符号です。 「〜」は波形という日本の約物これは「波形」というつなぎ符号です。約物（やくもの）という記号の一種。波形の意味は、「…まで」。だから 東京〜大阪まで という表記は間違いです。「東京〜大阪」で「東京から大阪まで」という意味になるからです。波形は、この他に語句の省略や長音を強調するために使う音引き「ー」の代わりに
補完するのは登録された軸のみになります。たとえばitalの値が1種類しか登録されていないフォントはitalの値によらず一定の傾きをもちます。 オプティカルサイズとは、サイズに連動した文字のスタイルです。フォントサイズが小さなときは簡略化された表記、大きなときは細かく装飾されたフォント、というように設計されることがあります。 標準ではフォントサイズに依存しているため手動での変更はできませんが、一部のフォントでは変更が可能です。先ほどのデモにおいても、オプティカルサイズに応じて文字バランスが微妙に変更されることが確認できますね。 Roboto-Flexフォントを例に バリアブルフォントはまだそれほど普及していないこともあり、入手元がそれほど多くありません。今回は、オープンフォントライセンスで配布されているRoboto-Flexフォントを使用します。 GitHub - Roboto-Flex 記
高橋将貴Masaki_TAKAHASHI @takahashi__ ブレードランナーのマニアの皆さんへ、日本語グラフィックのソース発見の報告です。1981年の雑誌「アイデア」に、カード類のすべての日本語と、あのネオン「お手持ちの烏口」「基礎の充実の上に」のオリジンを見ることができます！（画像はアイデアNo.164より引用） #ブレードランナー #BladeRunner pic.twitter.com/bFMDuwJmxs 2022-12-27 14:03:32 高橋将貴Masaki_TAKAHASHI @takahashi__ 1,ID裏やカードキー裏の学校名など。 2,VIDPHONカード裏「接着剤製品営業部」。 3,キャッシュカード裏「ほかにも各種投映機がそ」。 4,上がカードキー表「タイプバン」、下はスケッチブックp95の「全国高校」「写真」ですね。 とうとう見つけられてうれしいです
みずの@ゆる言語学ラジオ @yuru_mizuno 日本語は非論理的」「英語は論理的」みたいな主張ってよく聞くけど、すごい角度からそれを否定する本を読んだ。 いわく、論理性とか合理性は、実は歴史教育と作文によって作られているらしい。 なので「論理的な思考」や「合理的な判断」は国ごとに違い、↓の4タイプがあるという。おどろきの観点だ。 2024-07-06 16:01:22 みずの@ゆる言語学ラジオ @yuru_mizuno 例えばフランスの作文では、ある問いについて考える際、自分が考えた論点と同じくらいの分量で、それを否定する材料について書くそうだ。そして最後に、それらを統合してまとめると。 フランスにおいてはこうした型が「論理的な構成」とされ、社会でも浸透している。 2024-07-06 16:01:23 みずの@ゆる言語学ラジオ @yuru_mizuno ……みたいな話が日本、アメリカ
ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと「空き」の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。 ということで、今回はCSSのline-heightについてまとめてみます。 実は調べれば調べるほど奥が深いCSSのline-heightの世界ですが、まずは基礎からまとめていこうと思います。 目次 以下はページ内のセクションへのリンクです。 CSSのline-heightでは文字の上下にスペースができる ウェブで使われるハーフ・レディングとは 印刷とウェブにおけるレディングの違い デザインツールでのline heightの扱いの違い 上下のハーフ・レディングを帳
小さくても超見やすい！イギリスの名門紙The Timesのために作られたフォント 1932年、イギリスの格式高い新聞社「The Times」のために特別に作られたフォントです。「読みやすさ」「インクの節約」「限られた紙面での効率的な文字配置」という3つの課題を解決するために生まれました。当時の新聞フォントと比べて、文字の高さを高めに設定し、セリフ（文字の端にある装飾）を適度な大きさに抑えることで、小さな文字でも読みやすい新聞印刷に最適化された実用的なデザインとして設計されています。 「上質」「信頼性」「知的」「正統性」「説得力」という印象を与えられます！ 高級ホテルやブランド、名門大学など、世界中の一流の組織で使われ続けてきたことから、「上質」「信頼性」「知的」「正統性」という印象を与えられるフォントになりました。イギリスの名門紙The Timesのために開発された背景から、文字の端にある
emyu: よく喋るバイオリン弾き。 @emyu_colorfulvn Violinist, Fiddler/エレキエレアコ/ジャンルオールラウンダー/コード譜okアドリブok/宅録歴14年/🎻所属バンド→囁揺的音楽集団AsMR🎻WORKS→町田康（ex町田町蔵）MICRO HEAD4’NS/有村竜太朗Plastic Tree/スタリラ朗読劇/Enjil/ヤマカイTV「美女と野獣」/ youtube.com/@emyuviolin?si… emyu: よく喋るバイオリン弾き。 @emyu_colorfulvn 拡散希望 読める方いらっしゃいませんか？ 1945年8月15日 玉音放送を生で聞いた大正生まれの祖母が記した日記が遺品から見つかりました。 が、大事なことが書いてあるはずなのに昔の字なので読め苦戦しています。 寮生静粛、起立、初めて接する玉音、かん激、子々孫々まで…？ #終戦の日
Innovative Tech： このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 筑波大学落合研究室の研究チームが開発した「Goshuin 2.0: Construction of the World’s Largest Goshuin Dataset and Automatic Generation System of Goshuin with Neural Style Transfer」（御朱印2.0）は、テキストから御朱印を自動生成する学習ベースのシステムだ。訓練用のデータセットは、寺社1000カ所以上を訪問し取得した御朱印を基に大規模にデータ化した。 御朱印とは、日本の神社やお寺に参拝した証として集められるものだ。御朱印はおおむね、印章と寺社の名称や本尊／祭神の
英語の力で開く！A+な未来の扉A+ ⇒ A plus ⇒ aplus(アプラス)は、 福井県鯖江市にある英語教室。 ひとみ先生の熱い想いが伝わると良いな。 The midterm exam is coming soon! もうすぐ中間テストですね☆ えいごハウス aplus 代表 中橋仁美です🍎 中学１年生にとっては、初めての定期テストとなる 今回の中間テスト。 特に「英語」に関しては、 初めて成績がつく本格的なテストを受けることとなります！ 毎年、中学生の１学期中間テストで気を張るのが 「アルファベットブロック体の書き方」 福井県鯖江市内の中学校では大変厳しい採点基準で 塾での指導にも気をつかいます。 私が、板書やプリントのコメント等で書くアルファベットを 生徒が見て、 「先生！その書き方ダメって学校で言われました！」 とか、 採点され返ってきた答案用紙の減点を見て、 学校の採点基準の
コンピュータ上の文字や記号で構成された絵や図のこと。AAとも略される。 『ASCII文字コードによるアート』を源流とし、掲示板文化の興盛と共に多くのアスキーアートが誕生した。 しかし、その姿はフォントや環境に依存するため、ハード・ソフトの多様化が進む現代では逆風。まともな状態を見られる場は限られ、衰退を余儀なくされている…… アスキーアートクイズと聞いて、今はたまたまオモコロというメディアに寄寓しているだけの電脳漂流者インターネット･ドリフターズが集結しました。 【回答者】 ヤスミノ：オモコロ編集部。かつて２ちゃんねるの独身男性板に入り浸っていた。 ダ・ヴィンチ・恐山：オモコロ編集部。ネットミーム元ネタカルタ優勝経験者。 ストーム叉焼：ライター。AAなりきりチャットに入り浸っていた日々を思い出し苛まれている。 夢顎んく：ライター。ブーン系小説執筆者。クソスレドンキーノにスレを３つほどまとめ
岩崎光明 プロフィール 1982年よりフジテレビタイトルデザイン室でタイトルデザイン、イラストなどの制作を担当。 代表作は「邦ちゃんのやまだかつてないテレビ」「ウッチャンナンチャンのやるならやらねば！」 「ダウンタウンのごっつええ感じ」「世にも奇妙な物語」など。 この連載では主にアナログ時代のタイトルデザインについてご紹介します。 題名の“美術タイトル”（略称は美タイ）は河田町フジテレビ時代の名称。美術タイトルは報道以外の全番組を担当していました。 報道番組の写植などを制作する“報道タイトル”は報道部にあり、役割は全く違っていました。 ① テロップ・フリップの種類と制作道具 テロップとは画面に表示される文字情報のことを言います。現在ほとんどのテロップ制作にはコンピューターを使ったテロップシステムが使われていますが、テレビ放送開始から'80年代までの約30年の間は手書きテロップが全盛でした。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本のウェブデザインの特異な事例
