ベーコンさんの世界ブログ

デザイナー&お菓子作ったり企画したりしています。北海道でふざけたブログ書いてます。

楽天やAmazonで大人気のおすすめベーコンランキング

f:id:rororororo:20170417103511j:plain

こんにちは、わたしはベーコンという名前で活動しています。
ベーコン専門家ではありませんが、これもご縁ですのでおすすめのベーコンを見てやってください!
あの子も、この子も、みんなジューシーですよ!
※この記事はベーコンによる、ベーコンのアフィリエイトです。

続きを読む

2017年3月東京カラー印刷 電話繋がらない&地獄の配送遅延もんだい

f:id:rororororo:20170416202532j:plain

2017年3月25日に東京カラー印刷という印刷通販会社に印刷をお願いしました。
年度末までに間に合うよう、頼んだはずが、印刷の都合により印刷物の発送が遅れるという事態がありました

印刷通販がダメってわけじゃないですが、こういうこともあるよっていう事例でございます。

時系列で紹介します

2017年3月25日 13:54 データ受付

24日の深夜に入稿したが、ミスが有り25日に再入稿

2017年3月25日 16:10 データチェック完了/完成日確定・受付完了

ここでデータチェックもエラーなし、納期日も確定はしたんですよ。
でもその3日後…

2017年3月28日 11:54 東京カラー印刷から電話が来る

ぼくは、このとき電話に気付かず、数十分後にかけ直しました。

しかし、電話はなかなか繋がらず、東京カラー印刷の音声メッセージが流れ続ける

それがこんな内容(要約)

東京カラー印刷です、おまたせしております
物流過多により、遅延の報告が配送会社から入っております。
納期には余裕を持って頼んでください。


もう、これが延々と流れるわけ。
何回も聞いたので「物流過多」ってキーワードが妙に頭に残っています。

で、電話がつながったらこれ


東京カラー「お世話になっております、申し訳ありませんが、印刷が間に合わず納期を遅らせてください。すべてのお客様にご連絡しています」

ええー!
電話を待っている間のアナウンスでは「佐川とかヤマトが年度末の荷物多さに遅れる可能性あるよー」
って言っていたけど「東京カラー印刷が印刷間に合わないんかい!」

心の中でつっこみました。

遅延問題にどう対応したか

遅れるものはしょうがない。
ぼくは奇跡的に1日納期を多めに取っていたのでなんとか、一日遅れの3月31日に届くようにしてもらいました。

このときに、「納期伸ばした分のお金はどうなりますか?」と聞いたけど、これってこちらから聞かなかったら返金があったのかなあ
さっとスルーして納期だけのばしたんじゃないのかな…

ちなみにその電話上では金額の話はしなかったけど、あとで金額の詳細が来ていました。

結果は−1000円引き。
うう!
微妙!

まとめ ネット印刷はほどほどに、でも便利

ネット印刷ってね、人間同士の信頼関係もないですから、「ちょっと今回はお願いしますよー」みたいのができないのがね、つらいですよね。

とは言っても、安い。とにかく安い!

ぼくもほどほどの距離感で、これからも印刷通販を使っていこうと思います。
仕上がりはばっちり問題なかったです。ありがとうございました!間に合って!

外付けSSDはケース買って自作するよりパッケージがおすすめ

こちらでも書きましたが最近SSDは「外付けSSD」がおすすめです。

裸のSSDを買って、ケースに入れるのは大容量ならいいけど500GBくらいまでなら、そこそこ速くて安くてしっかりした作りのモデルがあるのでケースが付いてSSDの方がおすすめです。


ちなみにケースに入れるならこの2つのSSDのあたりでしょうか

SanDisk Extreme 500 SDSSDEXT-480G-G25 480GB [並行輸入品]

あなたにおすすめ!こちらにも書きました。
www.baconjapan.com

ベーコンブログのカスタマイズcssをおいておきます。

