デザイナーのフォント見本帳「F」は文字を組んだ時の印象を確認できるリアルタイムプレビュー機能を 搭載したフォント見本帳です。Adobe Fonts、Google Fonts、フリーフォントを中心にデザイナーが仕事で使える クオリティの高いフォントを厳選して紹介しています。
徹夜での文字起こしにオサラバ 「文字起こし」や「テープ起こし」と呼ばれる作業には、これまで多くの人が手を焼いてきた。音声データの再生と巻き戻しをちょこまかと繰り返しながら、内容をちょっとずつ文字に起こしていく……。わずか30分の会話でも、正確に書き起こそうとすれば何時間もかかってしまうのが当たり前だった。 しかし、今はAI(人工知能)が人に変わって文字起こしをしてくれるようになった。変換精度も思いのほか高く、出来上がった文章をザッと眺めるだけで、会話の内容を把握できることも多い。徹夜で文字起こしをする日々とはオサラバできるようになったのだ。 ただし、現在は実に数多くの文字起こしツール/サービスが存在しており、どれを選んでいいか判断が難しい。 そこで本稿では、数々の文字起こしツールを使い倒してきた筆者が本当におすすめしたいツールをピックアップ。ツールのキモである変換精度に加え、使い勝手や機能
チャットGPTから期待する回答結果を引き出すには、質問となるプロンプトの内容や入力方法に工夫が必要です。この記事では、チャットGPTを開発しているOpenAIが推奨する質問のテクニックから、重要なものを「10選」としてまとめて紹介します。 OpenAIが推奨する質問方法を参考にしよう ChatGPTに質問したところ「期待していた回答ではない」と思ったことはありませんか?質問の仕方を変えることで、求めていた回答を得られやすくなります。 この記事では、ChatGPTの開発元であるOpenAIが推奨する質問方法「GPT best practice」(GPTベストプラクティス)に基づき、期待通りの回答を得るために重要な質問のテクニックを「10選」としてまとめて紹介します。 GPT best practices(英文) 1.明確な指示を含めて質問する 求めた回答の精度を高めるには、プロンプトに詳細情
『奇跡のフォント 教科書が読めない子どもを知って ーUDデジタル教科書体 開発物語』書体デザイナー、渾身のドキュメント! 「ディスレクシア(発達性読み書き障害)」という障害があることを知ったのは、ほんの数年前のことだ。トム・クルーズがこの学習障害で、台本を読むことが出来ず、マネージャーに読んでもらって暗記する、と聞いたときには、そんなことがあるのかと驚いた。 文字をすばやく、正しく、疲れずに読むことに困難のある人を言い、そのメカニズムは完全に解明されていないという。 この障害は日本人にも多く、日本語話者の5~8%存在するという報告がされているという。知能レベルや知識の欠如に問題はなくても、会話を文字にすることや文字を読み上げることに大きな苦労を強いられるため、「やる気のない子」「読書が嫌いな子」などのレッテルを貼られがちだ。 さらに文字を読むことが困難な人には、発達障害やダウン症、色覚異
【もっと早く知りたかった…】Excel作業を効率化する”関数”まとめツイートに感謝の声 - 「ありがとうございます! 」「有能過ぎる」 事務作業からプレゼンテーションの準備まで、さまざまな場面で用いられるExcel。便利なソフトである一方で、「条件に当てはまるデータを探すのが大変…」「曜日やふりがなを入力するのが面倒」といったストレスを抱えている方もいらっしゃるのではないでしょうか? 書籍『Excel医の見るだけでわかる! Excel最速仕事術』(TJMOOK・宝島社刊)の著者であるExcel医(@Excel_design_Dr)さんは、Excel作業で悩む方々に向けて、役立つ知識をわかりやすく紹介しています。 Excel医さんが10月27日に投稿したツイートでは、作業を効率化するために必須の”関数”が、1枚の表にまとめられています。 昔の私はExcel関数を全く知らず、ほぼ全ての変換作業
HTMLファイルで特殊記号を使う際、① は ①、© は © のように置き換えて書かないといけないものだと思いこんでいないでしょうか。 現代ではそれは誤解です。 UTF-8では特殊記号の文字参照は不要 そもそも環境依存文字とは、データを扱う機種・ソフトウェアなどの違い(文字コードの割り当ての違い)により表示に違いが出てしまう文字のことでした。 例えばShift_JISには © が含まれておらずそもそも保存できなかったり、 ① などの丸数字は含まれているものの、WindowsとMac OS(当時)の割り当ての違いにより正しく表示できなかったりしました。[1] しかし現在ではUnicodeによって文字コードは統一化されており、その問題はほとんど起きなくなっています。 近年では多くの場合 UTF-8 でファイルを記述すると思います。 HTMLファイルの文字エンコーディングが
こんにちは!トライブグループという会社でCDOをやっています、原田佳樹 @yoshigorouu といいます。前回はこんな記事を書きました! 今回の記事では、デザイナーが抑えておくべき定番欧文フォント31個(+おまけ)をまとめました。世の中で使われている大体のフォントをまとめてあるので、何かデザインするときの辞書的な感じになれば嬉しいです。 1. フォントの世界に魅入ったきっかけ私のデザイナーとしてのキャリアはスタートアップ歴が長いので、スキルセットがサービスデザインに寄っています。客観的に見てもグラフィカル領域(特にサービスロゴ)が弱く、それを強化したい気持ちは前からありました。 世の中にある様々なサービスロゴを見ていくと、大体のロゴはシンボル+タイポグラフィで構成されています。なので、フォントについて多少なりとも詳しくなれば、ロゴ制作の半分は出来るのではと思うようになりました。 リサー
凸版印刷ではこの課題を解決するため、2015年から国文学研究資料館と共同研究を開始。古文書対応のAI-OCRの開発に取り組んできた。その中で「手元の古文書を手軽に読みたい」という一般利用者向けのサービスに対する多数の要望があり、今回のアプリ開発に至ったとしている。 凸版印刷は今後、2025年度までにAPI提供や関連事業を含め、一般利用者や教育機関、博物館・資料館、地方自治体などのサービス提供を拡大し、約3億円の売り上げを目指す。 関連記事 ライトを当てると文字や絵が現れるホログラム 凸版が開発 スマホライトで真贋判定 強い光(点光源)を当てると、立体的な画像が現れる新たなホログラム「イルミグラム」を凸版が開発。スマートフォンのライトなどで誰でも簡単・正確に真贋判定できる。 メタバースでのなりすましを防ぐ 3Dアバターの本人証明ができるセキュリティ基盤 凸版印刷が開発 凸版印刷が、メタバース
と注記しています。 すっきり分けにくい場合も 動詞の下に付けて補助的に使えば漢字の意味が意識されないと考えられるわけですが、形だけでわかるとは限りません。 動詞の下に付いていても 「傘を学校に置いて来てしまった」「子供を家に置いて行く」 などは、「来る」「行く」にも意味があって漢字で書いてもよさそうです。 同じ「しれない」でも 「彼ならあんなことも言うかもしれない」 「あんなことを言う彼の気が知れない」 ――と、後者は漢字で書いてもよさそうです。 「意味が薄れた」かどうかは微妙で難しいものがあります。毎日新聞用語集は「言う」「いう」の書き分けをこのように例示しています。 「大家といえば親も同然」という例が挙がっていますが、「といえば」でも 「気にならないと言えばうそになるが……」 のように使う慣用句では、実際には言わないけれど「口に出して言ってしまうと」という感じなので「言」を使ってよさそ
基本 px pxとは、画面の色情報を持つ最小単位 例えば、font-size:16pxのときに1文字は、1pxが縦16個・横16個並んだの正方形の中に表示される em emとは、1文字分を表している単位 ページでfont-sizeを何も指定していない場合、どのブラウザでも16pxなので、1em=16pxになる emの由来 emは印刷業界で用いられていたもので、組版における相対的な長さの単位。emという呼称は大文字Mに由来しており、古くはMの活字の字幅とボディサイズがほぼ一致し、正方形に近かったため mではなくemなのは、ラテン文字のMの名称がemで、発音も/em/であったため rem rem (root em) は、常にルート(html)要素を基準にしたem emは親要素を基準にする emや%で指定すると、親要素の影響を受けてしまうので文字サイズの調整に手間がかかることがある % %とは、
こんにちは、いまやり(@imayari_orz)です。 この記事ではiPadとApplePencilで綺麗な字を書くための練習方法を紹介します。 iPadで手書きで文字を書くのって中々難しいんですよね・・・ 僕はは大学生の頃から9年以上iPadを使ってメモをしたりノートを取ったりしているのですが、iPadに変えて最初に悩んだのが「字がうまく書けないこと」でした。 授業のメモでも勉強用のノートでもとにかく字が汚い・・・ 元から綺麗な字を書ける人間でも紙に比べるとやや汚くなるので、元から字が汚い僕なんかは文字にすらなっていない・・・そんな感じでした。 そんな僕がどうにかしてiPadでも綺麗に字を書く方法がないか試行錯誤した結果たどり着いた方法がこちらです。 iPad × ノートアプリ × なぞり書き 隙間時間を使ってなぞり書き練習をしてみた結果、なんとか走り書きでも後から読み返せるくらいにはま
文字をアウトライン化する アウトライン化したい文字を用意します。作例のフォントは「源ノ角ゴシック JP Bold」を使用しています。 テキストボックスを「Ctrl + Shift」キーを押しながら下にドラッグして複製します。 2つのテキストボックスを上揃え(揃え方を参照)で配置します。 2つのテキストボックスを選択した状態で、「図形の書式」タブ →「図形の挿入」グループ →「図形の結合」→「接合」をクリックします。 テキストから図形に変換され、アウトライン化された状態になりました。 アウトライン化の確認 文字を右クリックしてメニューを開き、「頂点の編集」をクリックします。 パスが表示され、アウトライン化の確認できました。 文字をパーツごとに分割する パーツごとに分割したい文字を用意します。作例のフォントは「源ノ明朝 SemiBold」を使用しています。 テキストボックスを複製します。 2つ
上司ニシグチ @joshinishiguchi 百貨店のインハウスデザイナー時代に、折込チラシの校正を毎日鬼のようにやっていたんですけど、校正ミスを減らすために色々な対策を打ってきた中で特に効果があったのが「カラーの原稿を一旦モノクロにコピーをして文字の校正を行う」というもの📝これをすると格段に校正ミスが減るのでオススメです✨ 2022-03-15 18:00:02 上司ニシグチ @joshinishiguchi モノクロで校正する理由として、色をなくしてしまう(白黒にする)ことで、カラーによるノイズがなくなり、文字のみを追いやすくなるからです。その文字を追うペンでオススメなのは、ゼブラのマイルドライナーです。チェックするだけなので蛍光ペンにする必要はなく、目に優しいものを選ぶのがベスト。 2022-03-15 18:51:11 上司ニシグチ @joshinishiguchi ツイートの
音声入力なんて今となっては特に珍しいものでもないのですが、リアルタイムではなく、録音されたメディアを文字に起こすと言うのはちょっと工夫が要ります。 「そんなのスマホとかパソコンの音声入力を使えば良いんでは?」 なんて話になりますが、講演など長時間のスピーチでは簡単にいきません。zoomをはじめとするオンラインミーティングの記録も、文字になれば便利、かな。 音声入力では、例えば、インターネットの接続が途切れてしまったり、一度の入力に使える時間が決まってたりします。だから、長時間のスピーチは、ボイスレコーダーなどを使って録音し、文字起こしをするというのが安全です。 文字起こしの2つのステップ 文字起こしの作業は二つのステップから成っていて、「音声を文字にする」ことと「文字にした文章を読みやすくする」ことが必要です。 録音を聞きながら手動で文字入力する際には、これら二つの作業を一度にやったりする
クライアントにテロップが見にくい、と言われる。 そもそもの話、見やすいテロップの概念がよく分かってない。 何回作っても、しっくりくるテロップが作れない。動画編集をやっている人にとっては「あるある」ではないでしょうか。 さっそくですが、見やすいテロップを作るコツは「コントラスト」を意識することです。 このコツを理解しないままテロップを作り続けたとしても、いつまでも上達しないかもしれません。 ということで、ナカドウガです。僕はテレビ番組の編集をやっています。10年以上も番組編集ばかりやっていると、みなさんにお伝えできる知識もついてきました。 先日、ツイッターで「見やすいテロップの条件」としてこんなツイートをしました。 見やすいテロップの条件 🔵背景と差別化できている 🔴文字の大きさにメリハリがある 🔵目立たせたい部分を色で強調している 🔴適切なエッジがついている 🔵ベースに乗せてある
文章内のテキストリンクやテキストのみで実装しているようなナビゲーションリンクなどで使えそうなホバーエフェクト・デザインのサンプルです。 文字数が変化したり改行が頻繁に入るような場所などでは正直使い辛くて利用できる場面が限られてしまうものも多いのですが、シンプルなHTMLとCSSで様々な見せ方ができます。 サンプルの中で特にdisplay: inline-block;を記述しているタイプのものが意図しない箇所で改行されたり、逆にされなかったりということがあるので注意して下さい。 実際にどのような動きになってしまうのかはブラウザを縮めて確認してもらったり、または自身で環境を用意して実装・確認をしてもらうとよりわかりやすいと思います。 ここで紹介するエフェクトは、基本的に<a href="#">リンク</a>のようなHTMLに対して実装したものになります。 また、サンプルコードに含まれていません
作成:2013/11/5 更新:2014/10/24 Webデザイン > 画像を使うと変更がめんどう。出来ることならテキストで済ませたい。Webデザインはカーニングなどによる可読性の調整は難しいですが、CSSやjsを用いた簡単な指定で、文章の読みやすくしたり、注意をひくことが可能です。今回はCSSやjQueryで調整できるテキストまわりをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ js/プラグインなど 1.文字詰め 2.テキストの幅にあわせてテキストのサイズを自動調整 3.縦書き 4.均等割り付け 5.画面幅に応じて可変 6.一文字ずつ、文字ごとに色を変える 7.回転 8.文字の色を反転 9.弧を描くように文字列を配置 CSS 10.カーニング 11.3D風 12.テキスト選択時 13.ヴィンテージ風、ストローク状、エンボス加工 14.エフ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く