矩形、または、円を描く場合は、ツールを選択後に画像上でドラッグしてください。作成済みのシェイプをクリックするとサイズや位置の調整ができます。 多角形を描く場合は、ツールを選択後に画像上でクリックしてください。2つめの頂点が確定すると、マウス移動時に対象エリアを確認できるようになります。 escape キーで多角形の作成モードを終了します。作成済みのシェイプをクリックすると位置の調整ができます。
HTML Imagemap Generator
矩形、または、円を描く場合は、ツールを選択後に画像上でドラッグしてください。作成済みのシェイプをクリックするとサイズや位置の調整ができます。 多角形を描く場合は、ツールを選択後に画像上でクリックしてください。2つめの頂点が確定すると、マウス移動時に対象エリアを確認できるようになります。 escape キーで多角形の作成モードを終了します。作成済みのシェイプをクリックすると位置の調整ができます。
東芝のREGZA開発者 「REGZAのチップのために10億円の開発費とるのに2年かかった。製品化された瞬間リストラされた。経営陣はアホ」 [無断転載禁止]©2ch.net [876811395]
東芝のREGZA開発者 「REGZAのチップのために10億円の開発費とるのに2年かかった。製品化された瞬間リストラされた。経営陣はアホ」 [無断転載禁止]©2ch.net [876811395] 1 ：番組の途中ですがアフィサイトへの転載は禁止です (ﾜｯﾁｮｲ 55fc-sAw/)：2017/02/26(日) 23:56:04.48 ID:NSSawdgX0● ?2BP(1000) https://twitter.com/ankyo3/status/834396552244318208 とりあえず、あんきょチップ (と勝手に命名してますが、70Mゲートくらい、一応トップクラス的人員な感じで開発していたREGZA最後のチップ、 所謂4KレグザエンジンHDR PRO) 搭載の REGZA Z700X も安くなったので、買って下さいませ。売れても私には一円も入らないけど https://twi
[X東芝box]東芝の隠蔽体質はAV事業でも？HD DVDでも大嘘を付いていたという話が出てくる始末 : ■■速報＠保管庫(Alt)■■
2017年02月21日17:44 カテゴリ速報その他SIE [X東芝box]東芝の隠蔽体質はAV事業でも？HD DVDでも大嘘を付いていたという話が出てくる始末 原子力発電事業の他にもエネルギーでは天然ガス…シェールガス関連での巨額減損が避けがたいのではないかとの観測が出てきていますが、これが“社風”だとしたら潰れるところまで行くかもしれませんね。 スポンサーリンク [facebook - 本田雅一] 東芝に勤めている優秀な社員は本当に気の毒だけど、HD DVDの時にさんざん隠蔽体質を身をもって体験してるので特に驚きはない。事実を描いても”なんでそんなに嘘ばかり書くんですか！”と怒ってたからな。 直接の担当広報にも、当然ながら事実は何も知らされていなかった。 青梅の研究所に講演で呼ばれたとは「僕らに本当にことを教えてください」と質問を受けたり。 その翌週にHD DVDは白旗を揚げるのだけど
![[X東芝box]東芝の隠蔽体質はAV事業でも？HD DVDでも大嘘を付いていたという話が出てくる始末 : ■■速報＠保管庫(Alt)■■](https://cdn-ak-scissors.b.st-hatena.com/image/square/4c04498d100cebc468308f2a82a03da6da7ca157/height=288;version=1;width=512/https%3A%2F%2Flivedoor.blogimg.jp%2Fsag_alt-er_%2Fimgs%2Fd%2F8%2Fd8d3b6d1.jpg)
16:9の整数倍解像度一覧
2、4、8、16整数倍の解像度表示に変更。またwidth=320px～2048pxまでの表記に変更。 それに伴いタイトルも変更
LibreOffice Draw でアニメーション作製
先週、っていうか、先々週かな？ How to fold IKEA poncho. IKEAポンチョのたたみ方。 で、アニメーションを作った。 このアニメーションは、Linux(Lubuntu)上でLibreOffice Draw(以下 Draw と省略)を使って書いた絵を .bmp で保存して、それら画像ファイルをimagemagicのconvertコマンドでGIFアニメーションに変換した。 簡単に入手できるツールで、さくっと作れた。良い時代になったものだ。 Draw上で、１ページ、１コマとして絵を書いた。 最初に描いた絵をページごとコピーして、それを少し変更して…の繰り返しでそれぞれの絵を用意する。 何枚もの絵を用意するが、それぞれほんの少しの変更なので、意外と簡単に描けた。 20日の帰宅後に書き始めて、２時間ぐらい。品質にこだわらなければその程度だ。 自由曲線の制御点をちょいちょい動か
【LibreOffice】 Impressでスライドサイズを、アスペクト比 16:9、1920ｘ1080に変更する
幅：50.8cm 高さ：28.575cm（28.58㎝） ※Windows10のdpiは96dpiの場合 に設定する。28.575と設定しても、28.58に丸められる。実際、この設定で画像（PNG）ファイルに出力すると、1920ｘ1080になってるので問題ないと思う。 画像出力は、ファイル＝＞エクスポートのところで可能。ただし、１画像ファイル（スライド１ページ）ずつしか無理で、PowerPointのように一度に全ページ出力は標準機能では無理なようです。
『パワーポイントで1920×1080のビデオフリップを作成する』
パワーポイントで1920×1080のビデオフリップを作成する、と言う話です。 百聞は一見にしかず、と言うことで、実際の今回説明しているテンプレファイルは以下でダウンロードできます。 ■パワーポイントで1920×1080のビデオフリップを作成する■ http://www.holycater.sakura.ne.jp/zip/powerpoint_1080p.zip 上記ファイルの内容 フォルダ ・PDF_書き出し→｢1920_1080_説明.ppt｣をPDF書き出ししたファイル ・PNG_書き出し→｢1920_1080_説明.ppt｣をPNG書き出ししたファイル ・svg_wmf→｢1920_1080_説明.ppt｣で埋め込んでいるSVGとWMFの元データ(お使いのパワポ環境でSVGが載るかの判別に使えます) pptファイル ・1920_1080_説明.ppt→今回の解説に使っているファイル
ucha の日記 (10757) - 「ニセＨＤ問題」？
誰も「本物のハイビジョン」を知らない こういう記事を書くなら技術的な本質をおさえて書きなさいよ(--; 民生品のハイビジョンテレビがまだ成熟していなくて完璧でない段階で これを問題にしても誤解を与えるだけなんだな。 元々が高いハイビジョンテレビを何とか安くしようとして工夫してるんだから 高価な放送のモニタと同レベルの映像にはならないよ。 あと、HDCAMの欠点を挙げて、それがHDTV全体の問題かのように書いている。 これからの主流はテープ編集じゃなくてノンリニア編集でしょう？ 自分でも書いてるじゃないの。 一部の小さなプロダクションは高価なノンリニア編集機を使えないから そういうこともあるかも知れないけどHDTVの映像製作全部がそうなのかのような 書き方は止めて欲しい。 ＞ ダビングで劣化したと言えども、一応HDCAMの映像出力はフルHDになるので、 ＞ 約140Mbpsのビットレートを持
バックスラッシュと円記号の悲劇 - 仮想と現実
Windowsのパス表示を見てみよう。Explorerでは コマンドプロンプトでは というようにパスの区切りは「￥」で表示される。これ、おかしいと思わないだろうか。なぜ円記号なのだ。通貨の円に、なにかを切り分ける意味があるわけでもないし、見た目、文字の形が区切りにふさわしいとも思えない。Yに横棒二本つけた記号である。通貨の円を表す以外に使うべきではない。そもそもファイルパスの区切りに円記号を使おうと思った人は誰だ？となるだろう。もちろんそんな人はいない。これはMS-DOS登場以来現在に至るまで、日本語PC環境でずーっと続いている文字化けである。MS-DOSやWindowsの解説書でも円記号で印刷されているので、文字化けだとは思わない人も多いだろうが、どう考えても文字化けである。日本以外の多くの環境ではWindowsのパス区切り文字はバックスラッシュ「＼」で表示される。 UNIXではパスの区
古川享ブログのアーカイブ - 仮想と現実
古川享さんといえば日本のパソコンの歴史における生き字引みたいな人で、もとＭＳＫＫの社長→会長。日本におけるマイクロソフトの最初の総代理店、アスキーマイクロソフトにアスキーから出向、メーカー対応をメインでやってたら、代理店契約を打ち切ってＭＳ本社が日本マイクロソフトを設立したときに引き抜かれて社長に、そしてのちに会長にと、日本におけるマイクロソフトのトップを長いこと務めてたすごい人だ。 会長辞任前後、2004年からやっていたブログは、業界の裏話なども色々あって非常に面白かったのだけど、ＭＳがやってた独自のWindows Live Spaceというサービスの上に載っていて、このサービスが終了したことでコンテンツが失われてしまった。 その古川さんが、先日facebookの本田雅一さんの記事（東芝問題）に寄せていたコメントがすげえ興味深い話てんこ盛りで、かつての古川享ブログを思い出すものだった。ソ
アニメは720pでの制作が主流 | maiaの日記 | スラド
現在放送中のハイビジョンアニメでは、制作は720pで行なっているケースが多い。もちろんハイビジョン以前のアニメ作品は、480で制作されている。（中略）筆者が知るアニメ制作の例では、作画プロセスの主流は720pだが、中には960×540ピクセルというフルHDの縦横半分サイズで制作する会社もある。それらの素材を1080iにアップコンバートして編集するか、もしくは720pのままで編集したのち、局納品の前に1080iにアップコンバートしてHDCAMで納品している。720pは今のところ日本の放送局の番組交換基準には入ってないので、720pのままで局納品するケースはかなり特殊だと思われる。 720pという事は、1280×720だ。しかし局納品は1080i。まあ、720pはそう悪いものでもないと理解していいのだろう。民生用ビデオカメラには無いと思うが、デジカメ動画だとよくある解像度だし。 追記：アニメ制
ハイビジョンって1280x720?ですよね - フルハイビジョンが1920x1080ですよね。ブルーレイはどこまでの解像度がブルーレイな... - Yahoo!知恵袋
ハイビジョン、ハイビジョン放送、ブルーレイ規格と、分けて理解して下さい。 各国で呼び名も変わりますので、合わせて理解できるとなおいいです。 『ハイビジョン』と言うだけでは、通常は『ハイビジョン放送』か、『ハイビジョンテレビ』になります。ハイビジョンテレビのパネルは、昔は1280x720の物もありましたが、今は1366x768が普通です。 『ブルーレイ』のソフトの規格で、1080iと1080pがあります。1080iが1920x1080iでハイビジョン放送と同じインターレースで収録されているため60コマです。実質1920x540の60コマです。テレビ番組をブルーレイレコーダーで録画して、ブルーレイディスクにダビングした場合も、1920x1080iで保存されます。映画やアニメは放送するために、24コマを60コマに水増しして(2-3プルダウン)います。2コマ同じ3コマ同じ2コマ同じ3コマ同じ・・・
【Tips】フルHD用に合ったスライドサイズ設定 | PPT Geek
パワーポイントでプレゼンスライドや動画を作成する場合、フルHDサイズのモニター用に制作することが殆どです。フルHDサイズとは、画角16：9、横1920pixel × 縦 1080pixel の解像度を指しますが、 最近のPCや 映像ディスプレイは殆ど、フルHDに対応したモニターです 。 ではその時のパワーポイントのスライドサイズ設定。 何も気にせずフツーに16：9で作ってもOKでしょ？とお思いの方も多いかと思いますが、ホントにそうなの？という話です。 まずはフツーにスライドを用意してみる まずは、フツーに作ったら、どのサイズのスライドになるのかを検証してみます。 パワーポイントの新規ファイルを作成すると、デフォルトでワイド画面（16:9）のスライドが設定されると思います。ただこれはパワーポイントのバージョンにもよりますので、4:3のスライドが表示される方は、メニュー「デザイン」タブの「ペー
Microsoft PowerPointで画像として保存する場合のサイズ変更方法
Microsoft PowerPointでデジタルサイネージやディスプレイに表示させる画像を作成していたのですが、名前を付けて保存で画像として保存したファイルのサイズ（縦・横の長さ）がやたら小さく出来上がっていました。 そのため、大きい画面で表示させるときに画像が引き伸ばされたり、画面のアスペクト比に合ってないと縦・横のどちらかが縮められたり、無駄な余白ができたり。。 13.3インチのHD（1366×768）のPCを使用していたからかなと思って、大きいディスプレイのFull HD（1920×1080）のPCでやってみたけど変わらず。。 調べてみると、スライドのサイズを変更すればいいみたいでした。 なお、今回のバージョンは以下の通りです。 Windows 10 Pro（64bit） 1809PowerPoint バージョン1909（Microsoft Office 365 ProPlus）
CanvasライブラリFabric.jsの使い方その２
ここは、技術情報、身の回りに起こった出来事を、「もしかしたらみんなの役に立つかもしれない」と思って書き留めておく場所です。 前回 「Fabric.jsでCanbasに画像を表示する【使い方】」 に引き続き HTMLのCanvasライブラリFabric.jsを試していきたいと思います。 ステップ5 Canvas全体の拡大・縮小 個別のオブジェクトではなく、全体の拡大・縮小のやり方です。 $(function(){ var zoom = 100; var zoomStep = 10; // 準備 var canvas = new fabric.Canvas('cnvs'); canvas.selection = false; // グループ選択なし // 時計 fabric.Image.fromURL('/static/fabric/tokei.png', function(oImg) { o
Fabric.jsでCanbasに画像を表示する【使い方】
ここは、技術情報、身の回りに起こった出来事を、「もしかしたらみんなの役に立つかもしれない」と思って書き留めておく場所です。 ブラウザ上で画像を自由に配置する というツールを作りたかったのです。 HTMLのCanvasをそのまま使う？ 元々Canvasをそのまま使っていたのですが、そのまま使うと レイヤーもなく ドラッグ＆ドロップ、拡大縮小なども 自分で実装しなければいけません。 扱う画像が増えてくるととても面倒です。 CanvasのライブラリFabric.jsを使おう Canvasのライブラリは結構あるのですが、 私の希望する用途では オブジェクト選択、拡大・縮小が標準で実装されている Fabric.jsがよさそうでした。 Fabric.jsの使い方 準備としては普通のjsと同じように読み込むだけです。 JQueryとの依存関係はありません。 今回はソースを短くするために、JQueryも使
イメージマップのコードを生成する HTML Imagemap Generetor を作ってみた | BUN:Log
そもそも採用する機会自体が減っているものの、定期的な更新作業でたまに必要になるイメージマップ。 これまでは Dreamweaver を起動して、作成していました。 ただ、使用頻度の低下を理由に Adobe Creative Cloud から illustrator / Photoshop だけの単体サブスクリプションに切り替えようかと悩んでいた時期でもあり、自分でツールを作ることにしました。 正月休みの空いた時間にひっそり公開していたのですが、自分と同じように「Dreamweaver をスポット的に利用している」という方がいらっしゃったので、改めて記事にまとめてみます。 使い方HTML Imagemap Generator： https://labs.d-s-b.jp/ImagemapGenerator/ 上記 URL へアクセスして、ローカルにある画像ファイルをドラッグ＆ドロップします。
j-skai.com
C-Map 0.79 クリッカブルマップエディタ for Windows C-MAP(シーマップ)はドローソフトライクな操作方法でクリッカブルマップを作成するソフトです。 Macromedia FREEHANDやAdobe Illustratorのショートカットキーに似せてあるので、 これらのソフトを日常的に使うデザイナーの方ならすぐに馴染むことができるでしょう。 また作成できる図形の形もHTMLで使用できる矩形、正円、ポリラインだけでなく、 楕円形の領域なども作成することができます。(ベジェ曲線は未実装) これらの図形はHTMLファイルへの書出し時にポリラインに変換されるので、 形の制約にとらわれずに、自由にデザイナーのアイデアを実現することが出来ます。 但し、GIFファイルの表示についてはLZWデータ圧縮についての米国UNISYS社のライセンスが必要なため 使用できなくしてあります。他
【無限の可能性】GIMPでクリッカブルマップを作りました【相関図】 | FCめがぶーWEBページ
サイトの画像制作や文章記述など、基本的に宗岡が行っています。そのため、このサイトはメイド・イン・俺という感じなのですがなかなか大変です。 特に画像作りは非常にセンスと技術が問われるので苦戦をしております。 本日は、愛用をしているGIMPの便意な使い方、カスタマイズ情報をお送ります。 こんな感じの相関図になっています。この相関図は「クリッカブルマップ（イメージマップ）」になっており、キャラクター画像部分をクリックすると各キャラページに飛べる仕組みになっています。 簡単に言うと、座標を取ってリンク範囲を指定することで画像の一部にリンク要素を持たせることが出来るというものです。一昔前の技術なようで今では別の方法があるとかないとか… それはさておき、この「クリッカブルマップ」をGIMPでは結構簡単に作成可能です。魔王を護らNEVERの相関図を例に実際に作り方を解説していきたいと思います。 ①クリッ
【Lubuntu Linux】GIMPを使ってイメージマップを作れる！脱Dreamweaverへの道
おはようございます^ – ^ ナカジ(@cp_nakajun)です。 僕はDreamweaverを使わずにWEBを作ったりしています。 WEB制作専業ではないから、それで困ってないのかも知れないけど なので、Dreamweaver信者でもありません。 ただ１つ、Dreamweaverでできることで「便利だな」と思っていたことがあります。 それが「イメージマップ」です。 １枚画像のエリアを指定して、リンクを貼れるというやつ。 でもそれも結局 【GIMP】という、フリー＆マルチプラットフォーム対応でPhotoshop＆Illustratorのような画像処理ソフトでできてしまったので解決。 そして、GIMPでイメージマップを作る方法を共有します！ GIMPでイメージマップを作る方法 マップを指定したい画像を開きます。 フィルター ＞ ウェブ ＞ イメージマップ と開いてください 左側の「選択ツー
窓の杜 - 【今日のお気に入り】クリッカブルマップ作成ソフト「C-MAP」v0.77
クリッカブルマップをGUIで手軽に作成できるソフト。クリッカブルマップとは、ホームページの画像をクリックした際に、その場所によって異なるリンク先を指定できるHTMLの機能のことだ。クリッカブルマップをHTMLのタグで直接記述するのは大変だが、「C-MAP」を利用すればGUIで簡単に作成可能。起動してクリッカブルマップにする画像ファイルを選択すると画面の中央に表示されるので、ドローソフトの要領でリンクを設定する領域を指定しよう。領域の指定は、画面左のツールボックスから矩形、多角形、円形などの領域の形を選択して、図形を描く要領で行う。次に、描いた領域をクリックしたときにリンクするページのURLを、画面右のテキストボックスに入力すればOKだ。領域はいくつも指定でき、どの領域にも属さない部分にリンクを張ることも可能。できあがったらHTMLファイルとして出力して、自分のホームページに組み込んでみよう
イメージマップをレスポンシブ対応させる簡単3ステップ！
こんにちは、MIO webデザインです。 先日「イメージマップは実際の画像サイズじゃないと使えないのですか？」と訊かれました。スマホなどで閲覧すると画面幅が小さくなるので、当然画像サイズは変わってしまいます。 しかし、area要素のサイズは変わらず、ブラウザを拡大縮小するとイメージマップが崩れてしまう、という事態になってしまいます。 そこで今回はイメージマップを各デバイスでも正常に表示されるよう、レスポンシブ対応させてみたいと思います。 イメージマップの作り方のおさらい まずはイメージマップを準備しないといけませんね。 イメージマップは『HTML Imagemap Generator』さんを使えば簡単に作成できます。 作成手順は過去記事『HTML Imagemap Generatorを使って簡単にイメージマップを作成する方法』を参考にしてください！ 今回はこのようなイメージマップを用意しま
Dreamweaverの使いどころがなくなってきた - emuramemo
重い、UIがごちゃごちゃしてる、デザインビューが微妙(CS4～のライブビューで改善されたらしい)、などなどあまり良い評判を聞かないDreamweaver。 近年、SublimeTextなど軽量で優秀なエディタが増えてきたこともあってますます出番はなくなってきているし、AdobeはBracketsという無料エディタを出したこともあって見切りを付けられてるんじゃないかとも思ってしまいます。 ・Hello Brackets | NxWorld いままではDreamweaverでフォルダの全検索・全置換をよく使ってましたが、 それもSublimeTextでできる事がわかり（Ctrl + Shift + F さらに検索結果の文字列をダブルクリックすると該当ファイルが開き、該当箇所までジャンプできる！）、ほぼ起動することがなくなりました。 ・「Sublime Text 2」にて特定のフォルダ内にあるフ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
『16:9』解像度一覧＆計算ツール 映像・画像編集メモ
https://web.archive.org/web/20070717080030/http://www.aja.gr.jp/data/doc/anke-to_hd.pdf
あに瓶
あに瓶
あに瓶
LibreOffice5(8)oxtファイルをzip圧縮するときは最初の階層に注意
Export As Images » Extensions
X-Map: Free HTML Map Editor
10 Best Free Image Map Generator Software for Windows
https://help.libreoffice.org/3.3/Common/ImageMap_Editor/ja
https://help.libreoffice.org/3.3/Common/Adding_Clickable_Hotspots_to_Images/ja
Clickable Imagemap
タグ挿入型HTML/CSSエディタ StyleNote