リクエストが有ったので、2017年4月17日の今の段階でカスタマイズしているHTMLとCSSを公開しておきます。
もともとコーディングをやっていたくせに、コードが整理されていない…
そうだ昔から細かいコーディングが苦手だったんだ…

細かいことは忘れてしまったので解読をお願いします。
だいたい、どこかのブログから頂いたコードです。

ちなみに使っているテーマはCONTENTです。
リンクはこちら
CONTENTS - テーマ ストア

レスポンシブでやっています。
※タイトル画像はヘッダの背景に入れています。

タイトル下

<div class="navi">
<div class="toggle"><a href="#">MENU</a>
  </div>
    <ul class="menu">
    <li><a href="http://www.baconjapan.com/archive/category/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3">デザイン/フォント</a></li>
    <li>
      <a href="http://www.baconjapan.com/archive/category/%E3%82%AE%E3%82%BF%E3%83%BC">音楽/ギター</a>
    </li>
    <li>
      <a href="http://www.baconjapan.com/archive/category/%E4%BB%95%E4%BA%8B">経営/フリーランス/確定申告</a>
    </li>              <li>
    <a href="http://www.baconjapan.com/archive/category/apple">Apple/Mac</a>
    </li>
    </li>              <li><a href="http://www.baconjapan.com/archive/category/%E3%83%96%E3%83%AD%E3%82%B0%E9%81%8B%E5%96%B6">ブログ</a>
    </li>
    <li>
    <a href="http://www.baconjapan.com/search?q=%E3%82%B0%E3%83%A9%E3%83%8E%E3%83%BC%E3%83%A9">自社グラノーラ屋</a>
    </li>
  <li class="close">
    <a href="#">close</a>
  </li>
  </ul>
</div>

<div id="recommend_box2">
<div class="recommend_title2">
HELLO!</div>
<p><a href="http://www.baconjapan.com/entry/2016/11/11/205313">初めてベーコンブログに来てくれた人に読んでほしい10記事です</a></p>
</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $(".toggle").click(function(){
        $(this).next().slideToggle();
    });   
    $(".close").click(function(){
        $(this).parent().slideToggle();
            return false;
    });
 $(window).resize (function(){
    var win = $(window).width();
    var resp = 767;
    if(win > resp){
      $(".menu").show();
    } else {
      $(".menu").hide();
    }
  });
})(jQuery);
</script>

デザインCSS

/* <system section="theme" selected="6653812171397613909"> */
@import url("http://hatenablog.com/theme/6653812171397613909.css");
/* </system> */

.kaerebalink-link1 img, .booklink-link2 img{display:none;}


       
.navi {
       background-color:#000;
       }
.navi li :hover {
       background-color:#F4D823;    /*背景色を黄色に*/
       color:#000000;         /*文字色をネイビーに*/
}
.navi li{
  width:16%;
}
/* Media Queries - Small Tablet & Smartphone */
@media (max-width: 767px) {
.navi li{
  width:100%;
}
}

#title a{ /*記事タイトル*/
   background: linear-gradient(transparent 100%, #000 100%); 
   /*マーカー*/
   color:#F4D823;   
}

.entry-content h3 {
background-color:#F4D823;
color:#000;
 }
.entry-content h2 {
background-color:#F4D823;
color:#000;
 }


.entry-content h3,
.entry-content h1,
.pager-next a:after,
.pager-prev a:after,
#footer,
#footer-inner,
#footer-inner,
#copyr,
.leave-comment-title{
  background: #F4D823;
  color:#000000;  
}
.entry-content h4 {
border-left:none; /*左にある線を消すよ*/
padding-left:40px; /*画像と文字の間隔を広げるよ*/
border-bottom:solid 5px #000;  
color:#000;
 }


#title a,
.point:before,
.column:before,
.attention:before,
#title a{
  color: #F4D823;
}

.entry-header .entry-title a,
.entry-header .entry-title a:visited{
    color: #000;
}

