iTerm2 + zsh + tmux + vim で快適な256色ターミナル環境を構築する - ( ꒪⌓꒪) ゆるよろ日記
こんにちわ。債務者ことゆろよろです。家買いました。 さて、最近こんなまとめが話題になりました。自分もコメントしましたが、すごい情報量になってます。 これ知らないプログラマって損してんなって思う汎用的なツール #JavaScript #PHP #Ruby #Python #HTML - Qiita 【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 #PHP #JavaScript #Python #Ruby #HTML - Qiita で、自分のコメントにも書いたのだけど、基本的に仕事はターミナルでssh接続して、Vimでコード書いてるので、この辺の環境構築についてまとめてみた。最近Terminal.appからiTerm2に移行して、screenからtmuxに乗り換えたので、その辺も含めて導入方法を書いておく。 手元の端末はMBPでOSX Lionだけど、ほぼ同
Webフォントでアイコンをつくろう！ ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 （以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。 詳しくは、つづきからどうぞ！ 色をつける フォントなのでCSS「color:」で指定するだけで色をつけられます。 もちろんマウスオーバー時に色を変更するのも、C
Illustratorのようなベクターデータを編集する「ドローソフト」のひとつとして、「Inkscape（インクスケープ）」があります。UNIX由来のソフトで、無償で利用できるのがありがたい。 そろそろ年賀状を作らないと、と思ってInkscapeを入れてみたら、これはIllustratorなしでもかなりいけそうな感触。皆さん使ってみては、と思って紹介します。 自分の環境がMac OS XなのでMac主体で書いていますが、ダウンロードとインストール、初めて使う人向けの解説（チュートリアル）はWindowsでも大丈夫な記事へリンクしています。 ダウンロード Inkscape. Draw Freely. うへー英語だーと思ったあなたでも、右上の「↓Download Now!」をクリックすれば大丈夫。 インストールと実用的なチュートリアル Macでは、X11をインストールしてからInkscapeを
Helveticaに似た商用無料のフリーフォントを見つけることができたり、デザイナーに人気の高いフォントをチェックできたり、見出しや本文のサイズをバランスの良い比率でデザインできたり、OTFとTTFを相互変換・Webフォント変換できたり、フォント関連の便利なサービスを紹介します。 Find free font alternatype 有料フォントの代替になるフリーフォントを見つけてくれる便利サイト。 Macユーザーは全員持っているけど、Winユーザーは購入しないと持っていない「Helvetica」で、代替になるフリーフォントをチェックしてみました。
フォントをWindows、Mac、Linuxでも使用できるように、TrueType, PostScript, OpenTypeなどにフォントのフォーマットを変換できるオンラインサービスを紹介します。 Free Online Font Converter [ad#ad-2] 対応しているフォントのフォーマットは下記のようになっています。 フォントの対応フォーマット pfa, pfb, pt3, sfd, ttf, otf, otb, t42, cef, cff, gsf, ttc, svg, ik, mf, dfont, bin, suit and bd Free Online Font Converterの使い方 使い方は簡単です。 登録など面倒なことはありません。 「Select a file to convert:」にフォントファイルを指定して、アップロードします。 「Select a
今までターミナル環境のカスタマイズにあまり興味を向けてこなかった私ですが、さすがに最近「白背景に黒文字」の味気ない画面に物足りなさを感じるようになってきました。 だいたい下の画像みたいなかんじです。ほぼデフォルト配色のPoderosaに、同じくデフォルト配色のVim。 気分よく作業するには、もう少し色気が欲しいよなぁ…ってことで、色々入れ替えてみました。せっかくなので、そのメモを残しておこうと思います。 なお、クライアントOSはWindows 7 Professional 64bit、サーバOSはCentOS 5.5 64bitとなっています。 色気のある画面とは まずは、どの辺の要素が満たされていれば「色気のある画面」と言えるのかを考えてみたいと思います。 完全に個人的な意見ですが、ざっと次のようなところでしょうか。 綺麗なフォント 基本ですね。個人的には角張ったものより柔らかな印象を与
2011年03月04日13:28 雑談 パソコン コメント( 0 ) フォントは「MaruGor-AA」を使え 世界が変わるぞ 1：No〓SoftBank：2011/02/28(月) 15:49:06.91 ID:Xh/1Wemh0● TrueType/OpenTypeフォントと“WOFF”を相互変換できる「WOFFコンバータ」 「WOFFコンバータ」は、TrueType/OpenTypeフォントと“WOFF”を相互変換できるソフト。 Windowsに対応するフリーソフトで、編集部にてWindows 7で動作を確認した。作者のWebサイトからダウンロードできる。 http://www.forest.impress.co.jp/docs/review/20110228_428805.html 3：名無しさん＠涙目です。：2011/02/28(月) 15:51:07.60 ID:bMdpIYY
OS標準フォント 各OSに初めから入っている、あるいはアップデートや追加ダウンロードにより利用可能なフォントです。 OSごとに搭載フォントは異なります。搭載されていないフォントは販売サイトで購入する等で導入出来ます。 Windows搭載フォントのライセンスについては当サイトの「Windows標準フォントの”今”」に詳しく掲載していますので、併せて読んでみてください。 Mac OS X搭載フォントのライセンスについては、こちらの記事が詳しいです。 macOSに付属するフォントは商用利用可能か問い合わせた MS明朝 有名過ぎるほどに有名、お馴染みWindows標準フォント。 フォントの名前が「MS明朝」です。これを指して「明朝フォント」みたいな呼び方してる人を見たのですが、「MS明朝」が正式名です（フォントのファイル名もMSmincho.ttf） あと「MS P明朝」っていうのもいます。小説本
sinatra ですぐにアプリケーションの実装に入れるようにするための準備 - Studio3104::BLOG.new
背景 自分が仕事で書く WEB アプリケーションは多くの場合が小粒で、何か書く場合には sinatra を使っています。 さらにテンプレートエンジンは slim で、ビューが必要な場合は twitter bootstrap を使って書きます。 で、新規で何か書き始める時に、それっぽいディレクトリ構成を作って、twitter bootstrap とか jquery とかをダウンロードして解凍してそれっぽいところに設置してー(もしくは既存プロジェクトをディレクトリごとコピーしてきて要らないファイル消してネームスペース変更してー)、とかっていうローテクな感じのことを毎回手動で行っていて、すっと実装に入れない！めんどくせー！ってなることが多いので、いったん整備してみました。 studio3104/ore-no-sinatra-skelton · GitHub 構成 javascript/css ラ
『全児童フォント』とは 小学一年生の児童が実際に書いた手書き文字をベースに作成した、オリジナルの漢字もモリモリ収録された日本語フォントです。 今回リリースするフォントは【フェルトペン】バージョンとなります。（将来的に、【鉛筆】【チョーク】【クレヨン】バージョンの追加を予定しています。） 今回は、 ・漢字が1,000文字ほど収録された【無料版】『全児童フォント教漢版』 ・漢字が6,700文字ほど収録された【有料版】『全児童フォント』（価格：1,410円・税込） の、２種類をご用意しています。 無料版・有料版の違いについて １．無料版では難しい漢字が大変なことになっています。 有料版の『全児童フォント』には、教育漢字を含む第一水準・第二水準・IBM拡張文字（6,700文字以上）を収録しています。 無料版の『全児童フォント教漢版』には、小学校で習う教育漢字（1,006文字）を収録しています。 【
この記事では、「もっと早く知りたかった」と思ってしまう、Web制作が加速する便利な最新オンラインツールをまとめてご紹介します。 面倒な設定をコピペで利用できるCSSツールや配色ツール、人工知能を使った便利ツールなどが数多く公開されており、ますますクリエイティブな表現が広がりそうなものばかり。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレスの少ない快適な作業フローを実現してみてはいかがでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Webデザイン便利ツール 2. 配色ツール 3. デザインツール 4. プロトタイプ・アイコンツール 5. フォント・書体ツール 6. クリエイティブ・面白ツール 2021年のベストツールも一緒にどうぞ。 Web制作を変える！2021年の便利オンライ
(訳注:2016/12/11、原文の変更に伴い記事を修正いたしました。) 謝辞 : この記事で書かれていることは全て、大学での私の経験と、読んだいくつもの文献に基づいています。私はプロフェッショナルでもエキスパートでもありませんが、この言語に対する多大な情熱を持つ学生です。issueでの議論は誰からでも歓迎しますし、修正・加筆すべき点があればプルリクエストも受け付けています。もしこの作品が有用だと感じたのであれば 寄付 して頂けると幸いです。 Table of Contents LaTeXとは？ LaTeXを使う理由 LaTeXのための設定 最初のLaTeXファイル もっと深く見てみましょう 多言語での利用 リスト パラグラフとセクション 表の作成 脚注 パッケージとは？ テーブル 画像を追加する LaTeXにコードを挿入する その他のツール LaTeXとは？ LaTeX（「ラ-テック」あ
サブセットフォントメーカー
Windows版 Mac版 概要 フォントから指定された文字列だけを取り出して、ファイルサイズを小さくしたフォントを作成するソフトです。 変換元のフォントとしては、TrueTypeフォント（拡張子 .ttf、.ttc）、OpenTypeフォント（拡張子.otf、.ttc）を指定できます。 変換後のフォントをWOFFコンバータでWOFF（Web Open Font Format）に変換すればさらにファイルサイズを小さくできますので合わせてご利用ください。 商用利用可能です。 本製品はフリーソフトです。 本ソフトはサポート対象外ですので、予めご了承ください。 注意事項 あくまでもWeb用のフォントを作成するためのソフトで、作成したフォントをパソコンにインストールして使うことは考慮していません。 フォントが、ヒント(OpenTypeフォントの場合)、カーニング情報、ビットマップデータ、OpenT
Next.js Conf 2022で最も感動したライブラリ、vercel/satoriについて紹介させてください。 - Commune Engineer Blog
はじめまして。コミューンでサーバーサイドエンジニアとして働いています、あのちっくと申します。 突然ですが皆様は昨年 10 月に開催されたNext.js Conf 2022はご覧になられましたでしょうか。 Next.js Conf は Next.js の開発・メンテナンスを行っている Vercel 社が主催する、Next.js とその周辺技術に関するカンファレンスです。 コミューンでもメインプロダクト commmune の Web フロントフレームワークとして Next.js を採用しており、私個人としてもとても興味深くオンラインから視聴をしていました。 特に話題になったのは、React Server Components をサポートしたルーティング・レイアウトシステム"app directory"などの新機能を新たに追加したNext.js 13と、"Webpack の後継"を謳う Rust
WOFFコンバータ
TrueTypeフォント、OpenTypeフォントからWebフォントであるWOFF、WOFF2を作成します。WOFF、WOFF2からフォントに戻すこともできます。 Windows版 Mac版 概要 フォントとWOFF、WOFF2の相互変換を行うソフトです。 WOFFはWeb Open Font Formatの略で、Webフォントの1形式です。 変換元のフォントとしては、TrueTypeフォント（拡張子 .ttf）、OpenTypeフォント（拡張子.otf）、Windowsにおけるフォントにリンクする形式の外字ファイル（拡張子.tte、.ote）を指定できます。 WOFFの作成と同時にEOT（Embedded OpenType）ファイルを作成することもできます。ただし、Windos版で作成したEOTファイルは圧縮されていますが、Mac版では圧縮されていません。 WOFF、WOFF2をTrue
次期Firefox3.6からサポートされる 新しいWebフォント形式のWOFFを TTFファイルから作成してくれるWeb サービスがありました。@FONT-FACE GENERATORがそのWebサービスです。 ジェネレーターはコリスさんが以前、商用サイトでもフリーで利用できる高品質なフォント集 -Font Squirreという記事にしたFont Squirreのサイトにあります。 @FONT-FACE GENERATORは一般的なフォント形式のひとつのTTFやOTFファイルをアップロードするとWOFFファイルを作成してくれるフリーサービスです。WOFFという言葉はあまり聞きなれない（僕もそうでした）方も多いかと思います。WOFFに関してはフォントブログさんの記事がかなり分かりやすいので引用させていただきます。 1. WOFFとは何ですか？ WOFFとは、Web Open Font For
去年の10月に「iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】」というタイトルのエントリーで、Web Symbols TypefaceというWebFontを使って、タイプフェイスでアイコンを表示する方法について紹介しました。それ以来、似たようなFontが作成され公開されていますが、つい最近知ったsymbolsetというサイトで紹介しているsymbol fontには感心しました。 それまでのSymbol Icon Webfontには、それを使用する際の表現としてあまり適切でない部分がありました。アルファベットの「t」などに直接アイコンを割り当てていたため、code上では意味を成さない（コンピュータに理解できない）文字が並ぶことになってしまいました。そのため私が使用するときは、HTMLでは意味のあるの文字列（Twitterなど）を記し、CS
普段はWindowsPCを使っていますが、Macのフォントってすごい綺麗で読みやすいんですよね。フォント綺麗なだけでもMac使ってもいいかなって思うくらい。 先日こんな記事を読みました。 ichitaso.com 以前は夢を見てた頃もありましたが、最近はあまり夢を見ることもなくなったので興味深く読ませていただきました。 【Hackintosh】OS X 10.11 El CapitanをWindowsPCにインストールする方法 Macの魅力は筺体とフォントであってOSではないと最近思ってる。遊びで夢見る分には楽しいんだけど。 2016/03/15 10:22 b.hatena.ne.jp Macの何が良いのかって考えたら、ハード本体の画面の解像度が高いとか、バッテリーの持ち時間が長いとか、環境移行が楽とか、あとはスタバでドヤ顔出来るとかいろいろ良いことあり、数えだしたらキリがないわけなんで
TeXの数式をDTPソフトに - TeX Wiki
TeX の数式を DTP ソフトに † Illustrator などのソフトウェアできれいな数式を作るのって，大変ですよね。 TeX, LaTeX を使えば簡単にきれいな数式ができます。 数式用のフォントを追加して Illustrator などで頑張る方法 † TeX で無指定で使われるフォントは，本文は Computer Modern Roman 10pt (cmr10)，数式は Computer Modern Math Italic 10pt (cmmi10) です。 これらは（PostScript アウトラインデータ形式の）OpenType フォント，TrueType フォント，Type 1 フォントのそれぞれの形式で配布されていますので，これらを他のアプリケーションで使うことができます。 もちろん Illustrator でも使えます。 Computer Modern フォントの
【後編：Webフォント化】アイコンをWebフォント化してリクエスト数の削減とRetina Displayに一発対応 | DevelopersIO
はじめに みなさんこんにちは、高速化やSCSSの記事を書いている野中です。 前「【前編：フォント作成】アイコンをWebフォント化してリクエスト数の削減とRetina Displayに一発対応」はマインクラフトネタでフォントの作成について紹介しました。 今回は、作成したフォントをWebフォント化して読み込んでみたいと思います。 前回作成した匠顔フォントはこちら Creeperフォントをダウンロード 1，Webフォントについて 少し古いですが詳しい解説はこちらの記事「Webフォントについて調べてみた」をどうぞ。 一部抜き出して紹介します。 1.1，Webフォントとは CSS2.1時代、Webサイト上で利用できるフォントはユーザーのローカル環境にインストールされているフォントに限られていました。Mac、Windows PC共通のフォントは無いためデザインにも大きな制約がありました。デザインフォン
FREE WINGのホームページ
★注目の記事 ・2023/01/01 【悪用厳禁】Windowsのパスワードを忘れた場合にアクセシビリティを改竄してパスワードを再設定する方法 Windowsのローカル アカウントのパスワードを忘れてセキュリティの質問も忘れた場合の解決方法 【悪用厳禁】Windowsでパスワードを忘れた時に強制的に再設定する方法 ・[NEW] 2022/11/09 LoRa通信を使用してポストに郵便物が投函されるとスマホの LINE宛に通知する IoTの作り方 LoRaを使用した IoT郵便受け LoRa IoT Mailbox Sensor with LINE Messaging API LoRa通信を使用してポストに郵便物が投函されるとスマホの LINE宛に通知する IoTの作り方 Mailbox Notification Sensor tutorial with LINE API ★最近の更新 Ra
NAME SYNOPSIS DESCRIPTION 概要 表示可能なオブジェクト その他のオブジェクト PDFJのインストール PDFJの使用 文書オブジェクトの作成 ページオブジェクトの作成 フォントオブジェクトの作成 テキストオブジェクトの作成 テキストオブジェクトの入れ子による部分スタイル指定 イタリックとボールド 段落オブジェクトの作成 段落オブジェクトの分割 空白オブジェクトとグルー ブロックオブジェクトの作成 配列ブロック内オブジェクトの間隔とタイプ名 ブロックオブジェクトの分割 画像オブジェクトの作成 図形オブジェクトの作成 追加の図形オブジェクトメソッド 色オブジェクトの作成 表示可能オブジェクトのページへの配置 ページのレイヤ ミニページオブジェクトの作成 スタイルのコピー スタイル指定のさまざまな方法 PDF文書の出力 文書情報の追加 アウトライン ハイパーリンク 暗号
HTML5&CSS3入門 with HTML5 パック 第4回 @font-face（ウェブフォント）の利用 | デベロッパーセンター
本連載では、Webデザイナーに向けて、HTML5／CSS3でWebデザインや制作手法はどう変わるのかを解説していきます。主なHTML5／CSS3の役割や機能を学んでいただくとともに、サンプル作成を通してコーディング手法を習得していただくことを目的としています。なお、サンプル作成のツールとして「HTML5 パック for Dreamweaver CS5」を使用します（詳しくは、「HTML5 Pack for Dreamweaver CS5 の使い方」をご覧ください）。HTML5 パックをインストールするには、Dreamweaver CS5のアップデータ11.0.3を適用する必要があります。 ※HTML5とCSS3は現在策定中の草案です。本連載は執筆時点の草案の内容にもとづいており、正式に勧告されるまでに変更されることもあり得ます。 これまでの記事では、CSS3で新たに登場する border
Webと文字
近況報告 この一年間、全く関係ない業種で新入社員（社畜）をしておりました。 mashabow様のスライドで当ブログを取り上げ戴いたようで、お礼申し上げます。 「TTXによるフォントのぞき基礎」の資料【5/4更新：スライド公開】 http://d.hatena.ne.jp/mashabow/20130502/1367500832 TTXに関して一点、私の方からも気になった点を書かせて戴きます。 随分前になりますが、CFF形式のフォントを変換した際に、グリフパスの表現が固定小数点の場合*1、正常に変換されなかったと記憶しております。 現在は修正されているかも知れませんが、TTXを使われる際には注意したほうがよろしいかと思います。 今後 社畜生活が続くため、記事の更新は一旦停止します。 記事の内容や、サンプルなどは自由に使ってくださって結構です。 以上 ( ´∀｀)ノシ *1:http://d.
RictyをWindowsで生成した。 InconsolataからOpenTypeをGET... - nkmrgk
RictyをWindowsで生成した。 InconsolataからOpenTypeをGET (Inconsolata.otf)M+とIPAの合成フォントからMigu-1MをGET (Migu-1M-regular.ttfとMigu-1M-bold.ttf)プログラミング用フォント Rictyから生成スクリプトをGETしてricty_discord_patch.peを抜き出す。派生フォントDiscordを生成しないときは必要ない。Ricty generator for Windowsから変換スクリプトをdownloadするunofficial fontforge-mingwから古いバージョン fontforge-mingw_2010_05_18.zip をGETして展開する。c:\fontforge-mingw_2010_05_18\ フォルダに展開したものとする。ここで作業する。fontf
なんとなくフォントリンク
なんとなくフォントリンク フリーで漢字を一定以上収録し日本語環境で普通に使える物をを中心としたフォントリンク集 Index Index アウトライン ビットマップフォント ツール Link Misc Outline Fonts TTFやOTFに代表されるアウトラインフォント。 ヒラギノフォント 高級フォントの代名詞。字遊工房制作、大日本スクリーン販売。MacOSXに何書体か同梱されている事でも有名。一書体あたり数万円 モトヤシーダ 商用フォントで、モトヤシーダ１、モトヤアポロを全文字無料で配布している。やはり商用は綺麗だなぁ…。他にも文字数を減らしたお試し版もある。DLには会員登録が必要 東風明朝、東風ゴシック フリーの公有フォントと信じられていた32bitビットマップフォント「渡邊フォント」を元にアウトラインデータに起こし、東雲等の小サイズのビットマップを埋め込んだ物。ゴシックはそのグリ
Files-conversion provides you a free service to convert any format. Here you can convert a video (from extension 3gp to avi or wmv to flv, for a full list of supported extension, see-below). Check the menu to convert an audio, to convert an archive or to convert anything else you need.
こんにちわ。債務者ことゆろよろです。家買いました。さて、最近こんなまとめが話題になりました。自分もコメントしましたが、すごい情報量になってます。これ知らないプログラマって損してんなって思う汎用的なツール #JavaScript #PHP #Ruby #Python #HTML - Qiita【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 #PHP #JavaScript #Python #Ruby #HTML - Qiitaで、自分のコメントにも書いたのだけど、基本的に仕事
"こんにちわ。債務者ことゆろよろです。家買いました。 さて、最近こんなまとめが話題になりました。自分もコメントしましたが、すごい情報量になってます。 これ知らないプログラマって損してんなって思う汎用的なツール #JavaScript #PHP #Ruby #Python #HTML - Qiita 【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 #PHP #JavaScript #Python #Ruby #HTML - Qiita で、自分のコメントにも書いたのだけど、基本的に仕事はターミナルでssh接続して、Vimでコード書いてるので、この辺の環境構築についてまとめてみた。最近Terminal.appからiTerm2に移行して、screenからtmuxに乗り換えたので、その辺も含めて導入方法を書いておく。 手元の端末はMBPでOSX Lionだけど、ほぼ
Written by たちゃな@巫研 < tatyana at miko dot org > =更新履歴= 公開 (Dec 23, 2006) 欧文多書体環境の実現方法を追加 (Dec 30, 2006) fontforge による和文斜体の実現方法を削除 (Aug 31, 2009) lcdf-typetools @2.92_0 における variants 指定方法の変更に対応 (Oct 31, 2011) もくじ はじめに JIS X 0208 範囲内の文字しか利用しない場合の和文多書体環境の実現方法 morisawa.sty によるヒラギノ5書体の利用 任意のフォントを追加したい場合 混植をおこないたい場合 otf.sty を用いた和文多書体環境の実現方法 deluxe オプションによるヒラギノの利用 expert オプションによる縦組み・横組み専用仮名の利用 任意のフォントを追加し
STEP.2：フォントを読み込む（Firefox/Safari/Opera編） Firefox/Safari/Operaは、TTF（True Type Font）およびOTF（Open Type Font）形式の読み込みに対応している。先ほどダウンロードした「まきば」のフォントファイルは、拡張子からも分かるようにTTF形式なのでそのまま利用できる。フォントは、CSSに以下のような @font-faceリンクを追加すれば読み込める。src: url() の url() 内の記述がフォント名（TTFファイルの名前）を表している。 @font-face { font-family: Makiba; src: url(MakibaFont13.ttf) format("truetype"); } なお、フォントファイルの読み込みには時間がかかるので、上記の記述はCSSファイルの上部に記述し、ブラウ
連続セミナー「タイポグラフィーの世界」の「第五回 フォントの舞台裏 -フォントはデザインだけじゃない、タイプエンジニアたちの話-」に参加してきました。 いやー、面白かった！ こういうセミナーがあるところが、東京のいいところだよねー。 この「タイポグラフィーの世界」というセミナーはタイポグラフィーをメインテーマに書体デザインや活字について語るという連続セミナーで、去年の12月から行われていたらしい。 最終回、第五回目の今回はもともと3月に「電子書籍」というテーマで行うはずだったものが、震災の影響で延期となり、その後twitterで「タイポグラフィーエンジニアサイドの話がおもしろいのでは」というもりあがりをみせテーマを変えての開催となったもの。 私はtwitterでこのセミナーの開催を知ったのだけど、もう情報を知ったときから「すっごい面白そう！絶対いきたい！」と思ってた。 「開発者の裏話」って
![タイポグラフィーの世界 フォントの舞台裏[前編] - ちくちく日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6581e0d1532485efc52da34f540fda5c9ee00e2/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Fakane_neko%2F20110903%2F20110903142333.jpg)
こんばんは、たねやつです。 ついにこのときが来たかという感じで記事を書いている今でも興奮冷めやらぬという感じです！！ 題名の通りVSCodeをchromebookでまともに使うことができるようになりました！ いろんな先人たちの知恵をお借りして「なんか出来ちゃった」感はありますが、布教も兼ねて記事にしてみます。(´∀｀) (2019/04/24追記) Chrome OSなどのアップデートを重ねるうちにfcitxで日本語入力できなくなる可能性があります。Powerwashなどを行いまっさらな状態で手順を進めてみてもうまく行かない場合は、busterのリポジトリを追加したあとに以下のコマンドを実行して最新化、OSのバージョン更新をするとうまく行くかもしれないです。(私の場合は解決しましたが不確定要素が多く正しい解決法か不明です・・・) $ sudo apt-get update $ sudo a
HTML5&CSS3入門 with HTML5 パック 第4回 @font-face（ウェブフォント）の利用 | デベロッパーセンター
本連載では、Webデザイナーに向けて、HTML5／CSS3でWebデザインや制作手法はどう変わるのかを解説していきます。主なHTML5／CSS3の役割や機能を学んでいただくとともに、サンプル作成を通してコーディング手法を習得していただくことを目的としています。なお、サンプル作成のツールとして「HTML5 パック for Dreamweaver CS5」を使用します（詳しくは、「HTML5 Pack for Dreamweaver CS5 の使い方」をご覧ください）。HTML5 パックをインストールするには、Dreamweaver CS5のアップデータ11.0.3を適用する必要があります。 ※HTML5とCSS3は現在策定中の草案です。本連載は執筆時点の草案の内容にもとづいており、正式に勧告されるまでに変更されることもあり得ます。 これまでの記事では、CSS3で新たに登場する border
WOFFコンバータ
概要 フォントとWOFFの相互変換を行うソフトです。 WOFFはWeb Open Font Formatの略で、Webフォントの1形式です。 Webフォントとしては、WOFFの他にEOT(Embedded OpenType)ファイルやSVGフォントなどがありますが、一般的にWOFFが次世代標準フォーマットと見られております。 変換元のフォントとしては、TrueTypeフォント（拡張子.ttf）、OpenTypeフォント（拡張子.otf）、フォントにリンクする形式の外字ファイル（拡張子.tte、.ote）を指定できます。 WOFFをTrueTypeフォント／OpenTypeフォントに変換することもできます。 本製品はフリーソフトです。 動作環境 本ソフトはWindows 2000／XP／Vista／7 で動作します。 WOFFが使えるブラウザについてはWOFF対応ブラウザをご覧ください。 ダ
purepdfを使って日本語フォントを指定したpdfを作る - nod::ぶろぐ:RIA::Flex/AIR/Flash
AS3でpdfを生成するライブラリである、purepdfを試してみました。 purepdfはjavaでのpdf生成ライブラリである、iTextを移植したものとの事。 ダウンロードにはいくつかのサンプルasクラスが用意されていて、すぐに機能を試すことができます。 このpurepdfというライブラリはCJKフォントにも対応していて、フォント埋め込みにも対応しているとのこと。 サンプルでChineseKoreanJapanese.asというその名の通りのものがありますが、こちらは中国語のフォント(CMap.UniGB_UCS2_H)を参照するようになっているので、まるでFlex4のs:Labelクラスで日本語指定したときのように表示されています。 そこで日本語Fontに対応したpdfを作るように変更してみました。 [追記2010/05/11] Flash Player 10でも動作するようにpa
1024x768 の 1677 万色 (TrueColor) なら kernel 行の オプションに vga=792 を追加する．# Arch Linux title Arch Linux root (hd0,0) kernel /vmlinuz26 root=/dev/disk/by-uuid/f4a93b19-120b-4337-9d09-4324c6cf9e6f ro vga=792 initrd /kernel26.imgフレームバッファで日本語を表示したいときは fbterm と fbset をインストールする．$ yaourt -S fbterm fbset8. ハードウェア8.1. ハードウェアの調査hwd という Arch Linux オリジナルのプログラムでハードウェアの 情報を調べることができる．ハードウェア関係の設定を行う前に インストールしておくと役に立つかもしれな
はじめてのWebfonts
今までは、サイト上で意図したフォントを使うには PCに共通してインストールしてあるデバイスフォンを指定するか、 photoshopなどで画像として作る方法が主でした。 しかしCSS3からはwebfonts機能が搭載されたので、 CSSのみで希望のフォントが使える様になりました。 まだ一般化するには時間がかかると思いますが、 webfontsの基本をまとめてみました。 webfontsのメリット・デメリット webfontsで使えるフォントフォーマット Webfontの使い方 CSSの@font-faceを使う方法 Webfontsの使い方 Webfontサービスを利用する方法 Webfontサービス webfontsのメリット・デメリット CSSのみで希望のフォントを指定できるので、 非常にメリットが大きく思えますが、 まだまだ幾つかの問題もあります。 CSSのみでフォントの指定ができる
August 2011 (1) July 2011 (1) June 2011 (2) April 2011 (2) March 2011 (2) February 2011 (2) January 2011 (6) December 2010 (6) November 2010 (5) October 2010 (8) September 2010 (2) August 2010 (3) July 2010 (9) June 2010 (4) March 2010 (1) February 2010 (7) January 2010 (2) (改訂履歴) 2010/12/26: ver.0.5.5 で中の人に色々と要望を対応して頂けたので、記事の内容もそれに合わせて修正しました。 2010/12/28: '-f'オプション、'--antialias'オプションの記述を追加。画像も –an
IPAフォント - Wikipedia
IPAフォント（アイピーエイ フォント）は、独立行政法人情報処理推進機構 (IPA) により開発されたコンピュータ用のフォントセットの1つであり、一般ユーザーの日常的な印刷に使用できる品位の日本語アウトラインフォントである。2020年（令和2年）以降、フォントの提供・保守は一般社団法人文字情報技術促進協議会 (CITPC) に移管されているが、IPAフォントの名称はその後も使われている。 2009年（平成21年）公開の、IPAexフォントVer.001以降およびIPAフォントVer.003以降は、オープンソースの定義に合致しているライセンスでライセンスされている。 種類[編集] IPAフォント[編集] IPAフォントは以下の書体で構成されている（括弧内は英語環境での表記）。 IPA明朝 (IPAMincho) ……固定幅フォント。 IPA P明朝 (IPAPMincho) ……可変幅フォン
Pages でブック作成用の詳細オプションを使う Pages で詳細オプションを使って、EPUB ブック形式のデジタルブックを調整しながら作成する方法をご紹介します。 フォーマットを選択する 書類を準備する EPUB ブックを書き出す EPUB 形式は、W3C によるオープンなデジタルブック (電子書籍) 用の標準規格です。Pages では、書類を EPUB 形式で書き出すことができます。書き出した書類は、iPhone、iPad、Mac のブックアプリや、他社製の EPUB リーダーで読むことができます。この記事では、Pages でブックを作成する手順を詳しく解説します。 Pages でデザインがあらかじめ決まっているブックテンプレートを使って、特別な書式設定をせずにブックをすばやく作成することもできます。 フォーマットを選択する Pages のどのテンプレートを使ってもブックを作成できま
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
意外と知らない？アイコンはWebフォントでつくるとこんなに便利！
フリーのドローソフト「Inkscape」が面白い - ただいま村
有料フォントの代替になるフリーフォントも見つかる！ブックマークしておきたいフォント関連の便利なサービスのまとめ
フォントのフォーマットを変換できるオンラインサービス -Free Online Font Converter
色気のあるターミナルをつくろう - しばそんノート
フォントは「MaruGor-AA」を使え 世界が変わるぞ : 【2ch】コピペ情報局
明朝体フリーフォント片っ端から集めた（2021年12月版） | ALBA LUNA
『全児童フォント（フェルトペン）』（無料版・有料版）を公開しました。 – たぬきフォント
知らなきゃ損！Web制作を爆速にする最新オンラインツール40個まとめ
今すぐ始めるLaTeX | POSTD
TTFファイルから新しいWebフォントのWOFFファイルを作成する@FONT-FACE GENERATOR
Ligature Icon フォントセットの自作方法とWebFont - くらげだらけ
Mac/iOS標準のフォント「ヒラギノ角ゴ」をWindowsで使うには - Enter101
PDFJ - 日本語PDF生成モジュール
→フォントファイルのフォーマットを変換する： ttf otf fon pfb dfont afm
MacPorts の pTeX における和文多書体環境の整えかた
IEにも対応！10分でできるWebフォント実装法 (2/3)
タイポグラフィーの世界 フォントの舞台裏[前編] - ちくちく日記
Chromebook C101PAでVSCodeを使う。(Crostini使用) - たねやつの木
Arch Linuxのインストールと設定
blockdiag でいろいろ書いてみる « Stop Making Sense
アップル- サポート - Pages で ePub ファイルを作成する方法