独自ドメインのメールが消える事象への対応策【エックスサーバー】【iPhone】
iPhoneの標準メールアプリで独自ドメインのメールを受信してたのですが、数分後に受信したはずのメールが消えるという事象が発生しました。
その場合の原因と対処法について解説します。
設定していた環境
原因
ここだけ見ると「？」となると思います。
カンタンに言えば、POPを使って独自ドメインのメールを受信すると、サーバー上にあるメールをダウンロードし削除してしまいます。
他方、IMAPを使って独自ドメインを受信すると、サーバーにあるメール情報と同期する感じ。
つまり、Gmailでサーバー上にあるメールをダウンロード・削除し、その削除されたサーバーにiPhoneで同期することによって、削除されたように見えた感じになっちゃったワケですね。
IMAPとPOPの説明についてはここで詳しく書いています。
POPとIMAPの基本と選択-MDaemon Tips-ウェアポータル株式会社
対応策
Gmailの設定のところで「取得したメッセージのコピーをサーバーに残す。」にチェックを入れるだけでOK。
これでサーバー上にメールが残ります。
まじで誰かのイタズラなんじゃねーかって思ってました…。
エックスサーバーで問い合わせして解決。
IMAPとPOPの説明までしていただき、とても丁寧かつ勉強になりました。ありがとうございます。
Gmailで独自ドメインのメール取得する場合は気をつけよう。
では。
【CSS】サイト制作時の備忘録【随時更新】
CSSの背景を復数表示させる方法
例えば固定ページのタイトルの背景画像を設定する場合、一つひとつの画像に透過性のある黒を重ねるのは面倒くさい。
CSSでそれを一気に指定してしまえば、楽だなーって思ってたら、その方法があったので記載。
一番最初に指定した画像が最前面に表示され、その後に続いていく感じ。
.sample {
background: 【最前面】, …, 【再背面】;
}
上の「オーダースーツ」の画像は、以下の３つを準備。
【最前面】透過性のあるドット画像↓
【２番目】黒のグラデーション（CSSで指定）
【再背面】スーツの画像
コードは以下の通り。
.sample {
padding: 100px;
background:
url("img/dot_bg.png"), /* 最前面 */
linear-gradient( to left, rgba(0,0,0,0), #000 ), /*2番目 */
url("img/fv.jpg"); /* 最背面 */
background-repeat:
repeat, /* dot_bgに適用 */
repeat, /*liner-gradientに適用 */
no-repeat; /*fv.jpgに適用 */
background-size:
auto,
auto,
cover;
}
結果はこんな感じ。
参考サイト
【SNS関連】サイト制作時の備忘録【随時更新】
Facebookの投稿をiframeで表示させる
Facebookページをサイトに埋め込む方法。
ページプラグイン - ソーシャルプラグイン - ドキュメンテーション - 開発者向けFacebookから、コードを取得してiframeで埋め込む。JSでも可能。
幅はレスポンシブにする方法もあるが、300pxぐらいにしておけば結構見える（※要確認）。
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ffacebook&tabs=timeline&width=300&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=【IDを記載】" width="300" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
参考サイト： 超簡単だった！FacebookページをWebサイトに貼り付ける方法 | ゆうそうとITブログ
リファレンス： ページプラグイン - ソーシャルプラグイン - ドキュメンテーション - 開発者向けFacebook
Instagramをサイトに表示させる
SnapWidget | Instagram Widgetを使えば、カンタンに埋め込み可能。
参考サイト： 【第4弾】Instagramを更に活用する方法！ホームページと連動・埋め込みの方法は？|ブログ|ホームページ制作 集客｜SEO対策｜株式会社サイバーアクセル・アドバイザーズ【東京・福岡】
【WordPress】サイト制作時の備忘録【随時更新】
固定ページを一覧表示する
コード
<?php wp_list_pages('title_li='); ?>
参考サイト・リファレンス
WordPressのフッターにウィジェットを追加する方法
functions.phpに以下のコードを追記する。
ウィジェットじゃなく、直接記述する方がカスタマイズ性は高いけど、使う時のため。
register_sidebar(array('name' => 'フッター１'));
register_sidebar(array('name' => 'フッター２'));
register_sidebar(array('name' => 'フッター３'));
footer.phpに以下のコード書いて表示。
<aside>
<ul><?php dynamic_sidebar('フッター１'); ?></ul>
<ul><?php dynamic_sidebar('フッター２'); ?></ul>
<ul><?php dynamic_sidebar('フッター３'); ?></ul>
</aside>
参考サイト・リファレンス
front-pageかどうか判定するコード
<?php is_front_page(); ?>
ページ全体にclassを付与するコード
<?php body_class(); ?>
body要素に使うclass属性。
例えば、こんな感じで表示される。
これは、管理画面にログイン中に固定ページにアクセスした場合。
<body class="page-template-default page page-id-18 logged-in">
テンプレートパーツを読み込むコード
<?php get_template_part('sample'); ?>
参考サイト・リファレンス
【WordPress】任意のテンプレートパーツを読み込む関数［get_template_part() ;］の使い方。 - ONZE
関数リファレンス/get template part - WordPress Codex 日本語版
パンくずリストを使う
// パンくずリスト
function breadcrumb(){
global $post;
$str ='';
if(!is_home()&&!is_admin()){ /* !is_admin は管理ページ以外という条件分岐 */
$str.= '<div id="breadcrumb">';
$str.= '<ul>';
$str.= '<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="' . home_url('/') .'" class="home" itemprop="url" ><span itemprop="title">HOME</span></a></li>';
/* 投稿のページ */
if(is_single()){
$categories = get_the_category($post->ID);
$cat = $categories[0];
if($cat -> parent != 0){
$ancestors = array_reverse(get_ancestors( $cat -> cat_ID, 'category' ));
foreach($ancestors as $ancestor){
$str.='<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="'. get_category_link($ancestor).'" itemprop="url" ><span itemprop="title">'. get_cat_name($ancestor). '</span></a></li>';
}
}
$str.='<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="'. get_category_link($cat -> term_id). '" itemprop="url" ><span itemprop="title">'. $cat-> cat_name . '</span></a></li>';
$str.= '<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">'. $post -> post_title .'</span></li>';
}
/* 固定ページ */
elseif(is_page()){
if($post -> post_parent != 0 ){
$ancestors = array_reverse(get_post_ancestors( $post->ID ));
foreach($ancestors as $ancestor){
$str.='<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="'. get_permalink($ancestor).'" itemprop="url" ><span itemprop="title">'. get_the_title($ancestor) .'</span></a></li>';
}
}
$str.= '<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">'. $post -> post_title .'</span></li>';
}
/* カテゴリページ */
elseif(is_category()) {
$cat = get_queried_object();
if($cat -> parent != 0){
$ancestors = array_reverse(get_ancestors( $cat -> cat_ID, 'category' ));
foreach($ancestors as $ancestor){
$str.='<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="'. get_category_link($ancestor) .'" itemprop="url" ><span itemprop="title">'. get_cat_name($ancestor) .'</span></a></li>';
}
}
$str.='<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">'. $cat -> name . '</span></li>';
}
/* タグページ */
elseif(is_tag()){
$str.='<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">'. single_tag_title( '' , false ). '</span></li>';
}
/* 時系列アーカイブページ */
elseif(is_date()){
if(get_query_var('day') != 0){
$str.='<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="'. get_year_link(get_query_var('year')). '" itemprop="url" ><span itemprop="title">' . get_query_var('year'). '年</span></a></li>';
$str.='<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="'. get_month_link(get_query_var('year'), get_query_var('monthnum')). '" itemprop="url" ><span itemprop="title">'. get_query_var('monthnum') .'月</span></a></li>';
$str.='<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">'. get_query_var('day'). '</span>日</li>';
} elseif(get_query_var('monthnum') != 0){
$str.='<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="'. get_year_link(get_query_var('year')) .'" itemprop="url" ><span itemprop="title">'. get_query_var('year') .'年</span.</a></li>';
$str.='<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">'. get_query_var('monthnum'). '</span>月</li>';
} else {
$str.='<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">'. get_query_var('year') .'年</span></li>';
}
}
/* 投稿者ページ */
elseif(is_author()){
$str .='<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">投稿者 : '. get_the_author_meta('display_name', get_query_var('author')).'</span></li>';
}
/* 添付ファイルページ */
elseif(is_attachment()){
if($post -> post_parent != 0 ){
$str.= '<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="'. get_permalink($post -> post_parent).'" itemprop="url" ><span itemprop="title">'. get_the_title($post -> post_parent) .'</span></a></li>';
}
$str.= '<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">' . $post -> post_title . '</span></li>';
}
/* 検索結果ページ */
elseif(is_search()){
$str.='<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">「'. get_search_query() .'」で検索した結果</span></li>';
}
/* 404 Not Found ページ */
elseif(is_404()){
$str.='<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">お探しの記事は見つかりませんでした。</span></li>';
}
/* その他のページ */
else{
$str.='<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">'. wp_title('', false) .'</span></li>';
}
$str.='</ul>';
$str.='</div>';
}
echo $str;
}
参考サイト・リファレンス
プラグインを使わずに『パンくずリスト』を表示させる - ギーク日記
テンプレートファイル上でギャラリーを作成する
<?php echo do_shortcode( '[gallery option1="value1"]' ); ?>
参考サイト・リファレンス
ギャラリーショートコードの使い方 - WordPress Codex 日本語版
ショートコードをテンプレートファイル内に記述
<?php echo do_shortcode('[ショートコードの文字列]'); ?>
参考サイト・リファレンス
WordPressのテーマphpでショートコードを呼び出す方法 | Web制作・Webシステムの株式会社ワイワイエンジン
関数リファレンス/do shortcode - WordPress Codex 日本語版
サイトマップを作るプラグイン「PS Auto Sitemap」
参考サイト・リファレンス
クックパッド有料会員の最大メリットは人気レシピが検索できることである２つの理由
こんにちは、田中です。北九州でフリーランスwebデザイナーしてます。
クックパッドの有料会員になってみました。
一週間経ったので、その感想を書いてみます。
一言で言えば「時短、かつ美味しいのが作れる」って感じですかね。とにかく人気レシピが見れるのが良い。人気レシピが見れるのが良い。
大事なので２回言いました。
後輩にその感想書けって言われたので、書きますね。
理由①：献立が決まるのが早いので楽
一番はコレ。
みなさんどんな感じでクックパッド使ってるかわかりませんが、だいたい冷蔵庫に余ってる食材を１〜２個ぐらい検索してレシピを探すって使い方じゃないでしょうか。
「にんじん たまご」とか「キャベツ 鶏もも肉 玉ねぎ」とか。
今まではクックパッドのレシピ見ても「これホントに美味しいんかな？」「なんか微妙やなー」という感じで、ピンと来るレシピが見つかるまで時間がかかってました。
結局、クックパッドではいいレシピが見つからず、Googleで検索して色んなサイト見て、やっと作るレシピを決めるって感じ。
レシピを探すこと自体に時間を掛けたくないので、ちょっとしたフラストレーションでした。
んで、有料会員になったらどうか。
会員になると人気レシピがランキング形式で見れます。まあこれが良い！ってかこれだけでいいぐらい。
直感的な感想で恐縮ですが「これうまそう！」っていうレシピがだいたい２〜３品見れば見つかる。
早い。ノンフラストレーションっすわ。
レシピが決まるまでの時間が短くなる、という意味での時短ですね。
最近作ったのはこれとか。「鶏もも肉 にんじん」で検索したらヒットした。人気ランキング２位。
理由②：旨いレシピが見つかる
作るレシピが早く決まるのもいいんですけど、実際に作っても美味しいのが多い。
これ美味しかった。「鶏もも肉 ゆで卵」で人気ランキング１位。鶏もも肉ばっかりですね私。
「パスタ オイルサーディン」で３位。ちょっとニッチな食材ですけど、これも美味しかった。
ここで言う美味しいっていうレベルは「また食べたいなー」って感じるものです。
レシピが保存できるので、リピートしやすい
「また食べたい」って思っても、またゼロから調べるのがめんどくさいですよね。
有料会員になってたら、3,000レシピまで保存ができます。（非有料会員は20レシピまで）
フォルダ分けもできるので（これは非有料会員でも可）、リピートしたいものを分けて保存できます。
こんな感じ。
私は別途ノートを作ってるので、あんまり活用してませんが、そうゆう習慣がない人には良い機能だと思います。
あと暇な時にレシピ調べて「作ってみたいレシピ」とかフォルダに保存するのもいいかも。
なんかステマ感満載な感想記事になってしまいましたが、クックパッド有料会員のアフィリエイトとかないし、純粋なユーザーの感想です。
当面は有料会員続けようと思います。
以上です！では！
殿堂入りレシピも大公開! クックパッドの大人気おかず108 Part.2 (扶桑社ムック)
- 作者: クックパッド株式会社
- 出版社/メーカー: 扶桑社
- 発売日: 2015/01/29
- メディア: ムック
- この商品を含むブログ (1件) を見る
カルビだけじゃ飽きるぜ！バーベキューをもっとおいしくする＋αの食材・レシピ15選
こんにちは、田中です。北九州でフリーランスwebデザイナーしてます。
先週、バーベキューしました。
ビールは黒ラベル派
そうそう、そういえば「最近バーベキューしましたよ」って初対面の人に伝えたら「バーベキューの仕事してそう」って言われました。
いったい、それはどんな仕事なんでしょうか。
それはさておき。
バーベキューと言えば肉、肉といえばやっぱりカルビですが、それだけじゃとっても飽きますよね。
料理でもそうなんですけど、一種類のものをドーン！より、たくさんの種類をちょこちょこ食べる方が幸せを感じます。年のせいでしょうか。
僕はこれを幕の内理論と呼んでます。
そんな幕の内な皆さまの心をを満たすバーベキューをするためには、色んな食材やレシピを準備しなければなりません。
買い出ししてる時に友人にも色々教えてもらったのを含めてバーベキューをもっと楽しく・美味しくする＋アルファの食材・レシピをいくつかご紹介します！！！
目次
お肉系
豚バラブロックの丸焼き
豚バラブロックを買って、塩コショウをしまくって、じっくり弱火で全面焼くだけ。時間がかかりますが、最初にポンと置いておけばOK。時間はかかりますが美味しいです！
厚切り牛タン
そのままです、デカいタン。テンション上がりますし、旨いです。 塩コショウのみで味付け。あればレモンも絞るといいよね！
高いステーキ肉
こちらもそのままですが、テンション上がります。 厚みにもよりますが、良い肉はすぐに焼けるので、焦げに注意。
砂ずり・砂肝
コリコリが美味しい！焼けたかどうかの見極めが結構微妙でしたが、ビールに合うのが良い！塩コショウと、一味があると嬉しいね！
魚介系
あさりのバター醤油
砂抜きしたあさりを網で焼いて、口が開いたらバターとしょう油をかけるだけ。お酒に合いまくるので、ビールが無限に飲めます。
ほっけ 
終盤になるとごはんが恋しくなってきますよね。そんな時のお供に最高なのがほっけ。お酒のつまみにも最高です！ただ、網にひっつきやすいので注意！少し油を塗っててもいいかもね！
ししゃも
SHISHAMO。やっすいやつはペラッペラしてるので、少し値が張るやつのがオススメ。ほぼ一人で全部食べてしまった。笑
いわしの缶詰をそのまま焼く
参考にならん画像ですみません
イワシの缶詰を開けて網の上に乗っけるだけ！味は濃いめですが、それがまたビールに合って良い。
野菜・きのこ系
アスパラ豚バラ巻き
ピーラーで軽く剥いたアスパラに豚バラを巻いて、塩コショウで焼くだけ！変わり種が嬉しいね！
しいたけの醤油バター焼き
バター醤油にするだけでスーパー旨い。友達が味付けしてくれました。その日一番ぐらいの美味さだったやつ！
お菓子・デザート系
マシュマロ
定番っちゃ定番ですが、美味しいですよね。軽く炙るぐらいでいいっす。長めの串とかあるといいかも！
鈴カステラ
BBQして気付いたんですけど、マシュマロを焼いて食べるやつあるじゃないですか。
— 田中謙臣 (@KENSHIN__TANAKA) 2017年4月13日
あれもモチロン美味しいんですけど是非「鈴カステラ」を網で軽く炙って食べてみて欲しいんですよね。
砂糖が程よく溶けて口当たりサクッとなるのに、中はフワッと温かいので、カンタンスイーツとしてお勧めです。
これ偶然の産物やったんですけど、メッチャうまかった。是非お試しあれ。
カット果物 
お口直しに。焼きませんよ。笑
その他
はんぺんのバター醤油焼き
教えてもらったやつ！これメッチャ旨い！！！
いかがだったでしょうか。
だいぶ涼しくなってきましたが、「まだ夏っぽいことしてねえ！」って人は是非バーベーキューをば。
やる際は上記食材を参考にどぞ。
では！
軍手必需。
↓読んでません。笑
