PageSourceSearch

https://h2ham.net/

html h2ham.net collected 2026-10-02 05:13:13 UTC 40,942 bytes, 3 lines download raw bytes

1<!DOCTYPE html><html lang="ja"><head prefix="og: http://ogp.me/ns#"> <meta charset="UTF-8"> <title>HAM MEDIA MEMO</title>  <meta name="description" content="HAM MEDIA MEMOは、札幌で活動するフリーランスのハム(@h2ham)のメモ用として、HTML5やCSS、jQuery、WordPressなど、Web制作関連の技術や情報を書くブログです。"> <meta property="fb:app_id" content="410794439024119"> <meta property="og:type" content="blog"> <meta property="og:description" content="HAM MEDIA MEMOは、札幌で活動するフリーランスのハム(@h2ham)のメモ用として、HTML5やCSS、jQuery、WordPressなど、Web制作関連の技術や情報を書くブログです。"> <meta property="og:title" content="HAM MEDIA MEMO"> <meta property="og:url" itemprop="url" content="https://h2ham.net"> <meta property="og:site_name" content="HAM MEDIA MEMO"> <meta property="og:image" content="https://h2ham.net/og.png"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@h2ham"> <meta name="viewport" content="width=device-width"> <link rel="alternate" type="application/rss+xml" title="HAM MEDIA MEMO フィード" href="https://h2ham.net/feed/rss/"> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=
1Fredericka+the+Great&text=HAMEDIO40NTFU&display=swap"><meta name="description" content="HAM MEDIA MEMOは、札幌で活動するフリーランスのハム(@h2ham)のメモ用として、HTML5やCSS、jQuery、WordPressなど、Web制作関連の技術や情報を書くブログです。"><meta name="robots" content="index, follow"><meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"><meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"><link rel="canonical" href="https://h2ham.net/"><link rel="next" href="https://h2ham.net/page/2/"><meta property="og:locale" content="ja_JP"><meta property="og:type" content="website"><meta property="og:title" content="HAM MEDIA MEMO - HAM MEDIA MEMOは、札幌で活動するフリーランスのハム(@h2ham)のメモ用として、HTML5やCSS、jQuery、WordPressなど、Web制作関連の技術や情報を書くブログです。"><meta property="og:description" content="HAM MEDIA MEMOは、札幌で活動するフリーランスのハム(@h2ham)のメモ用として、HTML5やCSS、jQuery、WordPressなど、Web制作関連の技術や情報を書くブログです。"><meta property="og:url" content="https://h2ham.net/"><meta property="og:site_name" content="HAM MEDIA MEMO"><meta name="twitter:card" content="summary_large_image">
1<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://h2ham.net/#website","url":"https://h2ham.net/","name":"HAM MEDIA MEMO","description":"HAM MEDIA MEMO\u306f\u3001\u672d\u5e4c\u3067\u6d3b\u52d5\u3059\u308b\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u306e\u30cf\u30e0\uff08@h2ham\uff09\u306e\u30e1\u30e2\u7528\u3068\u3057\u3066\u3001HTML5\u3084CSS\u3001jQuery\u3001WordPress\u306a\u3069\u3001Web\u5236\u4f5c\u95a2\u9023\u306e\u6280\u8853\u3084\u60c5\u5831\u3092\u66f8\u304f\u30d6\u30ed\u30b0\u3067\u3059\u3002","potentialAction":[{"@type":"SearchAction","target":"https://h2ham.net/?s={search_term_string}","query-input":"required name=search_term_string"}],"inLanguage":"ja"},{"@type":"CollectionPage","@id":"https://h2ham.net/#webpage","url":"https://h2ham.net/","name":"HAM MEDIA MEMO - HAM MEDIA MEMO\u306f\u3001\u672d\u5e4c\u3067\u6d3b\u52d5\u3059\u308b\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u306e\u30cf\u30e0\uff08@h2ham\uff09\u306e\u30e1\u30e2\u7528\u3068\u3057\u3066\u3001HTML5\u3084CSS\u3001jQuery\u3001WordPress\u306a\u3069\u3001Web\u5236\u4f5c\u95a2\u9023\u306e\u6280\u8853\u3084\u60c5\u5831\u3092\u66f8\u304f\u30d6\u30ed\u30b0\u3067\u3059\u3002","isPartOf":{"@id":"https://h2ham.net/#website"},"description":"HAM MEDIA MEMO\u306f\u3001\u672d\u5e4c\u3067\u6d3b\u52d5\u3059\u308b\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u306e\u30cf\u30e0\uff08@h2ham\uff09\u306e\u30e1\u30e2\u7528\u3068\u3057\u3066\u3001HTML5\u3084CSS\u3001jQuery\u3001WordPress\u306a\u3069\u3001Web\u5236\u4f5c\u95a2\u9023\u306e\u6280\u8853\u3084\u60c5\u5831\u3092\u66f8\u304f\u30d6\u30ed\u30b0\u3067\u3059\u3002","inLanguage":"ja"}]}</script>
1<link rel='dns-prefetch' href='//h2ham.net'><link rel='dns-prefetch' href='//s.w.org'><link rel='dns-prefetch' href='//cdn.getshifter.co'><link rel='stylesheet' id='h2ham-style-css' href='/wp-content/themes/393c6b80-b098-11ea-9e0b-801a188ee502-8qpqs3/css/style.css?ver=5.4.2' type='text/css' media='all'><link rel="icon" href="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/h2ham_512-1.png" type="image/png"/><style type="text/css">.no-js .native-lazyload-js-fallback{display:none}</style> 
1<script>(function(a,e,f,g,b,c,d){a.GoogleAnalyticsObject=b;a[b]=a[b]||function(){(a[b].q=a[b].q||[]).push(arguments)};a[b].l=1*new Date;c=e.createElement(f);d=e.getElementsByTagName(f)[0];c.async=1;c.src=g;d.parentNode.insertBefore(c,d)})(window,document,"script","//www.google-analytics.com/analytics.js","ga");ga("create","UA-42606496-1","h2ham.net");ga("send","pageview");</script>
1<script defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"></script>
1<script defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/v4-shims.min.js"></script>
1<script data-ad-client="ca-pub-9093833288521292" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
1</head><body class="home blog"itemscope="itemscope" itemtype="http://schema.org/WebPage"> <div id="fb-root"></div> <header class="site-header" role="banner"> <div class="util-header"> <div class="inner cl"> <div class="fl"> <ul class="cl mt10 mb10"> <li class="fl mr10"><a href="/"><i class="fa fa-home mr5"></i><span class="sp-hide">HAM MEDIA MEMO</span></a></li> <li class="fl mr10"><dl class="m0 posr"><dt class="header-tooptip-parent"><a href="https://sacss.net/" target="_blank"><i class="fa fa-laptop mr5"></i>勉強会情報:SaCSS</a></dt><dd class="header-tooltip w230">Sapporo.css:<br>札幌のコーダー・デザイナーのための勉強会情報サイトへ</dd></dl></li> <li class="fl"><dl class="m0 posr"><dt class="header-tooptip-parent"><a href="https://twitter.com/h2ham" target="_blank"><i class="fa fa-twitter"></i></a></dt><dd class="header-tooltip w150">Twitter : @h2ham</dd></dl></li> </ul> </div> </div> </div> <div class="content-header" > <div class="inner"> <h1 class="site-title hamlogo"itemprop="name headline"><a href="/">HAM MEDIA MEMO</a></h1> </div> </div> </header><div id="contents" class="cl"> <div class="inner"> <div class="main" role="main"> <article class="entry-block"> <header class="entry-header"> <div class="entry-date"> <a href="/2019/12/14"> <time datetime="2019-12-14T23:39:55+09:00" title="2019-12-14T23:39:55+09:00"> <span class="date-year">2019</span><span class="hyphen">-</span><span class="date-month">12</span><span class="hyphen">-</span><span class="date-day">14</span> </time> </a> </div> <h2 class="entry-title"><a href="/the-appeal-of-shifter/">WordPress案件を請け負う制作会社からみる Shifter の魅力</a></h2> <div class="entry-info"> <ul class="entry-categories-tags"> <li class="entry-categories"><a href="/category/wordpress/" rel="category tag">WordPress</a></li><li class="entry-tags"><a href="/tag/shifter/" rel="tag">Shifter</a>, <a href="/tag/wordpress/" rel="tag">WordPress</a></li> </ul> </div> </header> <div class="entry-main cl"> <p class="thumbnail-wrap"><img width="250" height="140" src="/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" class="attachment-medium size-medium wp-post-image native-lazyload-js-fallback" alt="" loading="lazy" data-src="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/shifter-250x140.png" data-srcset="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/shifter-250x140.png 250w, https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/shifter-768x430.png 768w, https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/shifter.png 1000w" data-sizes="(max-width: 250px) 100vw, 250px"></p> <div class="oh"> <p>またしても一年ぶりの投稿になってしまっているこの記事は <a href="https://qiita.com/advent-calendar/2019/getshifter" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">Shifter Advent Calendar 2019</a> の14日目の内容です。</p><p>WordPressの案件相談をいくつか受けていると、「WordPressは静的に書き出せますか?」という相談がでてきます。WordPressなのに静的?とハテナになる人もいるかもしれませんが、静的に作る方法はいくつかあります。</p><p>結論を先にかいておくと、このエントリーでは、WordPressを静的に利用したいときに最適なのは「Shifter」です!</p><p><a href="https://www.getshifter.io/japanese/" class="ref" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">Shifter – Serverless Static WordPress ホスティングサービス「Shifter」</a></p> <span class="read-more"><a href="/the-appeal-of-shifter/">続きを読む <i class="fa fa-arrow-circle-right"></i></a></span> </div> </div> </article> <aside class="sponsored sponsored-block main-top cl">  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9093833288521292" data-ad-slot="3328468330" data-ad-format="auto"></ins> </aside> <article class="entry-block"> <header class="entry-header"> <div class="entry-date"> <a href="/2018/12/03"> <time datetime="2018-12-03T23:33:18+09:00" title="2018-12-03T23:33:18+09:00"> <span class="date-year">2018</span><span class="hyphen">-</span><span class="date-month">12</span><span class="hyphen">-</span><span class="date-day">03</span> </time> </a> </div> <h2 class="entry-title"><a href="/a-blog-cms-docker/">a-blog cms のローカル開発環境をDockerで用意してみた</a></h2> <div class="entry-info"> <ul class="entry-categories-tags"> <li class="entry-categories"><a href="/category/datebook/" rel="category tag">備忘録</a></li><li class="entry-tags"><a href="/tag/a-blog-cms/" rel="tag">a-blog cms</a></li> </ul> </div> </header> <div class="entry-main cl"> <p class="thumbnail-wrap"><img width="250" height="176" src="/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" class="attachment-medium size-medium wp-post-image native-lazyload-js-fallback" alt="" loading="lazy" data-src="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/2018120300-250x176.png" data-srcset="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/2018120300-250x176.png 250w, https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/2018120300-768x542.png 768w, https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/2018120300-1024x723.png 1024w, https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/2018120300.png 2040w" data-sizes="(max-width: 250px) 100v
1w, 250px"></p> <div class="oh"> <p>ほぼ2年ぶりの投稿になっている今回、この記事は <a href="https://adventar.org/calendars/2948" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">a-blog cms Advent Calendar 2018</a> の 3日目の内容。</p><p>先日開催された <a href="https://ablogcms.doorkeeper.jp/events/75246" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">a-blog cms Training Camp 2018 TOKYO</a> のLTでも発表した内容で、a-blog cmsのローカル環境を Docker で用意したお話。</p> <span class="read-more"><a href="/a-blog-cms-docker/">続きを読む <i class="fa fa-arrow-circle-right"></i></a></span> </div> </div> </article> <article class="entry-block"> <header class="entry-header"> <div class="entry-date"> <a href="/2017/01/04"> <time datetime="2017-01-04T23:06:44+09:00" title="2017-01-04T23:06:44+09:00"> <span class="date-year">2017</span><span class="hyphen">-</span><span class="date-month">01</span><span class="hyphen">-</span><span class="date-day">04</span> </time> </a> </div> <h2 class="entry-title"><a href="/ssh-include/">Mac で .ssh/config ファイルを include で分割して管理</a></h2> <div class="entry-info"> <ul class="entry-categories-tags"> <li class="entry-categories"><a href="/category/datebook/" rel="category tag">備忘録</a></li><li class="entry-tags"><a href="/tag/mac/" rel="tag">Mac</a>, <a href="/tag/ssh/" rel="tag">SSH</a></li> </ul> </div> </header> <div class="entry-main cl"> <p class="thumbnail-wrap"><img width="250" height="166" src="/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" class="attachment-medium size-medium wp-post-image native-lazyload-js-fallback" alt="" loading="lazy" data-src="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/1586709168_fd30afd743_o-250x166.jpg" data-srcset="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/1586709168_fd30afd743_o-250x166.jpg 250w, https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/1586709168_fd30afd743_o-768x511.jpg 768w, https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/1586709168_fd30afd743_o.jpg 970w" data-sizes="(max-width: 250px) 100vw, 250px"></p> <div class="oh"> <p>昨日のエントリーで <a href="/macos-sierra-use-keychain" data-wpel-link="internal"><br>macOS Sierra の SSH で、秘密鍵のパスフレーズが Keychain 保存されない問題の解決方法</a> を書いたのですが、調べ事をはじめたきっかけは昨日書いていた内容ではなくて、 <code>.ssh/config</code> 肥大化していく問題を、なんとか出いないかと調べ始めたのがきっかけでした。</p><p>調べていたところ、 OpenSSH 7.3 から <code>include</code> でファイル分割ができるようになっていたようなので、こちらもメモエントリー。</p> <span class="read-more"><a href="/ssh-include/">続きを読む <i class="fa fa-arrow-circle-right"></i></a></span> </div> </div> </article> <article class="entry-block"> <header class="entry-header"> <div class="entry-date"> <a href="/2017/01/03"> <time datetime="2017-01-03T21:52:36+09:00" title="2017-01-03T21:52:36+09:00"> <span class="date-year">2017</span><span class="hyphen">-</span><span class="date-month">01</span><span class="hyphen">-</span><span class="date-day">03</span> </time> </a> </div> <h2 class="entry-title"><a href="/macos-sierra-use-keychain/">macOS Sierra の SSH で、秘密鍵のパスフレーズが Keychain 保存されない問題の解決方法</a></h2> <div class="entry-info"> <ul class="entry-categories-tags"> <li class="entry-categories"><a href="/category/datebook/" rel="category tag">備忘録</a></li><li class="entry-tags"><a href="/tag/mac/" rel="tag">Mac</a>, <a href="/tag/ssh/" rel="tag">SSH</a></li> </ul> </div> </header> <div class="entry-main cl"> <p class="thumbnail-wrap"><img width="250" height="166" src="/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" class="attachment-medium size-medium wp-post-image native-lazyload-js-fallback" alt="" loading="lazy" data-src="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/4471891475_5a5f2a2c37_b-250x166.jpg" data-srcset="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/4471891475_5a5f2a2c37_b-250x166.jpg 250w, https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/4471891475_5a5f2a2c37_b-768x511.jpg 768w, https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/4471891475_5a5f2a2c37_b.jpg 1024w" data-sizes="(max-width: 250px) 100v
1w, 250px"></p> <div class="oh"> <p>昨年11月に新しい Macbook Pro を購入して、12月にようやく環境移行などの設定をしはじめたが、これまでできていた SSH接続パスフレーズの Keychain 保存ができない。 SSH の接続が必要な Git 利用時なんかでも、毎回パスの入力を求められてしまうようになった。</p><blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">も、もしや、macOS Sierraって、 SSH で キーチェーン使えない!?</p><p>&mdash; ハム (@h2ham) <a href="https://twitter.com/h2ham/status/808176826975555584" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">2016年12月12日</a></p></blockquote><p>Twitter でもつぶやいたが、解決にたどり着けず。自分も検索でたどりついていたが、参考リンクのリプライをもらうものの、解決にはいたらず。</p><p><a href="http://qiita.com/takumikkusu/items/3b18e475de02a91b37e8" class="ref" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">macOS Sierra のSSH接続で、秘密鍵へのパスを覚えてくれない問題 &#8211; Qiita</a></p><p>とりあえず <code>AddKeysToAgent yes</code> を <code>.ssh/config</code> に書いて対処を。しかし、この方法は、再起動するたびに再入力をする必要があった。</p><p>そんな状態で年末も過ごしていたが、別件で SSH の検索をしていると、解決方法が見つかっていたようなので、SSH 接続で Keychain が使われない問題の対応方法をメモとしてエントリー。</p> <span class="read-more"><a href="/macos-sierra-use-keychain/">続きを読む <i class="fa fa-arrow-circle-right"></i></a></span> </div> </div> </article> <article class="entry-block"> <header class="entry-header"> <div class="entry-date"> <a href="/2016/12/15"> <time datetime="2016-12-15T09:27:02+09:00" title="2016-12-15T09:27:02+09:00"> <span class="date-year">2016</span><span class="hyphen">-</span><span class="date-month">12</span><span class="hyphen">-</span><span class="date-day">15</span> </time> </a> </div> <h2 class="entry-title"><a href="/wordpress-coding-flow-02/">WordCamp Tokyo 2016 でもテーマ作成についての疑問をぶつけたけど、みんなどうやって構築してますか?</a></h2> <div class="entry-info"> <ul class="entry-categories-tags"> <li class="entry-categories"><a href="/category/wordpress/" rel="category tag">WordPress</a></li><li class="entry-tags"><a href="/tag/wordpress/" rel="tag">WordPress</a></li> </ul> </div> </header> <div class="entry-main cl"> <p class="thumbnail-wrap"><img width="250" height="150" src="/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" class="attachment-medium size-medium wp-post-image native-lazyload-js-fallback" alt="" loading="lazy" data-src="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/wordcamp-tokyo-2016-250x150.jpg" data-srcset="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/wordcamp-tokyo-2016-250x150.jpg 250w, https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/wordcamp-tokyo-2016-768x459.jpg 768w, https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/wordcamp-tokyo-2016.jpg 1000w" data-sizes="(max-width: 250px) 100vw, 250px"></p> <div class="oh"> <p>この記事は <a href="http://www.adventar.org/calendars/1628" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">WordPress Advent Calendar 2016 &#8211; Adventar</a> の 15日目の内容です。</p><p><a href="http://www.adventar.org/calendars/1040" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">2015 の WordPress Advent Calendar</a>でも、同じ12月15日に WordPress についてを書いていたのですが、気づいたら同じ15日という日程でエントリー書いていた(´ ºムº `)です。</p><p>2016年は、昨年書いた「<a href="-coding-flow" data-wpel-link="internal">
1デザインから WordPress のテーマ作成までの自分のワークフローを見直す</a>」をきっかけに、 <a href="https://2016.tokyo.wordcamp.org/" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">WordCamp Tokyo 2016</a> でその後考えたりしたワークフローについてを登壇して話をしてきました。</p><p>登壇前も後も意見を聞いていたり意見されたりするのですが、再度改めて、みなさん「WordPressの構築とかテーマ開発フローってどうすすめてますか?」</p><p>昨年末と同じテーマなので、またか!?という内容ですが、再度これを今日のテーマに。</p> <span class="read-more"><a href="/wordpress-coding-flow-02/">続きを読む <i class="fa fa-arrow-circle-right"></i></a></span> </div> </div> </article> <aside class="sponsored sponsored-block main-bottom cl"> <div class="fl-l"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9093833288521292" data-ad-slot="1572533537" data-ad-format="auto"></ins> </div> </aside> <div class="pager mb50"><div class='wp-pagenavi' role='navigation'><span class='pages'>1 / 37</span><span aria-current='page' class='current'>1</span><a class="page larger" title="Page 2" href="/page/2/">2</a><a class="page larger" title="Page 3" href="/page/3/">3</a><a class="page larger" title="Page 4" href="/page/4/">4</a><a class="page larger" title="Page 5" href="/page/5/">5</a><span class='extend'>...</span><a class="nextpostslink" rel="next" href="/page/2/">次へ »</a><a class="last" href="/page/37/">最後 »</a></div></div> </div> </div> <aside id="sidebar"> <div class="sideblock cl sponsored "><div class="sponsored-block side-top"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9093833288521292" data-ad-slot="9727072335" data-ad-format="auto"></ins>
1<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
1</div></div> <div class="sideblock cl side-about"> <h4>About</h4> <p class="t-c"> <a href="/about"><img src="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/h2ham_250.png" alt="ham" class=""></a> </p> </div> <div class="sideblock cl accordion" role="navigation"> <h4 class="mb0">カテゴリ一覧</h4> <ul class="side-categories-list"> <li class="cat-item cat-item-2"><a href="/category/apache/">apache</a></li><li class="cat-item cat-item-51"><a href="/category/books-category/">BOOKS</a></li><li class="cat-item cat-item-52"><a href="/category/css/">CSS</a></li><li class="cat-item cat-item-101"><a href="/category/gitlab/">Gitlab</a></li><li class="cat-item cat-item-239"><a href="/category/gulp/">gulp</a></li><li class="cat-item cat-item-40"><a href="/category/html5/">HTML5</a></li><li class="cat-item cat-item-20"><a href="/category/ios/">iOS</a></li><li class="cat-item cat-item-97"><a href="/category/javascript/">JavaScript</a></li><li class="cat-item cat-item-33"><a href="/category/javascript/jquery/">jQuery</a></li><li class="cat-item cat-item-7"><a href="/category/nginx/">Nginx</a></li><li class="cat-item cat-item-8"><a href="/category/php/">PHP</a></li><li class="cat-item cat-item-37"><a href="/category/event/sacss/">SaCSS</a></li><li class="cat-item cat-item-6"><a href="/category/wordpress/">WordPress</a></li><li class="cat-item cat-item-244"><a href="/category/%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b/">お知らせ</a></li><li class="cat-item cat-item-36"><a href="/category/event/">イベント</a></li><li class="cat-item cat-item-17"><a href="/category/site-setting/">サイト設定</a></li><li class="cat-item cat-item-11"><a href="/category/direction/">ディレクション</a></li><li class="cat-item cat-item-15"><a href="/category/design/">デザイン</a></li><li class="cat-item cat-item-1"><a href="/category/datebook/">備忘録</a></li> </ul> </div> <div class="sideblock cl side-tags-list"> <h4>タグ一覧</h4> <p class="taglist"> <a href="/tag/middleman/" class="tag-cloud-link tag-link-103 tag-link-position-1" style="font-size: 13.333333333333pt;" aria-label="Middleman (5個の項目)">Middleman</a><a href="/tag/node-js/" class="tag-cloud-link tag-link-31 tag-link-position-2" style="font-size: 12.444444444444pt;" aria-label="Node.js (4個の項目)">Node.js</a><a href="/tag/%e3%83%aa%e3%83%80%e3%82%a4%e3%83%ac%e3%82%af%e3%83%88/" class="tag-cloud-link tag-link-5 tag-link-position-3" style="font-size: 10pt;" aria-label="リダイレクト (2個の項目)">リダイレクト</a><a href="/tag/sacss/" class="tag-cloud-link tag-link-232 tag-link-position-4" style="font-size: 17.777777777778pt;" aria-label="SaCSS (14個の項目)">SaCSS</a><a href="/tag/nginx/" class="tag-cloud-link tag-link-227 tag-link-position-5" style="font-size: 12.444444444444pt;" aria-label="Nginx (4個の項目)">Nginx</a><a href="/tag/server/" class="tag-cloud-link tag-link-4 tag-link-position-6" style="font-size: 14.111111111111pt;" aria-label="サーバー (6個の項目)">サーバー</a><a href="/tag/gitlab/" class="tag-cloud-link tag-link-236 tag-link-position-7" style="font-size: 14.111111111111pt;" aria-label="Gitlab (6個の項目)">Gitlab</a><a href="/tag/node/" class="tag-cloud-link tag-link-194 tag-link-position-8" style="font-size: 12.444444444444pt;" aria-label="node (4個の項目)">node</a><a href="/tag/a-blog-cms/" class="tag-cloud-link tag-link-174 tag-link-position-9" style="font-size: 13.333333333333pt;" aria-label="a-blog cms (5個の項目)">a-blog cms</a><a href="/tag/javascript/" class="tag-cloud-link tag-link-235 tag-link-position-10" style="font-size: 13.333333333333pt;" aria-label="JavaScript (5個の項目)">JavaScript</a><a href="/tag/%e5%8b%89%e5%bc%b7%e4%bc%9a/" class="tag-cloud-link tag-link-26 tag-link-position-11" style="font-size: 15.222222222222pt;" aria-label="勉強会 (8個の項目)">勉強会</a><a href="/tag/php/" class="tag-cloud-link tag-link-228 tag-link-position-12" style="font-size: 12.444444444444pt;" aria-label="PHP (4個の項目)">PHP</a><a href="/tag/wordcamp/" class="tag-cloud-link tag-link-192 tag-link-position-13" style="font-size: 11.333333333333pt;" aria-label="WordCamp (3個の項目)">WordCamp</a><a href="/tag/ios/" class="tag-cloud-link tag-link-230 tag-link-position-14" style="font-size: 10pt;" aria-label="iOS (2個の項目)">iOS</a><a href="/tag/jquery/" class="tag-cloud-link tag-link-231 tag-link-position-15" style="font-size: 14.666666666667pt;" aria-label="jQuery (7個の項目)">jQuery</a><a href="/tag/%e3%82%bb%e3%83%9f%e3%83%8a%e3%83%bc/" class="tag-cloud-link tag-link-24 tag-link-position-16" style="font-size: 18.666666666667pt;" aria-label="セミナー (17個の項目)">セミナー</a><a href="/tag/mac/" class="tag-cloud-link tag-link-127 tag-link-position-17" style="font-size: 13.333333333333pt;" aria-label="Mac (5個の項目)">Mac</a><a href="/tag/metalsmith/" class="tag-cloud-link tag-link-208 tag-link-position-18" style="font-size: 11.333333333333pt;" aria-label="metalsmith (3個の項目)">metalsmith</a><a href="/tag/blog/" class="tag-cloud-link tag-link-55 tag-link-position-19" style="font-size: 12.444444444444pt;" aria-label="blog (4個の項目)">blog</a><a href="/tag/vps/" class="tag-cloud-link tag-link-10 tag-link-position-20" style="font-size: 11.333333333333pt;" aria-label="VPS (3個の項目)">VPS</a><a href="/tag/%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88/" class="tag-cloud-link tag-link-25 tag-link-position-21" style="font-size: 19.777777777778pt;" aria-label="イベント (22個の項目)">イベント</a><a href="/tag/html/" class="tag-cloud-link tag-link-44 tag-link-position-22" style="font-size: 12.444444444444pt;" aria-label="HTML (4個の項目)">HTML</a><a href="/tag/book/" class="tag-cloud-link tag-link-41 tag-link-position-23" style="font-size: 11.333333333333pt;" aria-label="book (3個の項目)">book</a><a href="/tag/ssh/" class="tag-cloud-link tag-link-218 tag-link-position-24" style="font-size: 11.333333333333pt;" aria-label="SSH (3個の項目)">SSH</a><a href="/tag/plugin/" class="tag-cloud-link tag-link-58 tag-link-position-25" style="font-size: 11.333333333333pt;" aria-label="plugin (3個の項目)">plugin</a><a href="/tag/direction/" class="tag-cloud-link tag-link-229 tag-link-position-26" style="font-size: 14.111111111111pt;" aria-label="ディレクション (6個の項目)">ディレクション</a><a href="/tag/%e6%9c%ac/" class="tag-cloud-link tag-link-42 tag-link-position-27" style="font-size: 11.333333333333pt;" aria-label="本 (3個の項目)">本</a><a href="/tag/%e6%b8%a9%e6%b3%89/" class="tag-cloud-link tag-link-147 tag-link-position-28" style="font-size: 11.333333333333pt;" aria-label="温泉 (3個の項目)">温泉</a><a href="/tag/%e3%82%a8%e3%83%a9%e3%83%bc/" class="tag-cloud-link tag-link-89 tag-link-position-29" style="font-size: 11.333333333333pt;" aria-label="エラー (3個の項目)">エラー</a><a href="/tag/git/" class="tag-cloud-link tag-link-102 tag-link-position-30" style="font-size: 17pt;" aria-label="git (12個の項目)">git</a><a href="/tag/error/" class="tag-cloud-link tag-link-88 tag-link-position-31" style="font-size: 12.444444444444pt;" aria-label="error (4個の項目)">error</a><a href="/tag/%e8%a8%ad%e5%ae%9a/" class="tag-cloud-link tag-link-134 tag-link-position-32" style="font-size: 11.333333333333pt;" aria-label="設定 (3個の項目)">設定</a><a href="/tag/%e6%9c%ad%e5%b9%8c/" class="tag-cloud-link tag-link-38 tag-link-position-33" style="font-size: 17.777777777778pt;" aria-label="札幌 (14個の項目)">札幌</a><a href="/tag/custom-post-type/" class="tag-cloud-link tag-link-114 tag-link-position-34" style="font-size: 12.444444444444pt;" aria-label="Custom Post Type (4個の項目)">Custom Post Type</a><a href="/tag/gulp/" class="tag-cloud-link tag-link-177 tag-link-position-35" style="font-size: 15.777777777778pt;" aria-label="gulp (9個の項目)">gulp</a><a href="/tag/google/" class="tag-cloud-link tag-link-18 tag-link-position-36" style="font-size: 10pt;" aria-label="google (2個の項目)">google</a><a href="/tag/css-nite/" class="tag-cloud-link tag-link-154 tag-link-position-37" style="font-size: 14.111111111111pt;" aria-label="CSS Nite (6個の項目)">CSS Nite</a><a href="/tag/facebook/" class="tag-cloud-link tag-link-128 tag-link-position-38" style="font-size: 12.444444444444pt;" aria-label="Facebook (4個の項目)">Facebook</a><a href="/tag/wordbench/" class="tag-cloud-link tag-link-43 tag-link-position-39" style="font-size: 12.444444444444pt;" aria-label="WordBench (4個の項目)">WordBench</a><a href="/tag/like-button/" class="tag-cloud-link tag-link-129 tag-link-position-40" style="font-size: 11.333333333333pt;" aria-label="Like Button (3個の項目)">Like Button</a><a href="/tag/books-tag/" class="tag-cloud-link tag-link-65 tag-link-position-41" style="font-size: 11.333333333333pt;" aria-label="books (3個の項目)">books</a><a href="/tag/css/" class="tag-cloud-link tag-link-234 tag-link-position-42" style="font-size: 14.666666666667pt;" aria-label="CSS (7個の項目)">CSS</a><a href="/tag/wordpress/" class="tag-cloud-link tag-link-226 tag-link-position-43" style="font-size: 22pt;" aria-label="WordPress (35個の項目)">WordPress</a><a href="/tag/movabletype/" class="tag-cloud-link tag-link-27 tag-link-position-44" style="font-size: 12.444444444444pt;" aria-label="MovableType (4個の項目)">MovableType</a><a href="/tag/mtddc/" class="tag-cloud-link tag-link-28 tag-link-position-45" style="font-size: 11.333333333333pt;" aria-label="MTDDC (3個の項目)">MTDDC</a> </p> </div> <div class="sideblock cl"> <h4 class="mb0">最新記事</h4> <ul class="side-entry-list cl"> <li><a href="/the-appeal-of-shifter/"><span class="thumb"><img width="50" height="50" src="/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" class="attachment-50x50 size-50x50 wp-post-image native-lazyload-js-fallback" alt="" loading="lazy" data-src="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/shifter-150x150.png"></span><span class="side-entry-title">WordPress案件を請け負う制作会社からみる Shifter の魅力</span></a></li> <li><a href="/a-blog-cms-docker/"><span class="thumb"><img width="50" height="50" src="/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" class="attachment-50x50 size-50x50 wp-post-image native-lazyload-js-fallback" alt="" loading="lazy" data-src="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/2018120300-150x150.png"></span><span class="side-entry-title">a-blog cms のローカル開発環境をDockerで用意してみた</span></a></li> <li><a href="/ssh-include/"><span class="thumb"><img width="50" height="50" src="/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" class="attachment-50x50 size-50x50 wp-post-image native-lazyload-js-fallback" alt="" loading="lazy" data-src="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/1586709168_fd30afd743_o-150x150.jpg"></span><span class="side-entry-title">Mac で .ssh/config ファイルを include で分割して管理</span></a></li> <li><a href="/macos-sierra-use-keychain/"><span class="thumb"><img width="50" height="50" src="/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" class="attachment-50x50 size-50x50 wp-post-image native-lazyload-js-fallback" alt="" loading="lazy" data-src="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/4471891475_5a5f2a2c37_b-150x150.jpg"></span><span class="side-entry-title">macOS Sierra の SSH で、秘密鍵のパスフレーズが Keychain 保存さã
1‚Œãªã„問題の解決方法</span></a></li> <li><a href="/wordpress-coding-flow-02/"><span class="thumb"><img width="50" height="50" src="/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" class="attachment-50x50 size-50x50 wp-post-image native-lazyload-js-fallback" alt="" loading="lazy" data-src="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/wordcamp-tokyo-2016-150x150.jpg"></span><span class="side-entry-title">WordCamp Tokyo 2016 でもテーマ作成についての疑問をぶつけたけど、みんなどうやって構築してますか?</span></a></li> <li><a href="/a-blog-cms-schedule-edit-data/"><span class="thumb"><img width="50" height="50" src="/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" class="attachment-50x50 size-50x50 wp-post-image native-lazyload-js-fallback" alt="" loading="lazy" data-src="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/a-blog-cms-datepicker04-150x150.jpg"></span><span class="side-entry-title">a-blog cms のスケジュールに簡易なカレンダーUIを表示してみる</span></a></li> <li><a href="/freelance-2016/"><span class="thumb"><img width="50" height="50" src="/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" class="attachment-50x50 size-50x50 wp-post-image native-lazyload-js-fallback" alt="" loading="lazy" data-src="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/freelance2016-150x150.png"></span><span class="side-entry-title">元フリーランス(´ ºムº `):法人化した理由とフリーランス時代の単価について</span></a></li> <li><a href="/established-hamworks-02/"><span class="thumb"><img width="50" height="50" src="/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" class="attachment-50x50 size-50x50 wp-post-image native-lazyload-js-fallback" alt="" loading="lazy" data-src="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/hamworks_h2ham_logo-150x150.png"></span><span class="side-entry-title">改めて、株式会社HAMWORKSを設立しました</span></a></li> <li><a href="/established-hamworks/"><span class="thumb"><img width="50" height="50" src="/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" class="attachment-50x50 size-50x50 wp-post-image native-lazyload-js-fallback" alt="" loading="lazy" data-src="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/h2ham_hamworks-150x150.png"></span><span class="side-entry-title">株式会社HAMWORKSを設立しました</span></a></li> <li><a href="/wordpress-coding-flow/"><span class="thumb"><img width="50" height="50" src="/wp-content/plugins/native-lazyload/assets/images/placeholder.svg" class="attachment-50x50 size-50x50 wp-post-image native-lazyload-js-fallback" alt="" loading="lazy" data-src="https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/wct2015-01-150x150.png"></span><span class="side-entry-title">デザインから WordPress のテーマ作成までの自分のワークフローを見直す</span></a></li> </ul> </div> <div class="sideblock cl"> <ul> </ul> </div> </aside></div><footer id="footer" role="contentinfo"> <div class="inner cl"> <div class="footer-archive-list cl"> <h4 class="mb0">Archive</h4> <ul><li><a href="/2019">2019å¹´</a><ul class="cl"><li><a href='/2019/12/'>12月</a>&nbsp;(1)</li></ul></li><li><a href="/2018">2018å¹´</a><ul class="cl"><li><a href='/2018/12/'>12月</a>&nbsp;(1)</li></ul></li><li><a href="/2017">2017å¹´</a><ul class="cl"><li><a href='/2017/01/'>1月</a>&nbsp;(2)</li></ul></li><li><a href="/2016">2016å¹´</a><ul class="cl"><li><a href='/2016/12/'>12月</a>&nbsp;(3)</li><li><a href='/2016/04/'>4月</a>&nbsp;(2)</li></ul></li><li><a href="/2015">2015å¹´</a><ul class="cl"><li><a href='/2015/12/'>12月</a>&nbsp;(5)</li><li><a href='/2015/11/'>11月</a>&nbsp;(4)</li><li><a href='/2015/10/'>10月</a>&nbsp;(1)</li><li><a href='/2015/07/'>7月</a>&nbsp;(1)</li><li><a href='/2015/06/'>6月</a>&nbsp;(4)</li><li><a href='/2015/05/'>5月</a>&nbsp;(1)</li><li><a href='/2015/04/'>4月</a>&nbsp;(2)</li></ul></li><li><a href="/2014">2014å¹´</a><ul class="cl"><li><a href='/2014/12/'>12月</a>&nbsp;(5)</li><li><a href='/2014/11/'>11月</a>&nbsp;(10)</li><li><a href='/2014/10/'>10月</a>&nbsp;(17)</li><li><a href='/2014/09/'>9月</a>&nbsp;(4)</li><li><a href='/2014/08/'>8月</a>&nbsp;(7)</li><li><a href='/2014/07/'>7月</a>&nbsp;(1)</li><li><a href='/2014/06/'>6月</a>&nbsp;(4)</li><li><a href='/2014/05/'>5月</a>&nbsp;(3)</li><li><a href='/2014/04/'>4月</a>&nbsp;(13)</li><li><a href='/2014/03/'>3月</a>&nbsp;(1)</li><li><a href='/2014/02/'>2月</a>&nbsp;(29)</li><li><a href='/2014/01/'>1月</a>&nbsp;(31)</li></ul></li><li><a href="/2013">2013å¹´</a><ul class="cl"><li><a href='/2013/12/'>12月</a>&nbsp;(17)</li><li><a href='/2013/11/'>11月</a>&nbsp;(1)</li><li><a href='/2013/10/'>10月</a>&nbsp;(1)</li><li><a href='/2013/09/'>9月</a>&nbsp;(9)</li><li><a href='/2013/07/'>7月</a>&nbsp;(1)</li></ul></li></ul> </div> <p class="copyright"><small>&copy; 2013 <a href="/">HAM MEDIA MEMO</a></small></p> </div></footer>
1<script type="text/javascript">( function() {var nativeLazyloadInitialize = function() {var lazyElements, script;if ( 'loading' in HTMLImageElement.prototype ) {lazyElements = [].slice.call( document.querySelectorAll( '.native-lazyload-js-fallback' ) );lazyElements.forEach( function( element ) {if ( ! element.dataset.src ) {return;}element.src = element.dataset.src;delete element.dataset.src;if ( element.dataset.srcset ) {element.srcset = element.dataset.srcset;delete element.dataset.srcset;}if ( element.dataset.sizes ) {element.sizes = element.dataset.sizes;delete element.dataset.sizes;}element.classList.remove( 'native-lazyload-js-fallback' );} );} else if ( ! document.querySelector( 'script#native-lazyload-fallback' ) ) {script = document.createElement( 'script' );script.id = 'native-lazyload-fallback';script.type = 'text/javascript';script.src = 'https://h2ham.net/wp-content/plugins/native-lazyload/assets/js/lazyload.js';
2script.defer = true;document.body.appendChild( script );}};if ( document.readyState === 'complete' || document.readyState === 'interactive' ) {nativeLazyloadInitialize();} else {window.addEventListener( 'DOMContentLoaded', nativeLazyloadInitialize );}}() );</script>
2<link rel='stylesheet' id='yarppWidgetCss-css' href='https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads/hummingbird-assets/2e084742b91f4715fa33c14f75924516.css' type='text/css' media='all'><link rel='stylesheet' id='wp-block-library-css' href='/wp-includes/css/dist/block-library/style.min.css?ver=5.4.2' type='text/css' media='all'>
2<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js?ver=5.4.2'></script>
2<script type='text/javascript' defer src='/wp-content/themes/393c6b80-b098-11ea-9e0b-801a188ee502-8qpqs3/js/script.js?ver=5.4.2'></script>
2<div id="hhscript"></div></body></html>
3<!-- created by Shifter Generator ver.2.0.30 (production) (Jun 17th 2020, 1:35:26 pm +00:00) --->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.