<!-- contents -->
<div id="contents" class="clearfix">
<!-- #primary -->
<div id="primary" class="clearfix"> <!-- #main -->
<div id="main">
<!-- detail -->
<div class="detail">
<article class="clearfix">
<blockquote cite="http://kachibito.net/useful-resource/texme">
<p class="date"><span>2019年12月28日(土)</span></p>
<h1><cite><a href="http://kachibito.net/useful-resource/texme" target="_blank">MarkdownでLaTeXを使えるようにするスクリプト・「TeXMe」</a></cite></h1>
<ul class="sns">
<li class="twitter"><a href="http://twitter.com/intent/tweet?url=http%3A%2F%2Fkachibito.net%2Fuseful-resource%2Ftexme&text=Markdown%E3%81%A7LaTeX%E3%82%92%E4%BD%BF%E3%81%88%E3%82%8B%E3%82%88%E3%81%86%E3%81%AB%E3%81%99%E3%82%8B%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E3%83%BB%E3%80%8CTeXMe%E3%80%8D&tw_p=tweetbutton" target="_blank"><img src="/common/img/list_icon_twitter.png" width="16" height="16" alt="twitter">0</a></li>
<li class="facebook"><a href="http://www.facebook.com/sharer.php?src=bm&u=http%3A%2F%2Fkachibito.net%2Fuseful-resource%2Ftexme&t=Markdown%E3%81%A7LaTeX%E3%82%92%E4%BD%BF%E3%81%88%E3%82%8B%E3%82%88%E3%81%86%E3%81%AB%E3%81%99%E3%82%8B%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E3%83%BB%E3%80%8CTeXMe%E3%80%8D" target="_blank"><img src="/common/img/list_icon_fb.png" width="16" height="16" alt="facebook">15</a></li>
<li class="hatena"><a href="http://b.hatena.ne.jp/add?mode=confirm&url=http%3A%2F%2Fkachibito.net%2Fuseful-resource%2Ftexme" target="_blank"><img src="/common/img/list_icon_hatena.png" width="16" height="16" alt="はてなブックマーク">0</a></li>
<!--<li class="google"><a href="https://plus.google.com/share?url=http%3A%2F%2Fkachibito.net%2Fuseful-resource%2Ftexme" target="_blank"><img src="/common/img/list_icon_google.png" width="16" height="16" alt="google+" />0</a></li>-->
<li class="pocket"><a href="http://getpocket.com/edit?url=http%3A%2F%2Fkachibito.net%2Fuseful-resource%2Ftexme&title=Markdown%E3%81%A7LaTeX%E3%82%92%E4%BD%BF%E3%81%88%E3%82%8B%E3%82%88%E3%81%86%E3%81%AB%E3%81%99%E3%82%8B%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E3%83%BB%E3%80%8CTeXMe%E3%80%8D" target="_blank"><img src="/common/img/list_icon_pocket.png" width="16" height="16" alt="pocket">3</a></li>
</ul>
<div class="entry clearfix">
<h3>TeXMe</h3>
See the Pen rNazLQa by kachibito
(@kachibito) on CodePen.
TeXMeはMarkdownでLaTeXを使えるようにするスクリプトです。ちょっと語弊あるかもしれませんがMarkdown記法内にLaTeXを書いて一緒にレンダリングするみたいなのです
上は動作サンプルになります。textareaに書いたMarkdownにLaTeXを書いて表示しています
使い方も簡単で、スクリプトを読み込み、
textareaに書いていくだけです。LaTeXは$$で囲います
eiπ+1=0.こんな感じ。どこかで需要があるかもしれないと思って備忘録。ライセンスはMITとの事です
TeXMe
<section class="headline">
<p>author:</p>
<h1><img src="https://www.google.com/s2/favicons?domain=http://kachibito.net">かちびと.net</h1>
<p class="url"><a target="_blank" href="http://kachibito.net">http://kachibito.net</a></p>
<p>WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ</p>
</section>
<p id="link" class="link"><a href="http://kachibito.net/useful-resource/texme" target="_blank">オリジナルサイトで続きを読む</a></p>
<p class="go-ranking"><a href="/">今日のwebデザイン記事ランキングを見る</a></p>
</div>
<!-- /detail -->
<!-- pager -->
<div id="prev_next" class="clearfix">
<a href="https://upde.jp/562033/" title="今すぐ試せるInstagramのいいね!を増やす具体的な方法 ハッシュタグやキャプションの工夫でエンゲージメントを向上させる" id="prev" class="clearfix">
<div id="prev_title">‹ PREV</div>
<img width="100" height="100" src="https://upde.jp/wp/wp-content/uploads/2019/12/Screen-Shot-2019-06-12-at-11.45.42-AM-140x140.png" class="attachment-100x100 size-100x100 wp-post-image" alt="" loading="lazy" srcset="https://upde.jp/wp/wp-content/uploads/2019/12/Screen-Shot-2019-06-12-at-11.45.42-AM-140x140.png 140w, https://upde.jp/wp/wp-content/uploads/2019/12/Screen-Shot-2019-06-12-at-11.45.42-AM-170x170.png 170w, https://upde.jp/wp/wp-content/uploads/2019/12/Screen-Shot-2019-06-12-at-11.45.42-AM-70x70.png 70w, https://upde.jp/wp/wp-content/uploads/2019/12/Screen-Shot-2019-06-12-at-11.45.42-AM-150x150.png 150w" sizes="(max-width: 100px) 100vw, 100px">
<p>今すぐ試せるInstagramのいいね!を増やす具体的な方法 ハッシュタグやキャプションの工夫でエンゲージメントを向上させる</p></a><a href="https://upde.jp/562030/" title="人はなぜ夢を見るのか?夢を見る基本的なメカニズムを科学的に分析してわかってきた事実21選" id="next" class="clearfix">
<div id="next_title">NEXT ›</div>
<img width="100" height="100" src="https://upde.jp/wp/wp-content/uploads/2019/12/the-nightmare-1-140x140.jpg" class="attachment-100x100 size-100x100 wp-post-image" alt="" loading="lazy" srcset="https://upde.jp/wp/wp-content/uploads/2019/12/the-nightmare-1-140x140.jpg 140w, https://upde.jp/wp/wp-content/uploads/2019/12/the-nightmare-1-170x170.jpg 170w, https://upde.jp/wp/wp-content/uploads/2019/12/the-nightmare-1-70x70.jpg 70w, https://upde.jp/wp/wp-content/uploads/2019/12/the-nightmare-1-150x150.jpg 150w" sizes="(max-width: 100px) 100vw, 100px">
<p>人はなぜ夢を見るのか?夢を見る基本的なメカニズムを科学的に分析してわかってきた事実21選</p></a> </div>
関連記事
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『MarkdownでLaTeXを使えるようにするスクリプト・「TeXMe」』についてまとめています。
この記事は特にjavascriptについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
</div>
<!-- /#main -->
<!-- #sub -->
<div id="sub">
<section class="sub-ad">
<p>Ads</p>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- UPDE_SUB_上部 -->
<ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-4250545992265604" data-ad-slot="5318649727"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</section>
<!--<section class="original">
<h4>ORIGINAL</h4>
<p>読めるのはUPDEだけ!<br>
独占掲載記事のご紹介。</p>
<ul class="clearfix">
<li>
<a href="" class="clearfix">
<p class="img"></p>
<div class="data">
<h5></h5>
<p></p>
</div>
</a>
</li>
<li>
<a href="" class="clearfix">
<p class="img"></p>
<div class="data">
<h5></h5>
<p></p>
</div>
</a>
</li>
<li>
<a href="" class="clearfix">
<p class="img"></p>
<div class="data">
<h5></h5>
<p></p>
</div>
</a>
</li>
<li>
<a href="" class="clearfix">
<p class="img"></p>
<div class="data">
<h5></h5>
<p></p>
</div>
</a>
</li>
<li>
<a href="" class="clearfix">
<p class="img"></p>
<div class="data">
<h5></h5>
<p></p>
</div>
</a>
</li>
</ul>
</section>-->
<section class="ranking sub-list">
<h4>最近の人気記事</h4>
<ul id="tab" class="clearfix">
<li class="select"><a href="javascript:void('popular-yesterday');">昨日</a></li>
<li><a href="javascript:void('popular-week');">週間</a></li>
<li><a href="javascript:void('popular-month');">月間</a></li>
</ul>
<div class="area">
<ul>
<li>
<a href="https://coliss.com/articles/products/kindle-daily-deals-20250402.html" target="_blank" class="clearfix">
<p class="img"><img width="70" height="70" src="https://upde.jp/wp/wp-content/uploads/2025/04/f588b21757d1b253649f7cbcb6d8215b-70x70.png" class="attachment-ranking-image size-ranking-image wp-post-image" alt="本日(4/2)限り、HTML Living StandardとモダンCSSに完全対応した最新のリファレンス本が80%オフのワンコイン!" loading="lazy" srcset="https://upde.jp/wp/wp-content/uploads/2025/04/f588b21757d1b253649f7cbcb6d8215b-70x70.png 70w, https://upde.jp/wp/wp-content/uploads/2025/04/f588b21757d1b253649f7cbcb6d8215b-170x170.png 170w, https://upde.jp/wp/wp-content/uploads/2025/04/f588b21757d1b253649f7cbcb6d8215b-140x140.png 140w, https://upde.jp/wp/wp-content/uploads/2025/04/f588b21757d1b253649f7cbcb6d8215b-150x150.png 150w" sizes="(max-width: 70px) 100vw, 70px"></p>
<div class="data">
<h5>本日(4/2)限り、HTML Living StandardとモダンCSSに完全・・・</h5>
<p class="site">コリス</p>
<p class="share"><span>14</span>share</p>
</div>
</a>
</li>
<li>
<a href="https://kachibito.net/useful-resource/tailci" target="_blank" class="clearfix">
<p class="img"><img width="70" height="70" src="https://upde.jp/wp/wp-content/uploads/2025/04/TailCI01-70x70.jpg" class="attachment-ranking-image size-ranking-image wp-post-image" alt="Tailwindをスタイリングに採用したCodeigniterベースのオープンソースWebアプリフレームワーク・「TailCI」" loading="lazy" srcset="https://upde.jp/wp/wp-content/uploads/2025/04/TailCI01-70x70.jpg 70w, https://upde.jp/wp/wp-content/uploads/2025/04/TailCI01-170x170.jpg 170w, https://upde.jp/wp/wp-content/uploads/2025/04/TailCI01-140x140.jpg 140w, https://upde.jp/wp/wp-content/uploads/2025/04/TailCI01-150x150.jpg 150w" sizes="(max-width: 70px) 100vw, 70px"></p>
<div class="data">
<h5>Tailwindをスタイリングに採用したCodeigniterベースのオープンソ・・・</h5>
<p class="site">かちびと.net</p>
<p class="share"><span>0</span>share</p>
</div>
</a>
</li>
</ul>
</div>
<div class="area hidden">
<ul>
<li>
<a href="https://www.webcreatorbox.com//blog/wcb-book7" target="_blank" class="clearfix">
<p class="img"><span><img alt="Webクリエイターボックス" src="https://upde.jp/wp/wp-content/uploads/2015/05/0d78656edf1ae590da591cdef37c7fba.jpg" class="avatar avatar-70 photo" height="70" width="70"></span></p>
<div class="data">
<h5>書籍執筆しました!『CSSとJavaScriptで作る動くUIアイデアレシピ』</h5>
<p class="site">Webクリエイターボックス</p>
<p class="share"><span>480</span>share</p>
</div>
</a>
</li>
<li>
<a href="https://coliss.com/articles/giveaway/coliss-presents-20250401.html" target="_blank" class="clearfix">
<p class="img"><img width="70" height="70" src="https://upde.jp/wp/wp-content/uploads/2025/04/09fb795301bd21c6964c3b49503322d4-70x70.png" class="attachment-ranking-image size-ranking-image wp-post-image" alt="コリス限定のプレゼント企画! 『はじめてのAIデザイン』の「Promptアイデア集」に収録されている画像素材を期間限定で無料配布します" loading="lazy" srcset="https://upde.jp/wp/wp-content/uploads/2025/04/09fb795301bd21c6964c3b49503322d4-70x70.png 70w, https://upde.jp/wp/wp-content/uploads/2025/04/09fb795301bd21c6964c3b49503322d4-170x170.png 170w, https://upde.jp/wp/wp-content/uploads/2025/04/09fb795301bd21c6964c3b49503322d4-140x140.png 140w, https://upde.jp/wp/wp-content/uploads/2025/04/09fb795301bd21c6964c3b49503322d4-150x150.png 150w" sizes="(max-width: 70px) 100vw, 70px"></p>
<div class="data">
<h5>コリス限定のプレゼント企画! 『はじめてのAIデザイン』の「Promptアイデア・・・</h5>
<p class="site">コリス</p>
<p class="share"><span>69</span>share</p>
</div>
</a>
</li>
<li>
<a href="https://coliss.com/articles/build-websites/operation/design/ai-color-palette-generator.html" target="_blank" class="clearfix">
<p class="img"><img width="70" height="70" src="https://upde.jp/wp/wp-content/uploads/2025/03/17fc1758804e0771db61c8fa6861081b-70x70.png" class="attachment-ranking-image size-ranking-image wp-post-image" alt="AIだと簡単で便利! UIデザイン用に色彩理論に基づいたカラーパレットやUIコンポーネントを生成してくれる無料ツール -ColorMagic" loading="lazy" srcset="https://upde.jp/wp/wp-content/uploads/2025/03/17fc1758804e0771db61c8fa6861081b-70x70.png 70w, https://upde.jp/wp/wp-content/uploads/2025/03/17fc1758804e0771db61c8fa6861081b-170x170.png 170w, https://upde.jp/wp/wp-content/uploads/2025/03/17fc1758804e0771db61c8fa6861081b-140x140.png 140w, https://upde.jp/wp/wp-content/uploads/2025/03/17fc1758804e0771db61c8fa6861081b-150x150.png 150w" sizes="(max-width: 70px) 100vw, 70px"></p>
<div class="data">
<h5>AIだと簡単で便利! UIデザイン用に色彩理論に基づいたカラーパレットやUIコン・・・</h5>
<p class="site">コリス</p>
<p class="share"><span>64</span>share</p>
</div>
</a>
</li>
<li>
<a href="https://coliss.com/articles/book-review/isbn-9784815631307.html" target="_blank" class="clearfix">
<p class="img"><img width="70" height="70" src="https://upde.jp/wp/wp-content/uploads/2025/03/6810c62eea123274853a48b03e5c402d-70x70.png" class="attachment-ranking-image size-ranking-image wp-post-image" alt="AIでデザイン作業を効率化! アドビの生成AIを取り入れたデザインのワークフローを学べるデザイン書 -はじめてのAIデザイン" loading="lazy" srcset="https://upde.jp/wp/wp-content/uploads/2025/03/6810c62eea123274853a48b03e5c402d-70x70.png 70w, https://upde.jp/wp/wp-content/uploads/2025/03/6810c62eea123274853a48b03e5c402d-170x170.png 170w, https://upde.jp/wp/wp-content/uploads/2025/03/6810c62eea123274853a48b03e5c402d-140x140.png 140w, https://upde.jp/wp/wp-content/uploads/2025/03/6810c62eea123274853a48b03e5c402d-150x150.png 150w" sizes="(max-width: 70px) 100vw, 70px"></p>
<div class="data">
<h5>AIでデザイン作業を効率化! アドビの生成AIを取り入れたデザインのワークフロー・・・</h5>
<p class="site">コリス</p>
<p class="share"><span>45</span>share</p>
</div>
</a>
</li>
<li>
<a href="https://coliss.com/articles/build-websites/operation/work/chrome-135-adds-14-new-css-feature.html" target="_blank" class="clearfix">
<p class="img"><img width="70" height="70" src="https://upde.jp/wp/wp-content/uploads/2025/04/469290e61f15d12b0ab2bb89617d6f1a-70x70.png" class="attachment-ranking-image size-ranking-image wp-post-image" alt="Web制作者は要チェック! 今回は盛りだくさん、Chrome 135で新しく追加された14個のCSSの機能" loading="lazy" srcset="https://upde.jp/wp/wp-content/uploads/2025/04/469290e61f15d12b0ab2bb89617d6f1a-70x70.png 70w, https://upde.jp/wp/wp-content/uploads/2025/04/469290e61f15d12b0ab2bb89617d6f1a-170x170.png 170w, https://upde.jp/wp/wp-content/uploads/2025/04/469290e61f15d12b0ab2bb89617d6f1a-140x140.png 140w, https://upde.jp/wp/wp-content/uploads/2025/04/469290e61f15d12b0ab2bb89617d6f1a-150x150.png 150w" sizes="(max-width: 70px) 100vw, 70px"></p>
<div class="data">
<h5>Web制作者は要チェック! 今回は盛りだくさん、Chrome 135で新しく追加・・・</h5>
<p class="site">コリス</p>
<p class="share"><span>27</span>share</p>
</div>
</a>
</li>
</ul>
</div>
<div class="area hidden">
<ul>
<li>
<a href="https://www.webcreatorbox.com//blog/vercel-v0" target="_blank" class="clearfix">
<p class="img"><span><img alt="Webクリエイターボックス" src="https://upde.jp/wp/wp-content/uploads/2015/05/0d78656edf1ae590da591cdef37c7fba.jpg" class="avatar avatar-70 photo" height="70" width="70"></span></p>
<div class="data">
<h5>AIでWebページをサクッと作れる v0(ブイゼロ)使ってみた</h5>
<p class="site">Webクリエイターボックス</p>
<p class="share"><span>497</span>share</p>
</div>
</a>
</li>
<li>
<a href="https://www.webcreatorbox.com//blog/wp-microcms-migration" target="_blank" class="clearfix">
<p class="img"><span><img alt="Webクリエイターボックス" src="https://upde.jp/wp/wp-content/uploads/2015/05/0d78656edf1ae590da591cdef37c7fba.jpg" class="avatar avatar-70 photo" height="70" width="70"></span></p>
<div class="data">
<h5>WordPressからmicroCMSにデータを移行する方法</h5>
<p class="site">Webクリエイターボックス</p>
<p class="share"><span>481</span>share</p>
</div>
</a>
</li>
<li>
<a href="https://www.webcreatorbox.com//blog/wcb-book7" target="_blank" class="clearfix">
<p class="img"><span><img alt="Webクリエイターボックス" src="https://upde.jp/wp/wp-content/uploads/2015/05/0d78656edf1ae590da591cdef37c7fba.jpg" class="avatar avatar-70 photo" height="70" width="70"></span></p>
<div class="data">
<h5>書籍執筆しました!『CSSとJavaScriptで作る動くUIアイデアレシピ』</h5>
<p class="site">Webクリエイターボックス</p>
<p class="share"><span>480</span>share</p>
</div>
</a>
</li>
<li>
<a href="https://www.webcreatorbox.com//blog/ai-generate-characters" target="_blank" class="clearfix">
<p class="img"><span><img alt="Webクリエイターボックス" src="https://upde.jp/wp/wp-content/uploads/2015/05/0d78656edf1ae590da591cdef37c7fba.jpg" class="avatar avatar-70 photo" height="70" width="70"></span></p>
<div class="data">
<h5>生成AIに既存のキャラクター画像を生成できるか比較してみた</h5>
<p class="site">Webクリエイターボックス</p>
<p class="share"><span>471</span>share</p>
</div>
</a>
</li>
<li>
<a href="https://www.webcreatorbox.com//blog/itbook-award-2025-event" target="_blank" class="clearfix">
<p class="img"><span><img alt="Webクリエイターボックス" src="https://upde.jp/wp/wp-content/uploads/2015/05/0d78656edf1ae590da591cdef37c7fba.jpg" class="avatar avatar-70 photo" height="70" width="70"></span></p>
<div class="data">
<h5>「ITエンジニア本大賞2025」のプレゼン大会に特別ゲストとして参加しました!</h5>
<p class="site">Webクリエイターボックス</p>
<p class="share"><span>463</span>share</p>
</div>
</a>
</li>
</ul>
</div>
</section>
<section class="tags">
<h4>人気のタグ</h4>
<ul>
<li><a href="https://upde.jp/tag/web-service/">Webサービス(6711)</a></li>
<li><a href="https://upde.jp/tag/%e3%82%a2%e3%83%97%e3%83%aa/">アプリ(5949)</a></li>
<li><a href="https://upde.jp/tag/google/">Google(5209)</a></li>
<li><a href="https://upde.jp/tag/seo/">SEO(3751)</a></li>
<li><a href="https://upde.jp/tag/%e5%8b%95%e7%94%bb/">動画(3359)</a></li>
<li><a href="https://upde.jp/tag/download/">ダウンロード(3189)</a></li>
</ul>
</section>
<!-- <section class="info">
<h4>アプデ情報</h4>
<ul>
<li><a href="https://upde.jp/news/491124/" ><span>2018.05.12</span>[〜5/12]不具合解消のおしらせ</a></li>
<li><a href="https://upde.jp/news/484151/" ><span>2018.03.2</span>[〜3/2]不具合解消のおしらせ</a></li>
<li><a href="https://upde.jp/news/410511/" ><span>2017.09.26</span>[2017/9/20〜]不具合のお知らせ</a></li>
</ul>
</section> -->
</div>
<!-- /#sub -->
</div>
<!-- /#primary -->
<!-- #secondary -->
<div id="secondary">
<section class="site">
<h5>週間人気サイトTOP10</h5>
<ul class="clearfix">
<li class="p05">
<a href="/?author=26" title="Webクリエイターボックスの投稿"><img src="https://www.google.com/s2/favicons?domain=http://www.webcreatorbox.com" width="16" height="16" alt="Webクリエイターボックス">Webクリエイターボックス </a></li>
<li class="p02">
<a href="/?author=2" title="コリスの投稿"><img src="https://www.google.com/s2/favicons?domain=http://coliss.com" width="16" height="16" alt="コリス">コリス <span>UP!</span>
</a></li>
<li class="p01">
<a href="/?author=38" title="BlackFlagの投稿"><img src="https://www.google.com/s2/favicons?domain=http://black-flag.net" width="16" height="16" alt="BlackFlag">BlackFlag </a></li>
<li class="p01">
<a href="/?author=16" title="バズ部の投稿"><img src="https://www.google.com/s2/favicons?domain=http://bazubu.com" width="16" height="16" alt="バズ部">バズ部 </a></li>
<li class="p01">
<a href="/?author=20" title="かちびと.netの投稿"><img src="https://www.google.com/s2/favicons?domain=http://kachibito.net" width="16" height="16" alt="かちびと.net">かちびと.net <span>UP!</span>
</a></li>
<li class="p01">
<a href="/?author=52" title="Web Design Magazineの投稿"><img src="https://www.google.com/s2/favicons?domain=http://webdesignmagazine.net/" width="16" height="16" alt="Web Design Magazine">Web Design Magazine </a></li>
</ul>
<p><a href="/site/">全サイト新着一覧</a></p>
</section>
<section class="category">
<h5>カテゴリー</h5>
<nav>
<ul class="clearfix">
<li class="nav02"><a href="/category/web-marketing/">Webマーケティング</a></li>
<li class="nav03"><a href="/category/web-design/">Webデザイン</a></li>
<li class="nav04"><a href="/category/coding/">コーディング</a></li>
<li class="nav05"><a href="/category/cms/">WordPress</a></li>
<li class="nav06"><a href="/category/seo/">SEO対策</a></li>
<li class="nav07"><a href="/category/smartphone/">スマホ対応</a></li>
<li class="nav08"><a href="/category/material-download/">素材DL</a></li>
<li class="nav09"><a href="/category/web-service/">Webサービス</a></li>
</ul>
</nav>
</section>
</div>
<!-- /#secondary -->
</div>
<!-- /contents -->
<!-- footer -->
<footer>
<ul id="sns">
<li class="twitter"><a rel="nofollow" href="http://twitter.com/share?count=horizontal&original_referer=https://upde.jp&text=Webデザイン参考記事まとめUPDE(アプデ)&url=https://upde.jp&" onclick="window.open(this.href, 'tweetwindow', 'width=550, height=450,personalbar=0,toolbar=0,scrollbars=1,resizable=1'); return false;"><img src="https://upde.jp/wp/wp-content/themes/upde06/common/img/icon_sns_twitter.png" alt="Twitterでつぶやく">
<span>0</span></a></li>
<li class="facebook"><a href="http://www.facebook.com/share.php?u=https://upde.jp&t=Webデザイン参考記事まとめUPDE(アプデ)" onclick="window.open(this.href, 'facebookwindow', 'width=550, height=450,personalbar=0,toolbar=0,scrollbars=1,resizable=1'); return false;"><img src="https://upde.jp/wp/wp-content/themes/upde06/common/img/icon_sns_facebook.png" alt="facebookでシェアする">
<span>199</span></a></li>
<li class="hatena"><a href="http://b.hatena.ne.jp/add?mode=confirm&url=https://upde.jp&title=Webデザイン参考記事まとめUPDE(アプデ)" target="_blank"><img src="https://upde.jp/wp/wp-content/themes/upde06/common/img/icon_sns_hatena.png" alt="はてなブックマーク"><span>78</span></a></li>
<li class="rss"><a href="https://upde.jp/feed/" target="_blank"><img src="https://upde.jp/wp/wp-content/themes/upde06/common/img/icon_sns_rss.png" alt="feedlyに登録する"><span></span></a></li>
<li class="scroll"><a href="#top">ページTOPへ戻る</a></li>
</ul>
<p class="copyright">Copyrights (c) <a href="/">Webデザイン参考記事まとめアプデ(UPDE)</a> All Rights Reserved.</p>
</footer>
<!-- / #footer -->