.kaerebalink-box,
.booklink-box,
.entry-content .hatena-asin-detail{
  border: 1px solid #F4D823;
}

.hatena-module-title{
  border-left:4px solid #000;
}

.point,
.column,
.attention,
.entry-content blockquote{
  border: 1px dashed #000; 
}

.entry-header .entry-title,
.page-archive .archive-entry-header .entry-title
{
  border-top: #000 1px solid;
  border-bottom: #000 1px solid;
}





/*カエレバカラー*/
.booklink-box .shoplinkkindle a {
    background: #365899;
}
.booklink-box .shoplinkamazon a {
    background: #DB6809;

}
.kaerebalink-link1 .shoplinkamazon a{
    background: #DB6809;
}


@media (max-width: 767px) {
.navi,
.toggle a
{
  background: #F4D823;
}

.close{
  background: #F4D823;
}
}

 */ここから*/

.toggle,.close{
  display: none;
}

@media only screen and (max-width: 767px) {
  .menu{
    display: none;
    width: 100%;
  }

  .menu a:hover{
    background: #ccc;
  }

  .toggle{
    display: block;
    position: relative;
    width: 100%;
  }
  
  .close{
  display: block;
  position: relative;
  width: 100%;
  background: #457B9D;
  }
  
  .toggle a{
    display: block;
    padding: 12px 0 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background:#1D3557;
  }
  
  .toggle:before{
    position: absolute;
    font-family: "blogicon";
    content: "\f003";
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    color:#fff;
  }
}

