CINXE.COM

<!DOCTYPE html> <html lang="ja" dir="ltr" class="no-js"> <head> <meta charset="utf-8" /> <title>ja:images [DokuWiki]</title> <meta name="generator" content="DokuWiki"/> <meta name="theme-color" content="#008800"/> <meta name="robots" content="noindex,nofollow"/> <link rel="search" type="application/opensearchdescription+xml" href="/lib/exe/opensearch.php" title="DokuWiki"/> <link rel="start" href="/"/> <link rel="contents" href="/ja:images?do=index" title="サイトマップ"/> <link rel="manifest" href="/lib/exe/manifest.php"/> <link rel="alternate" type="application/rss+xml" title="最近の変更" href="/feed.php"/> <link rel="alternate" type="application/rss+xml" title="現在の名前空間" href="/feed.php?mode=list&ns=ja"/> <link rel="alternate" type="text/html" title="プレーンHTML" href="/_export/xhtml/ja:images"/> <link rel="alternate" type="text/plain" title="Wikiマークアップ" href="/_export/raw/ja:images"/> <link rel="stylesheet" href="/lib/exe/css.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e"/> <script >var NS='ja';var JSINFO = {"plugins":{"edittable":{"default columnwidth":""}},"id":"ja:images","namespace":"ja","ACT":"diff","useHeadingNavigation":0,"useHeadingContent":0};(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" defer="defer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" defer="defer"></script> <script src="/lib/exe/js.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e&lang=ja" defer="defer"></script> <meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="shortcut icon" href="/lib/tpl/dokuwiki/images/favicon.ico" /> <link rel="apple-touch-icon" href="/lib/tpl/dokuwiki/images/apple-touch-icon.png" /> <meta name="verify-v1" content="OVxl3gsCv2MhZqh1cBQyl0JytWXSwXMjyvwc+4w3WtA=" /> <meta name="google-site-verification" content="YhTVK69hW94ZXUtc2zSLPxTkZKbZIn0zK67mz5WQB-E" />  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-83791-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-83791-1', { 'anonymize_ip': true }); </script> </head> <body> <div id="dokuwiki__site"><div id="dokuwiki__top" class="site dokuwiki mode_diff tpl_dokuwiki hasSidebar">  <header id="dokuwiki__header"><div class="pad group"> <div class="headings group"> <ul class="a11y skip"> <li><a href="#dokuwiki__content">内容へ移動</a></li> </ul> <h1 class="logo"><a href="/start" accesskey="h" title="Home [h]"><img src="/lib/tpl/dokuwiki/images/logo.png" width="64" height="64" alt="" />DokuWiki</a></h1> It's better when it's simple </div> <div class="tools group">  <div id="dokuwiki__usertools"> <h3 class="a11y">ユーザ用ツール</h3> <ul> <li class="action login"><a href="/ja:images?do=login&sectok=" title="ログイン" rel="nofollow">ログイン<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 17.25V14H3v-4h7V6.75L15.25 12 10 17.25M8 2h9a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-4h2v4h9V4H8v4H6V4a2 2 0 0 1 2-2z"/></svg></a></li> </ul> </div>  <div id="dokuwiki__sitetools"> <h3 class="a11y">サイト用ツール</h3> <form action="/start" method="get" role="search" class="search doku_form" id="dw__search" accept-charset="utf-8"><input type="hidden" name="do" value="search" /><input type="hidden" name="id" value="ja:images" /><div class="no"><input name="q" type="text" class="edit" title="[F]" accesskey="f" placeholder="検索" autocomplete="on" id="qsearch__in" value="" /><button value="1" type="submit" title="検索">検索</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form> <div class="mobileTools"> <form action="/doku.php" method="get" accept-charset="utf-8"><div class="no"><input type="hidden" name="id" value="ja:images" /><input type="hidden" name="rev" value="1349605192" /><select name="do" class="edit quickselect" title="ツール"><option value="">ツール</option><optgroup label="ページ用ツール"><option value="">文書の表示</option><option value="revisions">以前のリビジョン</option><option value="backlink">バックリンク</option></optgroup><optgroup label="サイト用ツール"><option value="recent">最近の変更</option><option value="media">メディアマネージャー</option><option value="index">サイトマップ</option></optgroup><optgroup label="ユーザ用ツール"><option value="login">ログイン</option></optgroup></select><button type="submit">></button></div></form> </div> <ul> <li class="action recent"><a href="/ja:images?do=recent" title="最近の変更 [r]" rel="nofollow" accesskey="r">最近の変更</a></li><li class="action media"><a href="/ja:images?do=media&ns=ja" title="メディアマネージャー" rel="nofollow">メディアマネージャー</a></li><li class="action index"><a href="/ja:images?do=index" title="サイトマップ [x]" rel="nofollow" accesskey="x">サイトマップ</a></li> </ul> </div> </div>  <div class="breadcrumbs"> <div class="trace">トレース:</div> </div> <hr class="a11y" /> </div></header> <div class="wrapper group">  <main id="dokuwiki__content"><div class="pad group"> <div class="pageId">ja:images</div> <div class="page group">  <h1 class="sectionedit1" id="差分">差分</h1> <div class="level1"> このページの2つのバージョン間の差分を表示します。 </div> <div class="diffoptions group"><form action="/start" method="post" accept-charset="utf-8" class="doku_form"><input type="hidden" name="sectok" value="" /><input type="hidden" name="id" value="ja:images" /><input type="hidden" name="rev2[0]" value="1349605192" /><input type="hidden" name="rev2[1]" value="1739777396" /><input type="hidden" name="do" value="diff" /><label class="quickselect"> 差分の表示方法： <select name="difftype" class="quickselect"><option selected="selected" value="sidebyside" >横に並べる</option><option value="inline" >インライン</option></select> </label><button name="do[diff]" value="1" type="submit">Go</button></form><a class="difflink" href="https://www.dokuwiki.org/ja:images?do=diff&rev2%5B0%5D=1349605192&rev2%5B1%5D=1739777396&difftype=sidebyside" title="この比較画面へのリンク">この比較画面へのリンク</a></div><div class="table"><table class="diff diff_sidebyside"><tr><td colspan="2" class="diffnav"><a class="diffbothprevrev" href="https://www.dokuwiki.org/ja:images?do=diff&rev2%5B0%5D=1305699850&rev2%5B1%5D=1738752710&difftype=sidebyside" title="両方とも前のリビジョン">両方とも前のリビジョン</a><a class="diffprevrev" href="https://www.dokuwiki.org/ja:images?do=diff&rev2%5B0%5D=1305699850&rev2%5B1%5D=1739777396&difftype=sidebyside" title="前のリビジョン">前のリビジョン</a><form action="/ja:images" method="post" accept-charset="utf-8" class="doku_form"><input type="hidden" name="sectok" value="" /><input type="hidden" name="id" value="ja:images" /><input type="hidden" name="do" value="diff" /><input type="hidden" name="difftype" value="sidebyside" /><input type="hidden" name="rev2[1]" value="1739777396" /><select name="rev2[0]" class="quickselect"><option value="1739777396" title="1739777396" disabled="disabled">2025-02-17 08:29 saggi 以前のリビジョンを復元 (2017-10-13 00:34)</option><option value="1738752710" title="1738752710">2025-02-05 11:51 </option><option value="1738730468" title="1738730468">2025-02-05 05:41 </option><option value="1507847647" title="1507847647">2017-10-13 00:34 [配置] </option><option value="1413990893" title="1413990893">2014-10-22 17:14 sawachan [動的生成される画像] </option><option value="1413988780" title="1413988780">2014-10-22 16:39 sawachan 2014-10-08 14:05</option><option value="1391399855" title="1391399855">2014-02-03 04:57 catch-up on updates</option><option selected="selected" value="1349605192" title="1349605192">2012-10-07 12:19 ach fixed link to moved page</option><option value="1305699850" title="1305699850">2011-05-18 08:24 </option><option value="1260707441" title="1260707441">2009-12-13 13:30 kazmiya </option><option value="1260695377" title="1260695377">2009-12-13 10:09 kazmiya created</option></select><button name="do[diff]" value="1" type="submit">Go</button></form><a class="diffnextrev" href="https://www.dokuwiki.org/ja:images?do=diff&rev2%5B0%5D=1391399855&rev2%5B1%5D=1739777396&difftype=sidebyside" title="次のリビジョン">次のリビジョン</a></td><td colspan="2" class="diffnav"><a class="diffprevrev" href="https://www.dokuwiki.org/ja:images?do=diff&rev2%5B0%5D=1349605192&rev2%5B1%5D=1738752710&difftype=sidebyside" title="前のリビジョン">前のリビジョン</a><form action="/ja:images" method="post" accept-charset="utf-8" class="doku_form"><input type="hidden" name="sectok" value="" /><input type="hidden" name="id" value="ja:images" /><input type="hidden" name="do" value="diff" /><input type="hidden" name="difftype" value="sidebyside" /><input type="hidden" name="rev2[0]" value="1349605192" /><select name="rev2[1]" class="quickselect"><option selected="selected" value="1739777396" title="1739777396">2025-02-17 08:29 saggi 以前のリビジョンを復元 (2017-10-13 00:34)</option><option value="1738752710" title="1738752710">2025-02-05 11:51 </option><option value="1738730468" title="1738730468">2025-02-05 05:41 </option><option value="1507847647" title="1507847647">2017-10-13 00:34 [配置] </option><option value="1413990893" title="1413990893">2014-10-22 17:14 sawachan [動的生成される画像] </option><option value="1413988780" title="1413988780">2014-10-22 16:39 sawachan 2014-10-08 14:05</option><option value="1391399855" title="1391399855">2014-02-03 04:57 catch-up on updates</option><option value="1349605192" title="1349605192" disabled="disabled">2012-10-07 12:19 ach fixed link to moved page</option><option value="1305699850" title="1305699850" disabled="disabled">2011-05-18 08:24 </option><option value="1260707441" title="1260707441" disabled="disabled">2009-12-13 13:30 kazmiya </option><option value="1260695377" title="1260695377" disabled="disabled">2009-12-13 10:09 kazmiya created</option></select><button name="do[diff]" value="1" type="submit">Go</button></form></td></tr><tr><th colspan="2"><bdi><a class="wikilink1" href="/ja:images?rev=1349605192">ja:images [2012-10-07 12:19]</a></bdi> – fixed link to moved page <bdi>ach</bdi></th><th colspan="2"><bdi><a class="wikilink1" href="/ja:images">ja:images [2025-02-17 08:29]</a></bdi> (現在) – 以前のリビジョンを復元 (2017-10-13 00:34) <bdi>saggi</bdi></th></tr><tr><td class="diff-blockheader" colspan="2">行 1:</td> <td class="diff-blockheader" colspan="2">行 1:</td> </tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">====== 画像とメディアファイルの取り扱い ======</td><td class="diff-lineheader"> </td><td class="diff-context">====== 画像とメディアファイルの取り扱い ======</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">ファイルをアップロードし、[[:ja:syntax#画像やその他のファイル|画像の構文]]を用いて [[:ja:dokuwiki|DokuWiki]] のページに埋め込むことができます。画像と Flash メディアはそのままページ内に表示されますが、他のファイル (PDF ファイルなど) はそのファイルへのリンクだけがページに表示されます。詳細については、[[:ja:mime|MIME の設定]] を参照してください。</td><td class="diff-lineheader">+</td><td class="diff-addedline">ファイルをアップロードし[[ja:wiki:syntax#画像やその他のファイル|画像の構文]]を使って [[ja:dokuwiki|DokuWiki]] のページに埋め込むことができます。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">画像と音声、動画メディアはページ上に[[ja:wiki:syntax#画像やその他のファイル|適正に表示]]されますが、（PDF 文章のような）他のファイルは文書からリンクされます。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">詳細については [[ja:mime|MIME の設定]]を参照して下さい。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">[[:ja:media_manager|{{:wiki:mediamanager.png?200 |メディアマネージャー}}]]</td><td class="diff-lineheader">+</td><td class="diff-addedline">==== アップロード ====</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">{{http://wiki.splitbrain.org/lib/images/toolbar/image.png}} 新規ファイルのアップロードは、[[:ja:toolbar|ツールバー]]から起動できる[[:ja:media_manager|メディアマネージャー]]で行います。</td><td class="diff-lineheader">+</td><td class="diff-addedline">{{https://www.dokuwiki.org/_media/:wiki:mediamanager.png?200 |メディアマネージャー}}</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">ファイルをアップロードするには、右上にあるアップロードフォームを利用してください。オプションとして、アップロード後のファイル名も指定することができます。ファイルには必ず正しい拡張子を付けるようにしてください! もしファイル名の中で新規の[[:ja:namespace|名前空間]]を指定した場合、その名前空間は自動的に作成されます。</td><td class="diff-lineheader">+</td><td class="diff-addedline">{{http://wiki.splitbrain.org/lib/images/toolbar/image.png}} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">新規ファイルのアップロードは、[[ja:edit_window|編集画面]]の[[ja:toolbar|ツールバー]]から起動する[[ja:media_manager|メディアマネージャー]]で行います。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">注意: 管理者が[[:ja:acl|アクセス制御]]機能を有効にしている場合、アップロード動作は特定のユーザに限定されている可能性があります。この場合、適切な権限を持たないユーザにはアップロードフォームが表示されません。</td><td class="diff-lineheader">+</td><td class="diff-addedline">ファイルをアップロードするには、右上にあるアップロードフォームを使用します。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">オプションで新しいファイル名を指定することもできます。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">適切なファイル拡張子を付けて下さい！ </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">ファイル名に新しい[[ja:namespaces|名前空間]]を指定した場合、その名前空間は自動作成されます。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">画像の埋め込み方法は、様々なパラメータで調整することができます。パラメータの追加は URL スタイルで行います。つまり、末尾に付加した疑問符 (?) 以降がパラメータとなり、複数のパラメータを設定する場合は個々のパラメータをアンパサンド記号 (&) で区切ります。</td><td class="diff-lineheader">+</td><td class="diff-addedline">[[ja:fullscreen_mediamanager|全画面メディアマネージャー]]でも画像のアップロードが可能です。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">加えて、メディアのリビジョンの表示、画像のメタデータの編集が可能です。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">===== リサイズ =====</td><td class="diff-lineheader">+</td><td class="diff-addedline">注意：管理者が[[ja:acl|アクセス制御]]を有効にした場合、アップロードが特定のユーザーに制限される可能性があります。適切な権限のないユーザーに対しては、アップロードフォームを表示しません。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">DokuWiki は画像を 2 つの方法でリサイズすることができます。デフォルトでは、インストールされていれば PHP の libGD ライブラリを利用します。また、[[:ja:config:im_convert|ImageMagick]] のコマンドラインツール (convert) を利用すると、より良いリサイズ結果を得ることができます。</td><td class="diff-lineheader">+</td><td class="diff-addedline">==== 埋め込み方法 ====</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">libGD を利用する際は、十分なメモリが利用可能でない場合、もしくはインストールされている libGD のバージョンで画像のフォーマットがサポートされていない場合、リサイズに失敗する可能性があります。</td><td class="diff-lineheader">+</td><td class="diff-addedline">メディアの埋め込みには ''{{}}'' を使用します。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">外部サイトの画像をリサイズするには、その画像をあなたのサーバでキャッシュする必要があります。キャッシュするには、DokuWiki に外部サイトのファイルのダウンロードを許可するため、[[:ja:config:fetchsize|設定項目: fetchsize]] でダウンロード可能なファイルサイズ値を大きくしておかなければなりません。</td><td class="diff-lineheader">+</td><td class="diff-addedline">  {{wiki:dokuwiki-128.png}} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">  {{wiki:text2html.rc}}</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">元画像の縦横比を保ったまま画像の大きさを変えるには、以下のように画像の幅をピクセル値で指定してください。</td><td class="diff-lineheader">+</td><td class="diff-addedline">画像 {{wiki:dokuwiki-128.png?30}} は表示されますが、他のメディア {{wiki:text2html.rc}} は適切なアイコン付きのリンクしか表示されません。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">画像の表題を追加するには ''|'' を使用します。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">  {{wiki:dokuwiki-128.png|The logo of DokuWiki}} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">{{wiki:dokuwiki-128.png?30|The logo of DokuWiki}} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">ツールチップとして表題を表示するために、画像にマウスカーソルを載せてみて下さい。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">画像の埋め込み方法は、様々なパラメータで制御します。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">パラメータは URL 形式で追加します。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">疑問符（?）を追加し、複数のパラメータはアンパサンド（&）区切りです。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">===== 配置 ===== </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">左右の空白を利用して、右揃え、左揃え、中央揃えを選択できます。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">{{ wiki:dokuwiki-128.png}} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">{{wiki:dokuwiki-128.png }} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">{{ wiki:dokuwiki-128.png }} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">  {{ wiki:dokuwiki-128.png}} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">  {{wiki:dokuwiki-128.png }} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">  {{ wiki:dokuwiki-128.png }} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">===== サイズ変更 ===== </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">DokuWiki は二種類の方法で画像のサイズ変更ができます。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">デフォルトでは、インストールされていれば [[phpfn>ref.image|PHP GD 関数]]を使用します。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">[[ja:config:im_convert|ImageMagick]] のコマンドラインツールを使用すると、より良い結果を得ることができます。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">GD 関数を使用する場合、メモリー不足、インストールされた GD 関数が未対応の画像形式という原因でサイズ変更に失敗する場合があります。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">外部の画像をサイズ変更するには、その画像をサーバー内にキャッシュする必要があります。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">そのためには、[[ja:config:fetchsize|設定項目: fetchsize]] でサイズ制限を増やして、外部ファイルのダウンロードを許可する必要があります。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">縦横比を維持したまま拡大縮小するには、ピクセル単位で幅を指定します：</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">  {{wiki:dokuwiki-128.png?20}}</td><td class="diff-lineheader"> </td><td class="diff-context">  {{wiki:dokuwiki-128.png?20}}</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">{{wiki:dokuwiki-128.png?20 }} この画像は幅が 20 ピクセルに縮小されています。</td><td class="diff-lineheader">+</td><td class="diff-addedline">{{wiki:dokuwiki-128.png?20 }} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">この画像は、幅 20 ピクセルに縮小されています。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">高さで縦横比を維持したまま拡大縮小するには、幅 0 を追加してピクセル単位で高さを指定します： </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">  {{wiki:dokuwiki-128.png?0x20}} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">{{wiki:dokuwiki-128.png?0x20 }} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">この画像は、高さ 20 ピクセルに縮小されています。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">画像の幅と高さを指定すると、画像は元画像の縦横比を無視して指定された幅と高さにリサイズされます。</td><td class="diff-lineheader">+</td><td class="diff-addedline">幅と高さを指定した場合、縦横比を無視し指定通りの高さに拡大縮小します：</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">  {{wiki:dokuwiki-128.png?20x50}}</td><td class="diff-lineheader"> </td><td class="diff-context">  {{wiki:dokuwiki-128.png?20x50}}</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">{{wiki:dokuwiki-128.png?20x50 }} この画像は幅 20 ピクセル、高さ 50 ピクセルにリサイズされています。</td><td class="diff-lineheader">+</td><td class="diff-addedline">{{wiki:dokuwiki-128.png?20x50 }} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">この画像は、幅 20 ピクセル・高さ 50 ピクセルに縮小されています。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">DokuWiki 2009-02-14 以降で幅と高さを両方指定した場合は、画像が歪むことを避けるため、リサイズの前に画像の切り抜き処理が行われます。</td><td class="diff-lineheader">+</td><td class="diff-addedline">DokuWiki 2009-02-14 以降、幅と高さの両方を指定した場合、画像が歪むことを避けるため、サイズ変更の前に画像の切り抜き処理が行われます。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">===== リンク =====</td><td class="diff-lineheader"> </td><td class="diff-context">===== リンク =====</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">[[:ja:dokuwiki|DokuWiki]] ではページの中に画像を埋め込むことができます。これらの画像には、画像の詳細情報を提供するページもしくは未加工の画像を含むページへのリンクが張られます。他のページへのリンクを張らないで画像を埋め込むこともできます。</td><td class="diff-lineheader">+</td><td class="diff-addedline">[[ja:dokuwiki|DokuWiki]] はページ内に画像を埋め込み、画像の詳細情報を提供するページか未加工の画像を含むページヘリンクします。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">また、リンク無しの画像を埋め込むことも可能です。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">デフォルトでは、画像をクリックすると「詳細」ページに飛びます。詳細ページはテンプレートの ''detail.php'' ファイルでレンダリングされます。標準の ''detail.php'' ファイルでは、あまり縮小されていないバージョンの画像とともに、画像中に含まれる EXIF と IPTC のメタデータ (キャプション、撮影者、撮影日時など) がその他の説明書きと併せて表示されます。</td><td class="diff-lineheader">+</td><td class="diff-addedline">デフォルトでは、画像をクリックすると「詳細」ページを表示します。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">「詳細」ページは ''detail.php'' テンプレートファイルに従って表示されます。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">標準 ''detail.php'' ファイルは大きめの画像と画像中に含まれる EXIF と IPTC のメタデータ (キャプション、撮影者、撮影日時など) の一覧、他の説明情報を合わせて表示します。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">以下の構文は画像を元の大きさのままページに埋め込みます。埋め込まれた画像をクリックすると、画像のメタデータを提供する詳細ページに飛びます。</td><td class="diff-lineheader">+</td><td class="diff-addedline">以下の構文は、画像を元のサイズのまま埋め込み、この画像をクリックすると画像のメタデータを提供する詳細ページを表示します：</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">  {{wiki:dokuwiki-128.png}}</td><td class="diff-lineheader"> </td><td class="diff-context">  {{wiki:dokuwiki-128.png}}</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">{{wiki:dokuwiki-128.png?20}} 画像の詳細ページを見るには、この縮小された画像をクリックしてみてください。</td><td class="diff-lineheader">+</td><td class="diff-addedline">{{wiki:dokuwiki-128.png?25}} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">詳細ページを表示するためにこの縮小画像をクリックしてみて下さい。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">詳細ページで表示された画像をクリックすると、フルサイズのその画像しか含まれないページに飛びます。多くの場合、画像を縮小して埋め込むと、詳細ページでは少し大きめの画像が表示され、最後のリンク先の画像だけがフルサイズで表示されることになります。</td><td class="diff-lineheader">+</td><td class="diff-addedline">詳細ページの画像をクリックして、実際のサイズの画像だけが含まれている別のページを表示することができます。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">ページ上には小さな画像を埋め込み、詳細ページ上で少し大きな画像を表示し、最後の直接リンクだけがフルサイズ画像を提供することが多いです。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">代わりに、クリックするとフルサイズ画像のみを表示するページに直接飛ぶような画像をページに埋め込むこともできます。これは「ダイレクト」リンクと呼ばれており、これを指定するには画像の埋め込み時に ''direct'' オプションを追加します。</td><td class="diff-lineheader">+</td><td class="diff-addedline">代わって、クリックするとページ内にフルサイズ画像を直接表示するようなリンクを持った画像を埋め込むことも可能です。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">「直接」リンクと呼び、画像に ''direct'' オプションを付加します：</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">  {{wiki:dokuwiki-128.png?direct}}</td><td class="diff-lineheader"> </td><td class="diff-context">  {{wiki:dokuwiki-128.png?direct}}</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">{{wiki:dokuwiki-128.png?20&direct }} 画像のみが表示されるページを見るには、この縮小された画像をクリックしてみてください。</td><td class="diff-lineheader">+</td><td class="diff-addedline">{{wiki:dokuwiki-128.png?20&direct }} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">直接ページを表示するためにこの縮小画像をクリックしてみて下さい。 </td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">他のページへのリンクを持たない画像をページに埋め込むこともできます。このような画像を埋め込むには、以下のように ''nolink'' オプションを追加します。</td><td class="diff-lineheader">+</td><td class="diff-addedline">他ページへのリンクを持たない画像を埋め込むことも可能です。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">以下のような ''nolink'' オプションで可能です：</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">  {{wiki:dokuwiki-128.png?nolink}}</td><td class="diff-lineheader"> </td><td class="diff-context">  {{wiki:dokuwiki-128.png?nolink}}</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">{{wiki:dokuwiki-128.png?20&nolink }} この画像をクリックしてみてください。できないでしょ?</td><td class="diff-lineheader">+</td><td class="diff-addedline">{{wiki:dokuwiki-128.png?20&nolink }} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">この画像をクリックしてみて下さい。 何も起こりません。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">間にアンパサンド記号 '&' を挟むことにより、'nolink' オプションとリサイズ用のパラメータを組み合わせることもできます。</td><td class="diff-lineheader">+</td><td class="diff-addedline">アンパサンド '&' を挟むことで、'nolink' とサイズ変更パラメータを組み合わせることもできます：</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">  {{wiki:dokuwiki-128.png?nolink&100}}</td><td class="diff-lineheader"> </td><td class="diff-context">  {{wiki:dokuwiki-128.png?nolink&100}}</td></tr> <tr><td class="diff-blockheader" colspan="2">行 67:</td> <td class="diff-blockheader" colspan="2">行 131:</td> </tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">{{wiki:dokuwiki-128.png?nolink&100}}</td><td class="diff-lineheader"> </td><td class="diff-context">{{wiki:dokuwiki-128.png?nolink&100}}</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">画像を埋め込んで表示するのではなく、単純に画像へのリンクを提供したい場合は、''linkonly'' オプションを使用してください。</td><td class="diff-lineheader">+</td><td class="diff-addedline">画像を表示せずに画像へのリンクを表示したい場合、''linkonly'' オプションを使用します：</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">  {{wiki:dokuwiki-128.png?linkonly}}</td><td class="diff-lineheader"> </td><td class="diff-context">  {{wiki:dokuwiki-128.png?linkonly}}</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">{{wiki:dokuwiki-128.png?linkonly}} これは画像へのリンクです。</td><td class="diff-lineheader">+</td><td class="diff-addedline">{{wiki:dokuwiki-128.png?linkonly}} </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">これは画像へのリンクです。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"></td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"></td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">==== DokuWiki 構文外からのリンク ====</td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"></td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">ページ内の視覚的側面を強化するために ''%%<HTML>%%'' タグを使用し、 DokuWiki のメディア管理から ''<DIV>'' の背景画像を取得したい場合、有用です。</td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"></td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">基本的に DokuWiki が作成したコードをコピーするだけですが、__サイズ変更は使用できません__。</td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">作成された URL には三つのパラメーター（''media''、''w''、''tok''）があります。</td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">''tok'' パラメーターを与えない限り、''w''（画像の幅を定義する）によるサイズ変更は動きません。</td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">言い換えれば、''media'' URL パラメーターだけが設定可能です。</td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"></td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">作成されたコードから ''tok'' をコピーして HTML 内で URL を使用することはできますが、例えば内容の更新で問題の画像が置き換わると壊れてしまいます。</td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"></td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">例：</td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"></td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"><code></td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">DIV.personal_info {</td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">  ...</td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">  background-image:  url('{/install_dir}/lib/exe/fetch.php?media=name:space:mypic.png');</td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">}</td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"></code></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">===== 動的生成される画像 =====</td><td class="diff-lineheader"> </td><td class="diff-context">===== 動的生成される画像 =====</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">[[http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54|この画像]]のような、動的に生成される画像を埋め込みたい場合があるかもしれません。</td><td class="diff-lineheader">+</td><td class="diff-addedline">[[http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54|このような]]動的生成される画像を埋め込みたいこともあります。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">通常の方法で埋め込もうとしても……。</td><td class="diff-lineheader">+</td><td class="diff-addedline">通常の方法での利用：</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">  {{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54}}</td><td class="diff-lineheader"> </td><td class="diff-context">  {{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54}}</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">以下のようになってしまい、埋め込むことができません。</td><td class="diff-lineheader">+</td><td class="diff-addedline">埋め込みができません：</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">{{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54}}</td><td class="diff-lineheader"> </td><td class="diff-context">{{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54}}</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">なぜかというと、[[:ja:dokuwiki|DokuWiki]] は画像を ''.gif'' や ''.jpg''、''.png'' で終わるものと仮定していますが、このファイルは ''.php'' で終わっているからです。対処方法は、''&.png'' のような追加の CGI パラメータを付け足すことです。CGI はこの未知のパラメータを無視しますが、DokuWiki はこれによりリンク先が画像であると認識します。</td><td class="diff-lineheader">+</td><td class="diff-addedline">[[ja:dokuwiki|DokuWiki]] は画像が ''.gif'' または ''.jpg'' 、 ''.png'' で終わると想定しているのに、このファイルは ''.php'' で終わってるからです。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">解決策は、 ''&.png'' のような CGI パラメータを追加することです。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">CGI はこの未知のパラメータを無視しますが、DokuWiki はこれが画像であると認識します。 </td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">また、疑問符 (?) を URL の末尾に付ける必要があります。こうしておかないと、DokuWiki は CGI パラメータをキャッシュ用のオプションとして認識してしまいます。</td><td class="diff-lineheader">+</td><td class="diff-addedline">また、疑問符（?）を URL の末尾に追加する必要があります。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">そうしないと、DokuWiki が CGI パラメーターをキャッシュ用のオプションとして認識してしまいます。  </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">画像 URL 内で ''{'' や ''}'' を使用するために、''%7B'' や ''%7C'' のような URL エンコードが必要です（そうしないとメディアリンク構文と衝突します）。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">''&.png?'' 使用構文例：</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">{{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54&.png?}}</td><td class="diff-lineheader"> </td><td class="diff-context">{{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54&.png?}}</td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">  {{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54&.png?}}</td><td class="diff-lineheader"> </td><td class="diff-context">  {{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&leftText=Dynamic&leftTextColor=ffffff&rightText=IMG&rightTextPosition=54&.png?}}</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">ところで、Web 上でのボタン作成ツールとしては、以下のようなものがあります。</td><td class="diff-lineheader">+</td><td class="diff-addedline">ところで、以下のような Web 上でのボタン作成ツールがあります。 </td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">  * http://www.yugatech.com/make.php</td><td colspan="2"> </td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">  * http://kalsey.com/tools/buttonmaker/</td><td class="diff-lineheader"> </td><td class="diff-context">  * http://kalsey.com/tools/buttonmaker/</td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline"></td><td colspan="2"> </td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">:!: **メモ**: このページで元々使用していたスクリプトである ''http://www.cowpimp.com/ButtonMaker/button.php'' が、現在利用できないようです((2009 年 9 月現在。))。というわけで ''http://kalsey.com/tools/buttonmaker/button.php'' に差し替えました。</td><td colspan="2"> </td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">===== メディアファイルの削除 =====</td><td class="diff-lineheader"> </td><td class="diff-context">===== メディアファイルの削除 =====</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">時々、以前アップロードされたメディアファイルを削除することが必要となります。削除するには、[[:ja:acl|アクセス制御]]機能が有効になっており、削除作業を行いたいユーザが「削除」権限を持っている必要があります。ファイルの削除はごみ箱アイコンから行うことができます。</td><td class="diff-lineheader">+</td><td class="diff-addedline">以前アップロードしたメディアファイルの削除が必要なこともあります。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">[[ja:acl|アクセス制御機能]]が有効で、ファイルを削除したいユーザーが ''削除''権限を持っていることが必要です。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">ゴミ箱アイコンでファイルを削除します。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">[[ja:faq:deletemedia|メディアファイルの削除]]を参照して下さい。 </td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">[[:ja:faq:deletemedia|メディアファイルの削除]]も参照してください。</td><td colspan="2"> </td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">===== 画像リンク =====</td><td class="diff-lineheader"> </td><td class="diff-context">===== 画像リンク =====</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">画像から他のページなどへリンクするには、リンクテキストの場合と同様に、リンクと画像をパイプで繋ぎます。</td><td class="diff-lineheader">+</td><td class="diff-addedline">画像から他のリソースへリンクするには、他の文書同様、リンク先を画像にパイプします。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">Example:  [[http://www.google.com|{{wiki:dokuwiki-128.png}}]] </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">  Example:  [[http://www.google.com|{{wiki:dokuwiki-128.png}}]] </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline"> </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">（.pdf のような）内部メディアファイルへリンクする場合、以下の構文が使用できます：</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">[[http://www.google.com|{{wiki:dokuwiki-128.png}}]]</td><td class="diff-lineheader">+</td><td class="diff-addedline">Example:   [[this>_media/wiki:dokuwiki-128.png|{{wiki:dokuwiki-128.png}}]]</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">  [[http://www.google.com|{{wiki:dokuwiki-128.png}}]]</td><td class="diff-lineheader">+</td><td class="diff-addedline">   Example:   [[this>_media/wiki:dokuwiki-128.png|{{wiki:dokuwiki-128.png}}]]</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">===== キャッシュ =====</td><td class="diff-lineheader"> </td><td class="diff-context">===== キャッシュ =====</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">パフォーマンス向上のため、DokuWiki は外部サイトの画像のキャッシュを試みます。外部サイトの画像をキャッシュせずに使用したい場合は、以下のように ''nocache'' オプションを追加します。</td><td class="diff-lineheader">+</td><td class="diff-addedline">高速化のために、DokWiki は外部画像をキャッシュしようとします。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">外部の画像をキャッシュせずに使用したい場合、以下のように ''nocache'' パラメータを追加します。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">  {{http://de3.php.net/images/php.gif?nocache}}</td><td class="diff-lineheader"> </td><td class="diff-context">  {{http://de3.php.net/images/php.gif?nocache}}</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">このオプションをリサイズ用のパラメータと組み合わせて指定することもできます。</td><td class="diff-lineheader">+</td><td class="diff-addedline">このパラメータをサイズ変更と組み合わせることも可能です。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">  {{http://de3.php.net/images/php.gif?300x50&nocache}}</td><td class="diff-lineheader"> </td><td class="diff-context">  {{http://de3.php.net/images/php.gif?300x50&nocache}}</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader">-</td><td class="diff-deletedline">ページアクセスの度に外部のサーバにアクセスすることは、あまり行儀のいいことではありません。代わりに、[[:ja:config:cachetime|設定項目: cachetime]] で指定された間隔で DokuWiki にキャッシュの再作成を行わせる ''recache'' オプションを利用することができます。</td><td class="diff-lineheader">+</td><td class="diff-addedline">ページを読む度に外部サーバーにアクセスすることは、あまり行儀がよくありません。 </td></tr> <tr><td colspan="2"> </td><td class="diff-lineheader">+</td><td class="diff-addedline">代わりに、[[ja:config:cachetime|設定項目: cachetime]] で指定した間隔で DokuWiki がキャッシュの再作成する ''recache'' パラメータが利用できます。</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context">  {{http://de3.php.net/images/php.gif?recache}}</td><td class="diff-lineheader"> </td><td class="diff-context">  {{http://de3.php.net/images/php.gif?recache}}</td></tr> <tr><td class="diff-lineheader"> </td><td class="diff-context"></td><td class="diff-lineheader"> </td><td class="diff-context"></td></tr> </table></div>  </div> <div class="docInfo"><bdi>ja/images.1349605192.txt.gz</bdi> · 最終更新: <time datetime="2012-10-07T12:19:52+0200">2012-10-07 12:19</time> by <bdi>ach</bdi></div> <hr class="a11y" /> </div></main>  <nav id="dokuwiki__pagetools" aria-labelledby="dokuwiki__pagetools__heading"> <h3 class="a11y" id="dokuwiki__pagetools__heading">ページ用ツール</h3> <div class="tools"> <ul> <li class="show"><a href="/ja:images?do=" title="文書の表示 [v]" rel="nofollow" accesskey="v">文書の表示<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 9h5.5L13 3.5V9M6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m9 16v-2H6v2h9m3-4v-2H6v2h12z"/></svg></a></li><li class="revs"><a href="/ja:images?do=revisions" title="以前のリビジョン [o]" rel="nofollow" accesskey="o">以前のリビジョン<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 7v5.11l4.71 2.79.79-1.28-4-2.37V7m0-5C8.97 2 5.91 3.92 4.27 6.77L2 4.5V11h6.5L5.75 8.25C6.96 5.73 9.5 4 12.5 4a7.5 7.5 0 0 1 7.5 7.5 7.5 7.5 0 0 1-7.5 7.5c-3.27 0-6.03-2.09-7.06-5h-2.1c1.1 4.03 4.77 7 9.16 7 5.24 0 9.5-4.25 9.5-9.5A9.5 9.5 0 0 0 12.5 2z"/></svg></a></li><li class="backlink"><a href="/ja:images?do=backlink" title="バックリンク" rel="nofollow">バックリンク<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24m2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42z"/></svg></a></li><li class="top"><a href="#dokuwiki__top" title="文書の先頭へ [t]" rel="nofollow" accesskey="t">文書の先頭へ<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12z"/></svg></a></li> </ul> </div> </nav> </div>  <footer id="dokuwiki__footer"><div class="pad"> <div class="license">特に明示されていない限り、本Wikiの内容は次のライセンスに従います： <bdi><a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license" class="urlextern">CC Attribution-Share Alike 4.0 International</a></bdi></div> <div class="buttons"> <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license"><img src="/lib/images/license/button/cc-by-sa.png" alt="CC Attribution-Share Alike 4.0 International" /></a> <a href="https://www.dokuwiki.org/donate" title="Donate" ><img src="/lib/tpl/dokuwiki/images/button-donate.gif" width="80" height="15" alt="Donate" /></a> <a href="https://php.net" title="Powered by PHP" ><img src="/lib/tpl/dokuwiki/images/button-php.gif" width="80" height="15" alt="Powered by PHP" /></a> <a href="//validator.w3.org/check/referer" title="Valid HTML5" ><img src="/lib/tpl/dokuwiki/images/button-html5.png" width="80" height="15" alt="Valid HTML5" /></a> <a href="//jigsaw.w3.org/css-validator/check/referer?profile=css3" title="Valid CSS" ><img src="/lib/tpl/dokuwiki/images/button-css.png" width="80" height="15" alt="Valid CSS" /></a> <a href="https://dokuwiki.org/" title="Driven by DokuWiki" ><img src="/lib/tpl/dokuwiki/images/button-dw.png" width="80" height="15" alt="Driven by DokuWiki" /></a> </div> <div style="margin-top: 2em; font-size:90%" class="dokuwiki"><div style="float:right"><a href="http://www.splitbrain.org/personal#imprint" style="float:right; text-decoration: none; color:#333">Imprint</a></div></div> <style type="text/css"> @media screen { body { padding-top: 30px; } #global__header { position: absolute; top: 0; left: 0; text-align: left; vertical-align: middle; line-height: 1.5; background-color: #333; box-shadow: 0 0 8px rgba(0,0,0,0.5); width: 100%; margin: 0; padding: 5px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; } #global__header h2 { position: absolute; left: -99999em; top: 0; overflow: hidden; display: inline; } #global__header ul, #global__header li { margin: 0; padding: 0; list-style: none; display: inline; line-height: 1.5; } #global__header a { color: #bbb; text-decoration: none; margin-right: 20px; font-size: 14px; font-weight: normal; } #global__header a:hover, #global__header a:active, #global__header a:focus { color: #fff; text-decoration: underline; } #global__header form { float: right; margin: 0 0 0 20px; } #global__header input { background-color: #333; background-image: none; border: 1px solid #bbb; color: #fff; box-shadow: none; border-radius: 2px; margin: 0; line-height: normal; padding: 1px 0 1px 0; height: auto; } #global__header input.button { border: none; color: #bbb; } #global__header input.button:hover, #global__header input.button:active, #global__header input.button:focus { color: #fff; text-decoration: underline; } } /* /@media */ @media only screen and (min-width: 601px) { /* changes specific for www.dokuwiki.org */ #dokuwiki__header { padding-top: 3em; } #dokuwiki__usertools { top: 3em; } /* changes specific for bugs.dokuwiki.org */ div#container div#showtask { top: 40px; } } /* /@media */ @media only screen and (max-width: 600px) { body { padding-top: 0; } #global__header { position: static; white-space: normal; overflow: auto; } #global__header form { float: none; display: block; margin: 0 0 .4em; } } /* /@media */ @media print { #global__header { display: none; } } /* /@media */ </style> <div id="global__header"> <h2>Global DokuWiki Links</h2> <form method="get" action="https://search.dokuwiki.org/" target="_top"> <input type="text" name="q" title="Search all DokuWiki sites at once" class="input" /> <input type="submit" title="Search all DokuWiki sites at once" value="Search" class="button" /> </form> <ul> <li><a href="https://download.dokuwiki.org" title="Download the latest release" target="_top">Download</a></li> <li><a href="https://www.dokuwiki.org" title="Read the DokuWiki documentation" target="_top">Wiki</a></li> <li><a href="https://forum.dokuwiki.org" title="Ask questions in the DokuWiki forum" target="_top">Forum</a></li> <li><a href="https://irc.dokuwiki.org" title="Check IRC chat logs or join the chat" target="_top">IRC</a></li> <li><a href="https://github.com/splitbrain/dokuwiki/issues" title="Report and track bugs" target="_top">Bugs</a></li> <li><a href="https://translate.dokuwiki.org/" title="Help translating the DokuWiki interface" target="_top">Translate</a></li> <li><a href="https://github.com/splitbrain/dokuwiki" title="Access the most recent git commits" target="_top">Git</a></li> <li><a href="https://xref.dokuwiki.org/reference/dokuwiki/" title="Cross-Reference of the DokuWiki source code" target="_top">XRef</a></li> <li><a href="https://codesearch.dokuwiki.org/" title="Search through the sources of DokuWiki, plugins and templates" target="_top">Code Search</a></li> </ul> </div>  </div></footer> </div></div> <div class="no"><img src="/lib/exe/taskrunner.php?id=ja%3Aimages&1743478709" width="2" height="1" alt="" /></div> <div id="screen__mode" class="no"></div></body> </html>