Skip to content

Instantly share code, notes, and snippets.

View deroter's full-sized avatar

shinya deguchi deroter

16 followers · 12 following
  • ふにす
  • 大阪
View GitHub Profile
@deroter
deroter / embed-twbtn
Created August 25, 2016 14:54
embed-twbtn
<a href="生成されたリンクURL" class="任意のクラス" data-screen-name="Twitterのユーザー名" data-show-count="false" target="_blank">リンク文字列</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
@deroter
deroter / amp-url
Created December 19, 2015 15:10
<link rel="amphtml" href="https://www.example.com/url/to/amp/document.html">
@deroter
deroter / amp-img
Last active December 19, 2015 14:48
<amp-img src="welcome.jpg" alt="Welcome" height="400" width="800" layout="responsive"></amp-img>
@deroter
deroter / amp-basics
Created December 18, 2015 06:52
<!doctype html>
<html amp lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui" />
<title>サイト名</title>
<meta name="description" content="サイトの説明文" />
<link rel="canonical" href="example.ampproject.org">
<script type="application/ld+json">
{ "datePublished": "2015-1-14T12:02:41Z", }
@deroter
deroter / amp-pub
Created December 18, 2015 06:45
<script type="application/ld+json">
{ "datePublished": "2015-1-14T12:02:41Z", }
</script>
@deroter
deroter / amp-css
Created December 18, 2015 06:44
<style amp-custom>
/* any custom style goes here */
body {
background-color: white;
}
amp-img {
background-color: gray;
border: 1px solid black;
}
</style>
@deroter
deroter / amp-style
Created December 18, 2015 06:43
<style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
@deroter
deroter / amp-viewport
Created December 18, 2015 06:42
推奨
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
現実的
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui" />
@deroter
deroter / amp-canonical
Created December 18, 2015 06:41
<link rel="canonical" href="http://example.ampproject.org/article-metadata.html" />
@deroter
deroter / amp-charset
Created December 18, 2015 06:40
<meta charset="utf-8">