/* 吹き出しのCSS */
.entry-content .l-fuki,
.entry-content .r-fuki {
	position: relative;
	width: 80%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 20px;
	border-radius: 6px;
	border: 2px solid #999;
	box-shadow: 1px 1px 5px #aaa;
	background-color: #fff;
	z-index: 1;
}
.entry-content .l-fuki {
	margin: 20px 20% 40px 0;
}
.entry-content .r-fuki {
	margin: 20px 0 40px 19%;
}
.entry-content .l-fuki::before,
.entry-content .r-fuki::before {
	position: absolute;
	content: "";
	top: 16px;
	width: 10px;
	height: 10px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	background-color: #fff;
	z-index: 2;
}
.entry-content .l-fuki::before {
	right: -7px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.entry-content .r-fuki::before {
	left: -7px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.entry-content .l-fuki::after,
.entry-content .r-fuki::after {
	position: absolute;
	content: "";
	width: 80px;
	height: 80px;
	top: -10px;
	border-radius: 40px;
	border: 3px solid #fff;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 1px 1px 5px #aaa;
}
.entry-content .l-fuki::after {
	right: -110px;
}
.entry-content .r-fuki::after {
	left: -110px;
}
@media screen and (max-width: 620px) {
	.entry-content .l-fuki,
	.entry-content .r-fuki {
		width: 70%
	}
	.entry-content .l-fuki {
		margin-right: 30%;
	}
	.entry-content .r-fuki {
		margin-left: 30%;
	}
}
@media screen and (max-width: 478px) {
	.entry-content .l-fuki::after,
	.entry-content .r-fuki::after {
		width: 60px;
		height: 60px;
		border-radius: 30px;
	}
	.entry-content .l-fuki::after {
		right: -84px;
	}
	.entry-content .r-fuki::after {
		left: -84px;
	}
}
.fuki_bbb01::after {background-image:url(https://cdn1.www.st-hatena.com/users/ro/rororororo/profile.gif?1452072111);}
.クラス名::after {background-image:url(画像のURL);}


/* マーカー */

strong {
  background: linear-gradient(transparent 100%, #FF847C 100%);
  background: -moz-linear-gradient(transparent 100%, #FF847C 100%); 
  background: -webkit-linear-gradient(transparent 100%, #FF847C 100%);
  background: -ms-linear-gradient(transparent 100%, #FF847C 100%); 
  background: -o-linear-gradient(transparent 100%, #FF847C 100%); 
  font-weight: bold;
}

.markb {
  background: linear-gradient(transparent 30%, #efe387 30%);
  background: -moz-linear-gradient(transparent 30%, #efe387 30%);      /* Firefox用 */
  background: -webkit-linear-gradient(transparent 30%, #efe387 30%);   /* Safari用 */
  background: -ms-linear-gradient(transparent 30%, #efe387 30%);       /* IE用 */
  background: -o-linear-gradient(transparent 30%, #efe387 30%);        /* Opera用 */
  text-decoration: none;
}


/* 赤アイコン */

.cat {
    background-color: #D12633;
    color: #FFFFFF;
    font-size: 12px;
    margin-right: 5px;
    padding: 2px;
    border: 0px solid;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
/* 囲み */


.point,.column,.attention{
  position: relative;
  background-color: #FFF; 
}

.entry-content blockquote {
  border-style: none;
  margin: 16px;
  padding: 20px;
  background: #F4F4F4;
}

#recommend_box {
    position: relative;
    border: 1px solid #CCCCCC;
    padding: 25px 30px 20px 30px;
}

.recommend_title {
    position: absolute;
    top: -15px;
    left: 20px;
    font-weight: bold;
    font-size: 1.2em;
    background: #FFFFFF;
    padding: 0 8px;
}
.recommend_title:before {
    display: inline-block;
    margin-right: 7px;
}


#recommend_box2 {
    position: relative;
    border: 1px solid #CCCCCC;
    padding: 25px 30px 10px 30px;
    margin-top: 40px;
}
.recommend_title2 {
    position: absolute;
    top: -15px;
    left: 20px;
    font-weight: bold;
    font-size: 1em;
    background: #FFFFFF;
    padding: 0 8px;
}
.recommend_title2:before {
    display: inline-block;
    margin-right: 7px;
}


#recommend_box_sita {
    position: relative;
    border: 2px solid #000;
    padding: 20px 20px 10px 20px;
    margin-top: 20px;
}
#recommend_box_sita li {
	list-style-type: none;
}
#recommend_box_sita li a {
	color: #024EB4;
	font-weight: bold;
}


.recommend_title_sita {
    position: absolute;
    top: -15px;
    left: 20px;
    font-weight: bold;
    font-size: 1em;
    background: #FFFFFF;
    padding: 0 8px;
}
.recommend_title_sita:before {
    display: inline-block;
    margin-right: 7px;
}


.breadcrumb {
    font-size: 70%;
}
#top-box {
    margin: 10px auto 0px;
}
#top-box .breadcrumb {
    border: none;
    padding: 0px;
}

/* メニュー閉じる */


.toggle,.close{
  display: none;
}

@media only screen and (max-width: 767px) {
  .menu{
    display: none;
    width: 100%;
  }

  .menu a:hover{
    background: #ccc;
  }

  .toggle{
    display: block;
    position: relative;
    width: 100%;
  }
  
  .close{
  display: block;
  position: relative;
  width: 100%;
  background: #457B9D;
  }
  
  .toggle a{
    display: block;
    padding: 12px 0 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background:#1D3557;
  }
  
  .toggle:before{
    position: absolute;
    font-family: "blogicon";
    content: "\f003";
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    color:#fff;
  }
}

.atodeyomu {
  position:absolute;
  right: 5px;
  bottom: 5px;
  font-weight: bold;
  text-decoration: none;
}


.entry-content img.hatena-fotolife {
  border: 0px;
}

.entry-content .emphasize-link {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #ee7917;
  background-color: #fffbf5;
}
.entry-content .emphasize-link p:last-child {
  margin-bottom: 0;
}
.entry-content .emphasize-link::before {
  position: absolute;
  bottom: 100%;
  left: -2px;
  padding: 2px 6px;
  content: "Check!!";
  background-color: #ee7917;
  color: #fff;
  font-weight: bold;
}


#appreach-box {
    border-radius: 5px;
    border: double #ececec;
    margin-bottom: 20px;
}
#appreach-box br{
display: none;
 } 
 #appreach-box {
    border-radius: 4px;
    border: solid 1px #e4e4e4;
    margin-bottom: 10px;
    padding-top:10px;
}
#appreach-image{
    width:110px !important;
}
#appreach-appname{
    font-weight:bold;
}
.appreach-links{
    margin-top: 15px;
}

フッター


<!-- CopyRight http://bulldra.http://bulldra.hatenablog.com -->
<script src="https://www.google.com/jsapi"></script>
<script src="http://bulldra.github.io/commons.js" charset="utf-8"></script>
<script src="http://bulldra.github.io/breadcrumb.js" charset="utf-8"></script>
<style>
div #breadcrumb div {
    display: inline;
    font-size: 13px;
}
</style>
<div id="breadcrumb" class='notHierarchy'></div>
String peace = "azatoi";

2017年Adobe CCを激安で買う方法を現役デザイナーが教えます

f:id:rororororo:20170415231630j:plain

ぼくの仕事ではデザインをするためのIllustrator、Photoshopが欠かせません。
似たような高機能のソフトもありますけど、他の人にデータを渡したり印刷会社へデータを送ることを考えるとアドビのソフトを使わないという選択はもうありえないのです…。

そんなAdobeに洗脳されているデザイナーのぼくが、教えるAdobe CCを一番安く買う方法を書いていきます。(半額くらいね)

続きを読む

もうブログ書きたいよなんて言わないよ絶対

更新から、2ヶ月も経ってしまいました。
その間にとある記事が、検索順位を伸ばしまして毎日Amazonの売上を頂いております。
ありがとうございます。

さて、広告業として忙しい年度末も終わり(4月から始まることの広告や、年度末で予算を使い切りたい仕事が多い業界なんです)
またブログを書きたいんですけど、やはり物事を続けるにはこれが必要っすよね。

続きを読む

2017年夏フェスのクラムボンはちょっと早めに集合するとプレゼントがあるかも


今年も夏フェスがやってきます。
北海道はRISING SUNにJOIN ALIVE!
ぼくはクラムボンが好きなんですけど、夏フェスにクラムボンが出演する時はちょっと早めに会場に行くことをおすすめしています。

続きを読む

2017年1月は10万PVでした。収益報告とよく読まれた記事

f:id:rororororo:20170120002521j:plain

1年ぶりに1ヶ月20記事以上更新できました。

去年は、お菓子の仕事の拡大、会社設立などをしていてブログを書けなくなってしまいました。

しかし、ブログを初めて1年2ヶ月、自分がなにをやりたいのかを、たくさん考えましたがその中の一つにブログがあるのことは間違いないことを確信しましたので今年はもっとがんばれると思います。

と、書くだけで嬉しい気持ちになったりしています。(ブログが楽しいってことだよ)

こののPV報告では、ちょっと変わったバズり方をしたことや、ライフハッカーに取り上げられたことも書いていますのでごゆっくりどうぞ!

続きを読む

お菓子の卸販売ではFAXを強要されるが、使わなくてもいい方法

f:id:rororororo:20170128140924j:plain

ぼくは、ずっとITの仕事しかしたことがないぼくとって、FAXは昔のモノだと思っていました。

しかし、仲間たちとグラノーラの販売事業を始めてからFAXが現実に、というか未だ現役で使われていることを知りました。
(ぼくはお菓子を売ったり、お店に卸したりしています。)

「FAXを使わないといけない」という空気が変わるといいなと思っていたのと
今、ネットでPTAではFAXを使わないといけない、というのが話題なので書いてみました

(焼き菓子で月20万円を売る"新しい生き方"の話はシリーズ化していこうと思っています)

続きを読む