CINXE.COM
【魚拓】フェイスブック／明石市
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="google-site-verification" content="dOkWMpbswDV8XhD9twleAjj_nu-C9RwWTOtg8feMmAQ" /> <title>【魚拓】フェイスブック／明石市</title> <meta name="description" content="https://www.city.akashi.lg.jp:443/seisaku/kouhou_ka/shise/koho/homepage/facebook.html - 2021年1月16日 09:35 - ウェブ魚拓" /> <meta name="keywords" content="ウェブ魚拓,ウェブページのキャッシュ" /> <meta property="og:site_name" content="ウェブ魚拓" /> <meta property="og:image" content="https://megalodon.jp/ci/0/0/1200/630/2021-0116-0935-03/https://www.city.akashi.lg.jp:443/seisaku/kouhou_ka/shise/koho/homepage/facebook.html" /> <meta property="og:type" content="article" /> <meta property="og:title" content="【魚拓】フェイスブック／明石市" /> <meta property="og:url" content="https://megalodon.jp/2021-0116-0935-03/https://www.city.akashi.lg.jp:443/seisaku/kouhou_ka/shise/koho/homepage/facebook.html" /> <meta property="og:description" content="https://www.city.akashi.lg.jp:443/seisaku/kouhou_ka/shise/koho/homepage/facebook.html - 2021年1月16日 09:35 - ウェブ魚拓" /> <meta name="twitter:card" content="summary_large_image" /> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/manifest.webmanifest"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/style.css" /> <link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/cropper.css" /> </head> <body> <div class="container"> <!-- 共通メッセージ出力 --> <!-- 共通エラーメッセージ出力 --> <!-- 共通フォームエラー出力 --> </div> <div class="container" id="header-container" style="max-width:800px;"> <div class="row" style="padding-top:3px"> <div class="col-2 col-sm-2 col-md-2 text-left align-self-center"> <a href="/"> <img class="" style="height: 40px" src="/images/fishprints_logo.jpg" /> </a> </div> <div class="col-10 col-sm-10 col-md-10 text-center pl-4 px-sm-0"> <div class="row"> <div class="col-12 col-sm-12 col-md-12 text-center align-self-center"> <div class="row"> <ul class="step-buttons"> <li> <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#propModal"> <small></span>詳細</small> </button> <!-- モーダル・ダイアログ --> <div class="modal fade" id="propModal" role="dialog" aria-labelledby="propModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-primary" id="propModalLabel"><span class="lsf-icon" title="info"></span>取得ページの詳細</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> 取得日時: 2021年1月16日 09:35 <hr /> 取得元URL: <a href="https://www.city.akashi.lg.jp:443/seisaku/kouhou_ka/shise/koho/homepage/facebook.html" target="_blank">https://www.city.akashi.lg.jp:443/seisaku/kouhou_ka/shise/koho/homepage/facebook.html</a> <hr /> ビュー数: 20 <hr /> <a href="https://megalodon.jp/ref/2021-0116-0935-03/https://www.city.akashi.lg.jp:443/seisaku/kouhou_ka/shise/koho/homepage/facebook.html" target="_self">魚拓のみの表示</a> <hr /> <small>SHA-256 <span onclick="alert('「魚拓のみの表示」のファイルからCHECKSUMタグとその外側を除去して突合します');">❓</span> :</small> <small><span id="sha256" class="clickable">確認</span></small> <script> document.addEventListener('DOMContentLoaded', function() { const sha256Element = document.getElementById('sha256'); sha256Element.addEventListener('click', fetchSha256Hash); }); function fetchSha256Hash() { const sha256Element = document.getElementById('sha256'); sha256Element.removeEventListener('click', fetchSha256Hash); sha256Element.classList.remove('clickable'); sha256Element.classList.add('non-clickable'); fetch('/pc/get_simple/get_fishprint_hash?fishprint_id=21155332') .then(response => response.json()) .then(data => { document.getElementById('sha256').textContent = data.sha256; }).catch(error => { console.error('APIリクエストエラー:', error); document.getElementById('sha-256').textContent = 'エラーでした...'; }); } </script> </div> </div> </div> </div> </li> <li> <button type="button" class="btn btn-sm btn-info" data-toggle="modal" data-target="#shareModal"> <small>シェア(β)</small> </button> <!-- モーダル・ダイアログ --> <div class="modal fade" id="shareModal" role="dialog" aria-labelledby="shareModalLabel" aria-hidden="true"> <div class="modal-dialog modal-xl"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-info" id="shareModalLabel"><span class="lsf-icon" title="share"></span>シェアする <a href="#" role="button" class="small popover-share-hint" title="使い方" data-trigger="focus" data-content="リンクボタン(あるいはテキスト)をクリックやタップ、長押し、右クリックすることによりリンクをコピーできます。お使いの環境にあわせてコピーしてください。"> (※使い方) </a> </h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 class="mb-0"> 通常リンク </h5> <a type="button" class="btn btn-sm btn-primary copy h-auto" data-dismiss="modal" href="https://gyo.tc/1QlT2" data-link="https://gyo.tc/1QlT2"> <span class="lsf-icon" title="small"></span>短縮リンク </a> <a type="button" class="btn btn-sm btn-primary copy h-auto" data-dismiss="modal" href="https://megalodon.jp/2021-0116-0935-03/https://www.city.akashi.lg.jp:443/seisaku/kouhou_ka/shise/koho/homepage/facebook.html" data-link="https://megalodon.jp/2021-0116-0935-03/https://www.city.akashi.lg.jp:443/seisaku/kouhou_ka/shise/koho/homepage/facebook.html"> <span class="lsf-icon" title="link"></span>フルリンク </a> <hr /> <h5 class="mb-0"> <span class="lsf-icon" title="crop"></span>クロップ画像（β） <a href="#" role="button" class="small popover-share-hint" title="使い方" data-trigger="focus" data-content="キャプチャ画像からシェアしたい範囲を選択し、短縮/フルリンクボタン(あるいはテキスト)からコピーしお使いください。"> (※使い方) </a> </h5> <p class="m-0 p-0"> <small><span id="cropped-rect">左:0 上:0 幅:0 高:0</span></small> </p> <a type="button" class="btn btn-sm btn-warning copy h-auto" data-dismiss="modal" id="cropped-img-url-gyotc" href="" data-link="" title="短縮リンク"> <span class="lsf-icon" title="small"></span>短縮リンク </a> <a type="button" class="btn btn-sm btn-warning copy h-auto" data-dismiss="modal" id="cropped-img-url-gyotc-html" href="" data-link="" title="OGP付きHTMLリンク"> <span class="lsf-icon" title="small">OGP付きHTMLリンク</span> </a> <a type="button" class="btn btn-sm btn-warning copy h-auto" data-dismiss="modal" id="cropped-img-url-megalodon" href="" data-link="" title="フルリンク"> <span class="lsf-icon" title="link"></span>フルリンク </a> <div id="cropper-wrapper" style="margin: 20px auto;max-width: 1200px;"> <!-- now_loading_80.gif --> <div id="cropper-wrapper" style="margin: 20px auto;max-width: 1200px;"> <img id="image" style="width: 100%;" src="https://megalodon.jp/og/2021-0116-0935-03/https://www.city.akashi.lg.jp:443/seisaku/kouhou_ka/shise/koho/homepage/facebook.html"> </div> </div> </div> </div> </div> </div> </li> <li> <button type="button" class="btn btn-sm btn-danger" data-toggle="modal" data-target="#deleteModal"> <small>削除依頼</small> </button> <!-- モーダル・ダイアログ --> <div class="modal fade" id="deleteModal" tabindex="-1"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-danger" id="shareModalLabel"><span class="lsf-icon" title="mail"></span>削除依頼</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <a href="https://megalodon.jp/pc/delete/new_right?fish_id=21155332&db=fp2007">著作権など、権利者・被掲載者等として</a> <hr /> <a href="https://megalodon.jp/pc/delete/new_anonymous?fish_id=21155332&db=fp2007">その他、匿名として(わいせつ物、個人情報など)</a> <hr /> <a href="https://megalodon.jp/pc/page/qa">その他Q&A</a> </div> </div> </div> </div> </li> <li> <button type="button" class="btn btn-sm btn-outline-info" data-toggle="modal" data-target="#linkBehaviorModal"> <small>リンク:<span class="link-behavior-text">通常</span></small> </button> <div class="modal fade" id="linkBehaviorModal" role="dialog" aria-labelledby="linkBehaviorModal" aria-hidden="true"> <div class="modal-dialog modal-xl"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-info" id="linkBehaviorModalLabel"> リンクのふるまい </h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-left"> <div class="form-check"> <input class="form-check-input" type="radio" name="linkBehavior" id="linkBehavior0" value="0"> <label class="form-check-label" for="linkBehavior0">通常 - 元のリンクのまま</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="linkBehavior" id="linkBehavior1" value="1"> <label class="form-check-label" for="linkBehavior1">最古 - 最も古い魚拓へ飛ぶ</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="linkBehavior" id="linkBehavior2" value="2"> <label class="form-check-label" for="linkBehavior2">最新 - 最も新しい魚拓へ飛ぶ</label> </div> </div> <div class="modal-footer pl-3 text-left" style="justify-content:unset;font-size:smaller"> 最新・最古の遷移先は存在しない場合がほとんどだと思いますので、以下の場合などにお使いください。<br> - 遷移先の魚拓、その他アーカイブの存在確認<br> - サイト丸ごと保存をした場合の魚拓<br> - 遷移先の取得の検討<br> - リスキーなサイト閲覧時のうっかり遷移の予防...<br> </div> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { const currentBehavior = getCookie('link_behavior') || '0'; document.getElementById(`linkBehavior${currentBehavior}`).checked = true; updateLinkBehaviorText(currentBehavior); document.querySelectorAll('input[name="linkBehavior"]').forEach(radio => { radio.addEventListener('change', function() { const value = this.value; const farFutureDate = new Date('2100-12-31').toUTCString(); document.cookie = `link_behavior=${value};path=/;expires=${farFutureDate}`; updateLinkBehaviorText(value); location.reload(); }); }); }); function updateLinkBehaviorText(value) { const behaviorText = { '0': '通常', '1': '最古', '2': '最新' }; document.querySelector('.link-behavior-text').textContent = behaviorText[value]; } // Cookie取得用のヘルパー関数 function getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(';').shift(); } </script> </li> </ul> </div> <div class="row"> <strong class=" small"> <a href="/pc/user/introduction">有料機能についてはこちら！</a> </strong> </div> </div> </div> </div> </div> </div> <div class="intrinsic-container" id="iframe2-div" style="width: 100%"> <iframe name="main" src="https://megalodon.jp/ref/2021-0116-0935-03/https://www.city.akashi.lg.jp:443/seisaku/kouhou_ka/shise/koho/homepage/facebook.html" id="iframe2" allowfullscreen sandbox="allow-same-origin allow-top-navigation-by-user-activation allow-popups allow-downloads allow-popups-to-escape-sandbox" style="transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;"></iframe> </div> <div class="container" style="max-width:800px;"> <div data-as-slot-id="/00846/01035/video/video"></div><div="hidden-xs"><div data-as-slot-id="/00846/01035/PC/all_foot_overlay_01"></div><div="visible-xs-block"><div data-as-slot-id="/00846/01035/SP/all_foot_overlay_01"></div> <div class="row" style="border-top: 3px solid #0484ce"> <div class="col-6 col-sm-4 col-md-3"><a href="/">TOP</a></div> <div class="col-6 col-sm-4 col-md-3"><a href="https://megalodon.jp/pc/page/qa">Q&A</a> </div> <div class="col-6 col-sm-4 col-md-3"><a href="https://megalodon.jp/pc/page/policy">ウェブ魚拓の考え方</a></div> <div class="col-6 col-sm-4 col-md-3"><a href="https://megalodon.jp/pc/page/termofservice">利用規約</a></div> <div class="col-6 col-sm-4 col-md-3"><a href="https://www.affility.co.jp/">運営会社</a></div> <div class="col-6 col-sm-4 col-md-3"><a href="https://megalodon.jp/pc/feedback">ご意見など</a> </div> <div style="height: 140px;"></div> </div> </div> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script type="text/javascript" src="/js/cropper.js"></script> <script> window.addEventListener('DOMContentLoaded', function() { var image = document.querySelector('#image'); var cropBoxData; var canvasData; var cropper; $('#shareModal').on('shown.bs.modal', function() { cropper = new Cropper(image, { movable: false, zoomable: false, rotatable: false, scalable: false, minCropBoxWidth: 200 * image.width / image.naturalWidth, minCropBoxHeight: 200 * image.width / image.naturalWidth, crop(event) { var x = event.detail.x < 0 ? 0 : Math.floor(event.detail.x); var y = event.detail.y < 0 ? 0 : Math.floor(event.detail.y); $('#cropped-img-url-gyotc').attr('data-link', 'https://gyo.tc/ci/' + x.toString() + '/' + y.toString() + '/' + Math.floor(event.detail.width).toString() + '/' + Math.floor(event.detail.height).toString() + '/1QlT2'); $('#cropped-img-url-gyotc').attr('href', $('#cropped-img-url-gyotc').attr('data-link')); $('#cropped-img-url-gyotc-html').attr('href', $('#cropped-img-url-gyotc').attr('data-link') + '?html=1'); $('#cropped-img-url-megalodon').attr('data-link', 'https://megalodon.jp/ci/' + x.toString() + '/' + y.toString() + '/' + Math.floor(event.detail.width).toString() + '/' + Math.floor(event.detail.height).toString() + '/2021-0116-0935-03/https://www.city.akashi.lg.jp:443/seisaku/kouhou_ka/shise/koho/homepage/facebook.html'); $('#cropped-img-url-megalodon').attr('href', $('#cropped-img-url-megalodon').attr('data-link')); $('#cropped-rect').html('左:' + x.toString() + ' 上:' + y.toString() + ' 幅:' + Math.floor(event.detail.width).toString() + ' 高:' + Math.floor(event.detail.height).toString()); }, ready: function() { if (cropBoxData) { cropper.setCropBoxData(cropBoxData).setCanvasData(canvasData); } else { cropBoxData = cropper.getCropBoxData(); cropBoxData.top = 30; cropBoxData.height = 400; cropper.setCropBoxData(cropBoxData); } }, }); }).on('hidden.bs.modal', function() { cropBoxData = cropper.getCropBoxData(); canvasData = cropper.getCanvasData(); cropper.destroy(); }); $('.copy').on('click', function() { navigator.clipboard.writeText($(this)[0].getAttribute('data-link')) .then(() => console.log($(this)[0].getAttribute('data-link'))); }); }); $(function() { $('.popover-share-hint').popover({ trigger: 'focus' }); }); </script> <script> var ua = navigator.userAgent.toLowerCase(); var ver = navigator.appVersion.toLowerCase(); var isMSIE = (ua.indexOf('msie') > -1) && (ua.indexOf('opera') == -1); var isIE11 = (ua.indexOf('trident/7') > -1); var isIE = isMSIE || isIE11; var isEdge = (ua.indexOf('edge') > -1); $('#iframe2-div').height($(window).height() - $('#header-container').height()); var resize = function() { $('#iframe2').each(function() { var wrapper = $("#iframe2-div"); var iframe = $("#iframe2"); var innerWidth = (isIE || isEdge) ? Math.max( this.contentWindow.document.scrollWidth, this.contentWindow.document.offsetWidth, this.contentWindow.document.clientWidth ) : Math.max( this.contentWindow.document.body.scrollWidth, this.contentWindow.document.documentElement.scrollWidth, this.contentWindow.document.body.offsetWidth, this.contentWindow.document.documentElement.offsetWidth, this.contentWindow.document.body.clientWidth, this.contentWindow.document.documentElement.clientWidth ); var scale = wrapper.width() / innerWidth; if (scale > 1.00) { scale = 1.00; } iframe.css({ 'transform': 'scale(' + scale + ')', '-o-transform': 'scale(' + scale + ')', '-webkit-transform': 'scale(' + scale + ')', '-moz-transform': 'scale(' + scale + ')', '-ms-transform': 'scale(' + scale + ')', 'width': String(parseInt(wrapper.width() / scale, 10) - 1) + 'px' }); var innerHeight = (isIE || isEdge) ? Math.max( this.contentWindow.document.scrollHeight, this.contentWindow.document.offsetHeight, this.contentWindow.document.clientHeight ) : Math.max( this.contentWindow.document.body.scrollHeight, this.contentWindow.document.documentElement.scrollHeight, this.contentWindow.document.body.offsetHeight, this.contentWindow.document.documentElement.offsetHeight, this.contentWindow.document.body.clientHeight, this.contentWindow.document.documentElement.clientHeight ); iframe.height(String(innerHeight) + 'px'); wrapper.height(String(innerHeight * scale) + 'px'); }); }; let i = 0; $('#iframe2').on('load', function() { const currentBehavior = getCookie('link_behavior') || false; if (currentBehavior == '1' || currentBehavior == '2') { const iframe = document.querySelector('#iframe2'); if (iframe.contentDocument) { const baseTags = iframe.contentDocument.querySelectorAll('base'); baseTags.forEach(tag => tag.remove()); const links = Array.from(iframe.contentDocument.getElementsByTagName('a')). concat(Array.from(iframe.contentDocument.getElementsByTagName('area'))); links.forEach(link => { const originalHref = link.getAttribute('href'); if (originalHref && !originalHref.startsWith('/?url=')) { link.setAttribute('href', '/' + (currentBehavior == '1' ? 'oldest' : 'latest') + '/' + originalHref.replace(/^\/+/, '')); link.setAttribute('target', `_top`); } }); } } if (i > 5) return; try { resize(); } catch (exception_var) { i++; window.setTimeout(resize, 100); } }).trigger('load'); $(window).resize(function() { resize(); }); </script> <div class="container"> <script src="https://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-98640-3"; urchinTracker(); </script> </div> </body> </html>