1.1 日本語と英語のライセンスの関係については？ 法律的視点から同一内容です。 1.2 IPAフォントの商用利用は可能でしょうか？ 商用利用は可能です。「IPAフォントライセンスv1.0」のライセンス条件に従ってご利用ください。 2.1 再配布とは IPAフォントの再配布とは、 （１）IPAサイトからダウンロードした許諾プログラムを、ネットワークやCD-ROM等のメディアを利用して配布すること （２）情報機器や装置、あるいはOSやプログラムにバンドルして配布すること （３）OSにインストールせずに特定プログラムのみで利用できる形態で配布すること などの行為をいいます。IPAフォントは商用・非商用問わず再配布可能です。 2.2 再配布の方法について IPAフォントの再配布にあたって、以下を遵守してください。 （１）IPAフォントの名称を変更してはなりません。 （２）IPAフォントに加工その

IPAフォントライセンスを見る限り、IPAフォントをWebフォントとして使えるか色々と微妙(なにせ、Webフォントが本格的に普及する以前に作られたライセンスなんで)そうに思えたんで、一応、IPAに問い合わせてみました。 結論から言うと、IPAフォントをWebフォントとして使う場合も「再配布」に該当し、IPAフォントライセンスに準拠したやり方じゃないと駄目、ってのがIPAの見解でした。 要は、IPAフォントまたは派生フォントをWebフォントとして使う場合は、この場合と同等で、IPAフォントそのものをWebフォントとして使う場合は「IPAフォントの再配布について」に、IPAフォントの派生フォントをWebフォントとして使う場合は「派生フォントの作成及び再配布について」を守る様なやり方にしろ、との事。

1.1 日本語と英語のライセンスの関係については？ 法律的視点から同一内容です。 1.2 IPAフォントの商用利用は可能でしょうか？ 商用利用は可能です。「IPAフォントライセンスv1.0」のライセンス条件に従ってご利用ください。 2.1 再配布とは IPAフォントの再配布とは、 （１）IPAサイトからダウンロードした許諾プログラムを、ネットワークやCD-ROM等のメディアを利用して配布すること （２）情報機器や装置、あるいはOSやプログラムにバンドルして配布すること （３）OSにインストールせずに特定プログラムのみで利用できる形態で配布すること などの行為をいいます。IPAフォントは商用・非商用問わず再配布可能です。 2.2 再配布の方法について IPAフォントの再配布にあたって、以下を遵守してください。 （１）IPAフォントの名称を変更してはなりません。 （２）IPAフォントに加工その

自分用にまとめのまとめみたいな感じです。 同じフォントでも、等幅、プロポーショナル、太さの種類が複数ある等々のものは、どれも同種としてカウントしたつもりです。ただ、漢字部分は同じで、ひらがなカタカナ部分だけ違うとか、英数字部分だけ違うとか、微妙な違いのフォントがあるので、似たようなのがカウントされてたりするかもしれない。 それでも、かなり古いものから、定番もの、最近リリースされたもの、最近更新されたものまで、まともに使えないのもあるけど、単純にリストの数かぞえたら、番外編抜いても242種類もありました。多すぎて整理できてないのはあれですが。 自分なりに注釈付けてますけど、間違いがあるかもしれないんで、（特に商用）利用する前には、必ず規約やライセンス、付属のテキストをよく確認して下さい。また、ライセンス上無保証であるものも多いので、いずれも自己責任での利用をお願いします。 2012/02/1

IPAフォントライセンスを見る限り、IPAフォントをWebフォントとして使えるか色々と微妙(なにせ、Webフォントが本格的に普及する以前に作られたライセンスなんで)そうに思えたんで、一応、IPAに問い合わせてみました。 結論から言うと、IPAフォントをWebフォントとして使う場合も「再配布」に該当し、IPAフォントライセンスに準拠したやり方じゃないと駄目、ってのがIPAの見解でした。 要は、IPAフォントまたは派生フォントをWebフォントとして使う場合は、この場合と同等で、IPAフォントそのものをWebフォントとして使う場合は「IPAフォントの再配布について」に、IPAフォントの派生フォントをWebフォントとして使う場合は「派生フォントの作成及び再配布について」を守る様なやり方にしろ、との事。

アイディア、コード、デザインなどの断片集 （忘れっぽい自分のための備忘録） snippets of idia, programming, php, design etc. (memos for space cadet) 今までずっと独学でHTMLやらプログラミングやらやってきました。 子供の頃からパソコンで何か作るのが好きで、とうとう職業にしちゃったわけです。 そんなわけで・・・ ライセンスについて今までちっとも勉強してこなかった！ 英語やら法律用語やら専門用語やらで今まで読む気がしなかった。 ということで、今年中にいくつかライセンスについて知ったことをまとめたいと思います。 最終的には、 『GPLのPHPライブラリを利用したウェブアプリケーションを作成販売し、 かつ、オリジナルで作った部分のソースを公開する必要があるのか？』 を理解することですが、ちょっと調べたくらいじゃ、そんなモノわか

この翻訳は、 2017-03-05 以降に行われた 英語のオリジナル版の変更を反映できていません。 確認するには、 こちらの変更をご覧ください。 わたしたちのウェブページの翻訳の保守の情報については、翻訳 READMEをご覧ください。 This page is maintained by the Free Software Foundation's Licensing and Compliance Lab. You can support our efforts by making a donation to the FSF. You can use our publications to understand how GNU licenses work or help you advocate for free software, but they are not legal advic

先月、以下の記事が公開されていることをtwitter上で知りました。 IPAフォントライセンスv1.0は非共存ライセンスと判明 - itouhiroメモ http://d.hatena.ne.jp/itouhiro/20120607 上記はVineだけではなく、Debianにもパッケージが存在するMigMixフォントの製作者のブログです。 このフォントはIPAフォントとM+フォントを合成したフォントで、今までライセンスは IPAフォントライセンス M+フォントライセンス の両者が適用されていました。これを承け、VineではSPECに両ライセンスを併記し、ドキュメントにも両ライセンス文書を含めていました。 ところが、上記ブログではIPAからこのライセンス適用は適切ではないから修正せよ（具体的にはIPAフォントライセンス単独適用とせよ）と求めてきたため、IPAフォントライセンスのみの適用に修正

JavaScript で作って意味があるのかどうか分かりませんが、作ってみました。 応用編 入力したテキストをページ上に書き出し、個々の文字をドラッグ＆ドロップ で動かせるようにする ソースを読んでも中身が分からない HTML を作成する パスワードチェックの部屋 (パスワードは「開けごま」ですが、HTML のソースや JavaScript を解析しても、絶対にパスワードが分からない仕組みになっています。) バー ライブラリ編 こんなの JavaScript で作るかよってな代物です。 できてしまったものはしょうがないでしょう。 utf.js (UTF-8 <-> UTF16 変換) base64.js (Base64 encode/decode) md5.js (MD5) des.js (DES 暗号化/復号化) zlib.js (JavaScript による zlib 実装、zlib

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

JavaScript難読化を試してみました HTML5では、JavaScriptで結構色々できるようになりました。 今後HTML5対応の本格的なJavaScriptコンテンツが増えるのは間違いないでしょう。 プライベートでは良いですが、仕事でコードが平文でそのまま公開されるのは、、、という事も想定されます。 プライベートでも、自己利益のみや、悪意に利用されるのは避けたいですね。 そこで、JavaScript難読化を調べてみました。 調べただけならすぐに記事にできるのですが、そこは技術者魂が邪魔をしてついつい実装してみて、、、。 その成果は以下です。 ・簡易的に容量を圧縮し、難読化するバージョン http://ykata.net/o/php/packer_test2.php ・packerを使ったデコードが難しいバージョン http://ykata.net/o/php/packer_test

WOFF対応テスト用HTML 上記「WOFF対応状況」のテストで使用したHTMLファイルへのリンクです。新規ウィンドウまたは新規タブで表示されます。 ”サンプル文字列は「x」です。” の x 部分が丸付き文字（のいずれか）ならWOFFで表示されています。 下記はWOFFコンバータで「サンプルHTMLファイルを作成する」にチェックを入れて作成したHTMLファイルです。 TryeTypeフォントから変換したWOF 欧文OpenTypeフォントから変換したWOF 和文OpenTypeフォントから変換したWOF フォントにリンクするTryeType形式の外字ファイルから変換したWOF フォントにリンクするOpenType形式の外字ファイルから変換したWOF 全Webフォントでの対応状況 WOFF、EOT、TrueTypeまたはOpenTypeを全て@font-faceのsrcに記述した場合の対応状

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

Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and

Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in

FontForge でフォントを変更するためのスクリプトの書き方 FontForge はインタプリタを内蔵しているので、フォントを変更するためのスクリプトを書くことができます。 スクリプト処理のチュートリアル スクリプトの呼び出し方 スクリプト言語 組込み変数 組込み手続き 例 「スクリプトを実行」ダイアログ 「スクリプト」メニュー スクリプトの呼び出し方 スクリプトを指定して FontForge をコマンドラインから起動したときはウィンドウは表示されず、スクリプトが終了した時にプログラムの終了となります。 $ fontforge -script scriptfile.pe {fontnames} FontForge は、シェルが自動的にスクリプトを渡すようなインタプリタとして使うこともできます。 スクリプトファイルが実行可能になるように $ chmod +x scriptfile.pe

フォントをwoff形式にするためのソフトとして「WOFFコンバータ」が有名ですが、sfnt2woffを使うと多少軽いらしいので、使い方をメモ。 SPONSORED LINK 確認環境 MacOSX 10.7.4 ターミナルを使用 1.sfnt2woffファイルのダウンロード 「people.mozilla.org/~jkew/woff/」からsfnt2woffファイルをダウンロードします。（for Mac OS X）のリンクがそれに当たります。 2.sfnt2woffと対象フォントを同じフォルダに入れる ダウンロードしたsfnt2woffファイルと、対象のフォント（ここではtestfont.otf）を同じフォルダ（ここではfontフォルダ）に入れます。 厳密には入れなくてもいいんでしょうけど、後の操作を楽にする意味で入れておきます。 3.ターミナルを開いてコマンドを入力 作成したフォルダ

外字で作成したフォントをWebページで表示する方法について説明します。 外字をWebページで表示させるためには、 WOFF(Web Open Font Format) というフォントフォーマットを使います。 これは、Web専用で使用することができる新しいフォントフォーマットです。 対応ブラウザはIE9、FF3.6 など、比較的新しいブラウザのみ対応している点に注意です。 対応ブラウザについて詳しくは、下記を参照ください。 http://musashi.or.tv/woffbrowser.htm 手順としては、 １．外字フォントファイルをWOFF形式に変換する。 ２．htmlファイル内でのフォントで外字フォントを指定する。 (cssで指定) ３．WOFFファイルを含めた一式をWebにアップロードする。 という感じでしょうか？ 文章だとわかりずらいと思いますので、サンプルページを作成しました。

What is a web font? A font that has been optimized to reproduce well in a variety of sizes in a web environment. This can involve “hinting” (modifying the arrangement of pixels that describe the individual glyphs) and/or subtle analog design changes to the structure of the glyphs. Monotype web fonts are offered in the necessary formats to be compatible with all web browsers. Can Web Fonts be used

Unlock AI generative features in Firefly, Photoshop, Illustrator, and more with generative credits, which are included in many Creative Cloud plans. Add generative features to Acrobat Pro, Acrobat Standard, or Acrobat Reader by purchasing the AI Assistant for Acrobat plan. Buying for a team? Easy-to-use license management. Dedicated 24/7 technical support. See all business plans Creativity and des

WEBページの演出で吹き出しの中にテキストが入ってるのをよく見かけますが、あれのやり方をかなり最近まで知らなかったゴロドクさんです、どうも。 CSSのbefore/after擬似要素の説明で吹き出しのサンプル紹介してるんですけど、今回はそれについてもうちょっと詳しく書いておこうかな、と。 吹き出しの矢はボックスのボーダーで描画します ベースとなるHTMLは以下の1行のみです。 <p class="balloon">ゴロドクさんイケメン過ぎて泣けた！</p> クラス指定なので１つCSS定義しておくと同じ演出を繰り返し使えますね。 divタグネストとかでも同様のこと出来るんですが、HTMLソースがスッキリするのでbefore/after擬似要素を利用します。ご存じない方は事前に 劇的！（でもない）before after 擬似要素の使い方まとめ | 56docブログ を読んでおくと分かり良いと

以前、HTML5でカメラやGPSなどスマートフォンならではの機能がどこまで使えるのか調べました。 最近、iPhone5を買ったので今度はiOS6のSafariでサポートされたHTML5の機能を試して見ようと思います。 試したのは以下の5つです。iPhoneで確認できるようにサンプルを作ったので試してみて下さい。 ファイルアクセス(File API)とカメラ(HTML Media Capture) 音声処理・合成(Web Audio API) アニメーション(Animation Timing API) CSS Filter Effects Remote Debugger ■ファイルアクセス(File API)とカメラ(HTML Media Capture) ファイルアクセスとカメラ連携のサンプルです。iOS6ではFile APIの書き方でカメラも使えました。 [ファイルを選択]ボタンを押すと

制限 同時に再生できる音源は1ファイルのみ 再生できるタイミングはユーザイベントのハンドラ内だけ プリロード不可 OS自体のサイレントモードと連動せず BGMを流すだけならこんな方法も $('<div>BGMを再生しますか？</div>').appendTo('body').click(function () { $(this).remove(); (new Audio('bgm.mp3')).play(); }); $('body').on('click', 'a', function (e) { e.preventDefault(); $.get($(this).attr('href')).success(function (html) { $('body').html(''); $('body').append($(html).find('body')); }) });

前エントリでちょっと触れましたが、まとめておきます。 前エントリはこちら iPhoneで体重管理をするWebアプリを作ってみた - ideas for smile! やれること 無理矢理な方法ではありますが、 iPhone用Webアプリにおけるアイコンを動的に変えられます。 例えば、このアイコンの数字が変わるような感じです。 Webアプリというのは、 前エントリにあるようなブラウザで動くアプリを指してます。 やりかた 準備するもの ・PHPなど、動的にページを生成できる環境 ・変更させたいアイコン 手順 1. cookieに変更させたいアイコン名を設定 document.cookie = "icon=hoge"; 2. リロードさせる location.reload(); 3. PHPなどでcookieの値に応じて、iconをセット $icon = isset($_COOKIE['icon

scrollUp jQuery plugin ページの一番上へ、を簡単に実装できるjQueryプラグイン「ScrollUp」 ページ内をスクロールすると出てくる、あの「一番上へ」ボタンを容易に実装できるプラグインです。 ページトップにいる時はなくて、スクロールすると表示されます。方式が、色々とカスタマイズでき、CSSカスタマイズでUIも自由に変えられます スタイルだけではなく、挙動についてのカスタマイズも容易 関連エントリ コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」 使いやすい複数選択エレメントを実現するjQueryプラグイン「multiselect.js」 Amebaっピグっぽい物が作れるjQueryプラグイン「pp3Diso」 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」 jQueryでブレ

「部下がもっとやる気を出してくれたら…。」 「嫁が、もうちょっと思い通りにしてくれたらな…。」 「子供がもっと言うことを聞いてくれたら…。」 こういった、人に対する悩みは誰でも持っているかもしれません。 本『ひとを動かす技術 』は、物語形式で人の心を動かすコツを教えてくれる本。 エルおばさんというメンターから主人公ベンが学び、成長していくのに合わせて、読者も成長できます。 今日は本書から、人の心を動かす6つの考え方について考えてみましょう。 1. 「押す」より「引く」「押す力」は たかが知れている。 影響力は「引く力」で できている。 言葉が少なければ少ないほど、強い影響力を持つことができる ついつい、人を「説得」しようとしてしまいませんか？ すると、自分の意見を押し付けたり、話す言葉がどんどん増えます。 しかしこれらは逆効果というわけです。 相手の立場に立てば分かるのですが、ついついやっ

どうも、23（@Fumi）です。 最近ちょくちょく本のレビュー書いたりしてるので、 本の画像付きで紹介したいなーと思ったりしていたんですが、 Amazonアフィリエイトの画像では小さくて微妙…と思ってました。 そこで調べてみたら、「Amapic」というWebサービスを発見。 これが、結構大きい本の画像が作れるので便利便利！ 今回は使い方を簡単にご紹介！ まずはキーワード欄に検索したい本の名前を入れて検索します。 すると、おっきいのとちゅっくらいのとちっちゃいのが表示されます。 大きいのは、私の過去のエントリーでも使ってますが、紹介に使うには本当に最適です。 で、貼り付けコードを入手するにはボタンを押します。 あとは、取得したいサイズのラジオボタンを選択して、その下のコードをブログ等にコピペして終了です。 いやー、こういうツールはブログ書く側からすると、ありがたいですねぇ。 是非使ってみてく

WordPress Logo / Phil Oakley 久しぶりに技術的なネタを話します。@peter0906です。 このブログもWordpressで運営していますし、他に運営しているブログも全てWordpressで作っています。 人気記事の一覧を表示するのに使えるプラグイン「Wordpress Popular Posts」。期間ごとの人気記事を表示できるので、便利です。 いまいち使いこなせていなかったのですが、アイキャッチ画像とタイトルを並べたら見た目の印象が良くなるよな、と思いちょっと改造してみました。 改造と言ってもプラグイン自体を編集するのではなく、ちょっとCSSを加えるだけで出来てしまいました。思いの外あっさりできたので、びっくりしました。 出来上がりのイメージはこんな感じです。実際のページは「ココロザシのネットショップ運営テクニック集」にあります。 ウィジェットの設定 Wo

WordPress Popular Postsは、人気記事の一覧を生成してくれる有名なプラグインです。とても使い勝手のいいプラグインなのですが、記事とともにサムネイルを表示している場合は要注意。脆弱性があります。 timthumb.phpに脆弱性アリ WordPress Popular Postsではサムネイルを表示させる際、timthumb.phpというサムネイルを生成できるライブラリを使っています。このtimthumb.phpに脆弱性が見つかっています。 この脆弱性により、第三者が任意のPHPコードをTimThumbキャッシュディレクトリにアップロードでき、そのコードを実行されてしまいます。 timthumb.php もしくは thumb.php が無くても動作するならこのファイルをサイトから削除するようおすすめします。もし使っていないテーマやプラグインの中にこのファイルがあったら、

This domain may be for sale!