今年の目標は生産性をあげることにしようと思います。
このブログもなんだかんだで閲覧数が徐々に増えてきているのでこのブログも継続して盛り上げて行きたいと思います。
ネタとしてはニッチなものが閲覧数上がりがちなので、よりニッチに、マニアックに、を心がけていきたいと思います。
とりあえず今の目標です。
目標を都度アップデートするというのも目標にしていきたいかなーと思います。
掲示板を構築してみたいと思います。
完成したものはこちら → https://tlog.work/bord.php
20210903 リンク切れ修正しました。
動作動画↓
完成したものを見ると、googleフォームじゃないじゃん？
って感じですが、googleフォームでスプレッドシートに内容を送信し、送信した内容を表示する、という中身になってます。
上記の組み合わせで構築します。
googleフォームを作ります。
https://docs.google.com/forms/
名前とコメントが投稿できるだけです。
回答の、スプレッドシートのマークを選ぶと、回答のシートが作成できます。
こんな感じ。
このシートで、
ツール > スクリプトエディタ
を選択してください。
エディタが立ち上がったら次のように入力
function doGet() {
const sheet = SpreadsheetApp.getActive().getSheetByName('フォームの回答 1')
const rows = sheet.getDataRange().getValues()
const keys = rows.splice(0, 1)[0]
const data = rows.map(function (row) {
var item = {}
row.map(function (val, i) {
item[String(keys[i])] = val
})
return item
})
return ContentService.createTextOutput(JSON.stringify(data)).setMimeType(ContentService.MimeType.JSON)
}
ウェブアプリケーションとして導入します。
許可作業が求められるので許可してください。
生成したURLにアクセスした場合に、何か回答がすでにある場合は以下のように表示されるはずです。
次に自分の所有しているレンタルサーバーにつぎのようなPHPをアップロードしてください。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<?php
$url = "https://script.google.com/macros/s/AKfycbwafJYUvnoL0iVRMjWL5ruLsPKEfXq9oLWmr8YIS0Zmw6uiaR9D/exec";
$json = file_get_contents($url);
//データを変換
$json = mb_convert_encoding($json, 'UTF8', 'ASCII,JIS,UTF-8,EUC-JP,SJIS-WIN');
//配列に入れる
$arr = json_decode($json,true);
?>
<h2>掲示板</h2>
<ul>
<?php
foreach ($arr as $text) {
echo "<li>";
echo "<p>投稿時間:".htmlspecialchars($text["タイムスタンプ"], ENT_QUOTES, 'UTF-8')."</p>";
echo "<p>名前:".htmlspecialchars($text["名前"], ENT_QUOTES, 'UTF-8')."</p>";
echo "<p>コメント:".htmlspecialchars($text["コメント"], ENT_QUOTES, 'UTF-8')."</p>";
echo "</li>";
}
?>
</ul>
</body>
</html>投稿用のgoogleformは次の通り
https://docs.google.com/forms/d/e/1FAIpQLScyIRxqjo00X-il7hakCPMONAAGnhg9V35IpRG6zuvDgNTqUw/viewform
自由に試してみてもらって構いません。（個人情報や、みられて困ることは書き込まないでね。削除対応はしません。）
投稿する場所がバラバラだと使いにくいので、ページの下にくっつけます。
これをやるだけです。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<?php
$url = "https://script.google.com/macros/s/AKfycbwafJYUvnoL0iVRMjWL5ruLsPKEfXq9oLWmr8YIS0Zmw6uiaR9D/exec";
$json = file_get_contents($url);
//データを変換
$json = mb_convert_encoding($json, 'UTF8', 'ASCII,JIS,UTF-8,EUC-JP,SJIS-WIN');
//配列に入れる
$arr = json_decode($json,true);
?>
<h2>掲示板</h2>
<ul>
<?php
foreach ($arr as $text) {
echo "<li>";
echo "<p>投稿時間:".htmlspecialchars($text["タイムスタンプ"], ENT_QUOTES, 'UTF-8')."</p>";
echo "<p>名前:".htmlspecialchars($text["名前"], ENT_QUOTES, 'UTF-8')."</p>";
echo "<p>コメント:".htmlspecialchars($text["コメント"], ENT_QUOTES, 'UTF-8')."</p>";
echo "</li>";
}
?>
</ul>
<!-- jQueryの読み込み -->
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"></script>
<script>
function postToGoogle() {
//入力内容を取得
var field1 = $('[name="entry.335927705"]').val();
var field2 = $('[name="entry.79169581"]').val();
//urlやentryは書き換えてね。
$.ajax({
url: "https://docs.google.com/forms/d/e/[key]/formResponse",
data: {"entry.335927705": field1,
"entry.79169581": field2
},
type: "POST",
dataType: "xml",
statusCode: {
0: function() {
//Success message
location.href="xxxxxx/bord.php";
},
200: function() {
//Success Message
location.href="xxxxx/bord.php";
}
}
});
}
</script>
<form action="#" method="post">
<input type="text" name="entry.335927705" value="" placeholder="名前"><br>
<textarea name="entry.79169581" placeholder="コメント"></textarea><br>
<input type="button" onClick="postToGoogle()" value="送信">
</form>
</body>
</html>https://kouga.tlog.work/bord.php
以上です。装飾でチャットっぽくもできると思うのでそういうのもいいかもしれませんね。
投稿後、キャッシュで投稿内容が表示されない場合がありますね・・・。
対策は色々あると思いますが、今回はそこまでやりません（飽きてる）
リロードして確認してください。
生活を記録するボタンを作ってみました。
こちらはgithubで公開しています。
次のように利用しましょう。
スプレッドシートから生成したjsonデータをPHPで利用しています。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<?php
$url = "https://script.google.com/macros/s/AKfycbxR0D4OJhcTKoB_UX5O9WTkYMlfsj_I1UYxx003/exec";
$json = file_get_contents($url);
//データを変換
$json = mb_convert_encoding($json, 'UTF8', 'ASCII,JIS,UTF-8,EUC-JP,SJIS-WIN');
//配列に入れる
$arr = json_decode($json,true);
//配列を全て吐き出す
var_dump($arr);
?>
<h2>
<?php //0番目のタイトルを出力
echo $arr[0]['title'];
?>
</h2>
<p>
<?php //0番目のタイトルを出力
echo $arr[0]['contents'];
?>
</p>
<h2>ループで出力</h2>
<ul>
<?php
foreach ($arr as $text) {
echo "<li>".$text["title"].$text["contents"] ."</li>";
}
?>
</ul>
</body>
</html>
https://kouga.tlog.work/test.php
php.iniの設定で「file_get_contents」が使えない設定だと動きません。
無料サーバーでは動きませんでした。
さくらサーバーではすんなり動きました。XFREEは🙅♂️でした。
これで、「スプレッドシートを更新したらPHPサイトに反映できる」
というサイトが実現できましたね。
スプレッドシートはgoogleフォームで内容を追加する仕組みがもともと備わっていますね。
今までやってきたことを組み合わせれば、掲示板やチャットが作れるのではないでしょうか？
上記ではスプレッドシートの編集は自分しかできないため、適当に出力していますが複数人が投稿できる場合はセキュリティにももう少し気を使う必要がありそうです。
↓やってみました
スプレッドシートには超便利な、データ収集機能がついてます。
意外と知ってる人いないけど便利すぎてたまげる。
=ImportHtml("http://www.data.jma.go.jp/obd/stats/etrn/view/nml_sfc_ym.php?prec_no=44&block_no=47662&year=2019&month=12&day=&view=", "table", "0")URLは 取得したいデータのあるページ
クエリはテーブル
指数はなんばんめにあるか。
って感じですね。クエリで指定できるのはlistかtableのみ。
例
=ImportHtml("http://www.data.jma.go.jp/obd/stats/etrn/view/nml_sfc_ym.php?prec_no=44&block_no=47662&year=2019&month=12&day=&view=", "table", "0")天気に関するページからデータを取ってきてます。
//タイトル
=IMPORTXML("https://www.yahoo.co.jp/","//title")
//ディスクリプション
=IMPORTXML("https://www.yahoo.co.jp/","//meta[@name='description']/@content")
=IMPORTXML("https://www.yahoo.co.jp/","//a/@href")
=IMPORTXML("https://www.yahoo.co.jp/","//a/text()")最初にURL
次の引数はXpathです。
デベロッパーツールでxpathを入手できるのですが
なかなかうまく出力できません。
//titleとかいれると、ページのタイトルが出てきます。
上の例はリンク先一覧が出てきます。
Xpathについて記事があったので貼っておきます
https://qiita.com/rllllho/items/cb1187cec0fb17fc650a
うーむ、やってもうまくいかない・・・
とってきたデータでjsonをつくると面白いかもしれません。
サイトに出力利用する方法は以下
元記事はこちらです
https://qiita.com/gurigurico/items/2432ae08118050a280e8
スプレッドシートからjsonファイルを提供できるらしいです。
スクリプトエディタを起動
データを整形する。
元記事のスクリプトを引用させていただきました。
function doGet() {
const sheet = SpreadsheetApp.getActive().getSheetByName('シート1')
const rows = sheet.getDataRange().getValues()
const keys = rows.splice(0, 1)[0]
const data = rows.map(function (row) {
var item = {}
row.map(function (val, i) {
item[String(keys[i])] = val
})
return item
})
return ContentService.createTextOutput(JSON.stringify(data)).setMimeType(ContentService.MimeType.JSON)
}
公開する。
全員に公開で、アプリケーションを承認するとURLが出てきます。 h
できました！
ちゃんと表示されます。
スプレッドシートを更新すると・・・？
ちゃんとjsonにも反映されます。
これはすごい。
すごい可能性を感じるので、これについてもう少し掘り下げてみたいと思います。
function doGet() {
//シートを取得する
const sheet = SpreadsheetApp.getActive().getSheetByName('シート1');
const rows = sheet.getDataRange().getValues();
//Browser.msgBox(JSON.stringify(rows));
return ContentService.createTextOutput(JSON.stringify(rows)).setMimeType(ContentService.MimeType.JSON);
}縦並びの場合は多分これでいける。
今実家に帰っているのですが、みんなFGOやってるんですよね。
それで、ちょこちょこっと魅力について聞いてみました。
Fate/Grand Order は2015年に配信が開始されたスマホ向けゲームで1500万ダウンロードされてる人気アプリです。
今から初めるに当たって友人たちに、コツを聞いてきました。
べつにアフィリエイトのために書いてる記事ではないで、あんまり興味もないしズバズバ書きます。
個人的に耳にしている感じでは、キャラが欲しすぎて、しかし手に入らなすぎて破産してる。みたいなイメージがあります。
しかし、本来の魅力は「シナリオ」にあるみたいです。
初代のFateについては、アニメの「Fate/stay night [Unlimited Blade Works]」をみていたのである程度の知識はあります。
しかし、FGOに関しては古くからのファンから指示を集めてるわけでもなく、新規層も参入してきていてファンの入れ替わりがおこっているようです。
なので、事前知識は必要ないっぽいです。
しかし、聖杯戦争のシステムや世界観は共有しているので、過去作のファンも楽しめる感じになってます。
シナリオ主体で楽しむのが一番良いようです。
そもそも過去作がパッとすぐに理解できる感じのものではないので、最初のチュートリアルからものすごいテキスト量が襲ってきます。
シナリオは章に別れていて、それぞれでとりあえず話はまとまっているらしいです。
そして、そろそろ全体も完結するのでは？みたいな事言ってました。
ゲーム公開からずっとやり続けてるっぽいので相当におもしろいシナリオなのだろうと予想できます。
ちょっとやってみたけど、タイムトラベル(?)だったりサバイバル(?)っぽかったり、これから色々展開できそうな要素がいっぱいで気になってます。
最初に結構ダウンロード時間がかかります。
こういうゲームだとあるあるだと思うんですけど、これは必須ですね。
長いテキストで、ローディングで待たされるとめちゃくちゃやる気が失せます。
ゲームシステム、けっこうわけわかんないです。
まだ理解してないです。
属性相性表どうなっとんねん・・・。
そんな人は
マンガでわかる! FGO
https://www.fate-go.jp/manga_fgo/comic01.html
とか
この辺をみるといいみたいですよ(めんどくさ)
友人曰く、ゲーム性はそんなに楽しくない。という評価でした。残念
でも、楽しくないのに続けてるってすごくない？
シナリオを読みたくて初めても、進めるためにはゲームを進めなくてはならないのです。
つまり、最初に「つえーキャラ」を出すとシナリオがサクサク読めます。
おすすめは「ヘラクレス」だそうです。
そのキャラが出るまで、最初のキャラを引き直すリセマラをおこなってもいいかもしれません。
防御面がぺらっぺらだけど、攻撃力が激高いのでさくさく進めていけると言ってました。
また、6章ぐらいまではフレンド枠に強いキャラを置いておけばとくに問題なく進めるそうです。
しかし、いくらサクサクすすめても6章からは本気でゲームに取り組まないとクリアできないというような事を言ってました。
シナリオがっつり読まないといけないから結構体力がいる。
しばらく進めてみてまた加筆する気になったたら加筆してみようかと思います。
CSSを勉強し始めたばかりの人たちにとっては、『padding』や『margin』など、聞き慣れない英語がいっぱい出てきて、その上日本語訳が「内側の余白」「外側の余白」となると、もう覚えずらいことこの上ないですよね。今回は覚えるお手伝いをしたいと思います。
padding（パディング）は和訳すると『詰め物』なんて意味があります。
肩パッドなんかが連想しやすいと思います。
肩パッドは内側につけるので、paddingはborderの内側という感じで覚えて見ましょう。
marginは、paddingじゃない方だから、borderの外側。
解決策１でpadding（パディング）は和訳すると『詰め物』と説明しました。
では、なにかを梱包する想定で考えましょう。
下のようなイメージです。
ここでいうpaddingは、緩衝材の代わりにしている白いタオルです。
ではmarginはどこでしょう。正解は箱の外側です。
他の要素との隙間を空ける用途でよく使うと思いますので、箱を２つ並べてみました。
小さい頃と違って、おとなになると関連性のないことを覚えづらくなるらしいです。
逆に、関連付けると頭に残り易くなります。
今回のことに限らず「記憶力がおちた」と単純に考えず、なにかに関連付けて頭に入れるようにしてみてください。勉強したことが頭に残りやすくなりますよ！
今期はラノベ作品がいっぱいですね。
その中でもひときわ話題となっているのが「転スラ」と「ゴブリンスレイヤー」ですね。
どっちも普通の転生ものや異世界ファンタジーを一捻りしています。
ゴブリンスレイヤーって最近の流れで異世界転生とかゲーム世界ファンタジーの文脈でみられがちですけど（自分もみていたけれど）これってただのファンタジーじゃないですか？
モブキャラ気味の人に焦点を当てた「普通のファンタジー」ものじゃないですかーーー。
登場人物に明確な名前がついてないってのも割とモブ感が出てる気がします。
ゴブスレさん強いといっても、銀等級で上にいくつか階級があったと思いますしね・・・。
結論 ゴブスレは実はラノベっぽさはすごく薄い。
弱いイメージのあるスライムに転生するわけです。
しかしこのスライム、ユニークスキルが強すぎて最初から一切苦労してない。
あと、大賢者スキルのおかげで困ってないし、ゲームのメタ視点を持ってしまっている。
これは完全にゲームの世界であるし、転生ものの特徴をちゃんと抑えているし俺TUEEEEEEである。
この作品の面白さは、スライムという世界の中でも弱そうでなめられてるキャラが、異世界世界で無双していく気持ちよさである。気持ちいよね？？
さらにスライムなので性別はないので女の子に可愛がられるし、そもそも可愛いし、運命の女性を捕食して女の子の見た目になっちゃうのである。
最近君の名はで復活した、ラノベでよくあるTSものも抑えている。
こっちはTHE ラノベである。
（でも、だからこそ楽しい）
なんかパーティのアンバランスさに作者の趣味が出てますよね。
ドラゴン族だけど、戦士じゃなく僧侶
ドワーフだけど、斧じゃなくて魔法を使う
エルフだけど、魔法や癒しは使わないでレンジャー
勇者枠だけど、剣は短いし、火ぜめとかトリッキーな戦い方
神官ちゃん・・・は・・・神官ちゃん！
そういうアンバランスな感じがすごい好きなんだろうなーって思ってみてます。
結局そんなに敵倒すのみんな役に立ってない感じしますからね。
味方YOEEEEです。
器用貧乏は専門家に勝てないので、ゴブスレさんが魔王を倒すことはきっとないんだろうなーと思います。しらんけど。
性格もNPCですもんね。あ、モテるところだけはすごくラノベですね。
だからこそ、地味なところにスポットを当てて面白い話が作れるんだろうなと思います。
まちづくりしてんだもんなぁ。
最強っぽいドラゴンが友達だし、どっかの国王には一目置かれてるし、やりたい放題ですよね。
ソードアートオンラインの話をしてみます。
自分はアニメみてるだけの人です。同じ世界の未来の話である、アクセルワールドもみてます。
そんぐらいの知識で書いてます。にわかです。
残念なところって書いてますけど、基本的には好きです。
個人的にちょっとなーと思うのは、あんな事件があったのにその後も普通にみなさんゲームで遊んでるとこですね。
オイキミタチ、あんなことがあったのに懲りないのかね・・・。ってことぐらいです。
作者さんもどこかで語ってたような気がするんですけど、全てはゲームマスターや製作者次第ということなんですね。
ゲームは運営者が神であり、神の予測の範囲を超えることはない。
ということです。まーバグとかあれば別なんでしょうが、それも些細なものです。
いっくらキリトくんが頑張っても、運営者にBANされれば終わりなのです。
それだけ強い権限をもっていて、それに抗っていくというストーリーしか存在し得ないのです。
AIを作成するためのゲームプログラムという設定です。
これにより、製作者が予測できないことが起きるというか予測できないことを引き出すために作られたプログラムであるということ。
この設定により、ゲームであることのジレンマから解放されているのです。
あと、キリトくんは必ずしもこのゲームに関わる必要はないのですが、
怪我の治療のためという大義名分のもとゲームに閉じ込められています。
さらに、ゲーム時間は5000倍になっている。
これはアクセルワールドのせっていのやーつですね。
あと、心意（漢字合ってんのかな？）システムらしきものも出てきましたね。
ゲームだと体感速度がすごく遅くなるってのはすごい夢がありますよね。
実際は逆なんですけどね。
なんかゲーム内時間で2年経ってましたね。
もうソードアートオンラインの閉じ込められ時間超えてんじゃん（体感は）。
あーゆーシナリオって誰が考えてるんですかねー？
設定だけ作って置いといてるのかな。
木の上の部分が剣になるとかすっごくRPGな感じですけど。
今回すっごいいいところで終わってません？
気になりますってとこでおわります。
今まで知らなかったんですけど、うまーく工夫するとオリジナルのデザインでgoogleフォームが作れちゃうみたいです。
メールフォームのためだけに、PHPの動くサーバーを借りなくていいという利点があります。
まあ、だいたい一番安いプランで動きますけどね。
HTMLの知識と、Chromeとかのデベロッパーツールを使う必要があります。
https://qiita.com/sota6412/items/fa077cbf820faca30598
今回はこちらのフォームのソースを使っちゃいました。
自作でいいんですが参考にしてみると良いかと思います。
https://docs.google.com/forms/
これのリンクにアクセスします。
ブラウザのデベロッパーツールを立ち上げましょう
action
name
取得した情報を、作ったものに反映していきましょう。
めんどくさい。
ラジオボタンやチェックボタンもわかりにくいですがinputタグがあります。
それぞれ、作ったフォームに当て込みます。
ラジオボタンとチェックボックスは、valueの値をしっかり入れておきましょう。
PHPで動くシステムと違い、ローカルからPOSTしても問題なく動くのが素晴らしいですね。
以下のような画面が表示されたら成功です。
でもこの画面が表示されたらびっくりしてしまいますね。
あとで解決したいと思います。
その前に受信側の設定。
フォーム作成画面から回答の表示画面に行けるのですが、その画面で上記のアイコンをクリックするとスプレッドシートが作成できます。
送信結果がスプレッドシートで一覧として確認できます。
上記のような感じ。
フォームが届いたら通知が届くように設定しておきましょう。
これで保存すると、フォームが届くたびに通知が届きますので、逃しません。
ajaxで送信するんだそうですよ。
Googleフォームをカスタマイズして導入、Ajax処理を行う
https://qiita.com/sugitata/items/182173c01e0470a3a4a8#_reference-a3a8c18aab158ee0c9de
<!-- jQueryの読み込み -->
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"></script>
<script>
function postToGoogle() {
//フォームの隊を取得
var field1 = $('[name="entry.2094131772"]').val();
var field2 = $('[name="entry.1337467998"]').val();
var field3 = $('[name="entry.1133430643"]').val();
//ラジオボタンの取得は↓
var field4 = $('[name="entry.204845324"]:checked').val();
var field5 = $('[name="entry.770373466"]').val();
//urlやentryは書き換えてね。
$.ajax({
url: "https://docs.google.com/forms/d/e/[key]/formResponse",
data: {"entry.2094131772": field1,
"entry.1337467998": field2,
"entry.1133430643": field3,
"entry.204845324": field4,
"entry.770373466": field5
},
type: "POST",
dataType: "xml",
statusCode: {
0: function() {
//Success message
location.href="https://(転送先のURL)";
},
200: function() {
//Success Message
location.href="https://(転送先のURL)";
}
}
});
}
</script>送信ボタンはsubmitから上記の関数が動くように書き換え
<input type="button" onClick="postToGoogle()" value="送信">サンクスページは作って、転送先URLに設定してください。
これで動けばOK!
あとはフォームバリデーションのプラグインとか使うともっと本格的になりそうです。
あと、googleスクリプトとか使えば自動返信メールもできそうですね。
googleフォームには通常のフォームにはない利点もありますので、使いようによってはwordpressやphpより便利に使うことも可能そうですね。
iPhoneのバッテリーでわざとパフォーマンス下げてる疑惑があり、その対応で今年いっぱいバッテリー交換が非常に安くできるようになってます。
公式サイトから引用。3,200円で期間過ぎても5,400円みたいですね。
iPhone X とかはまだやらなくていいんじゃないかな。
そんなに高くないかなって個人的には思います。
こちら → https://itunes.apple.com/jp/app/apple-%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88/id1130498044?mt=8
予約とったりするアプリです。
配送の場合も手順が表示されますよ。
手元に古いiphoneやandroidがある場合はsimを取り替えることで電話番号そのままで使えるので、AppleにiPhoneを送っちゃいましょう。
ぶっちゃけ予約取るの大変なのでさっさとこれでやりましょう。
1週間ほどで手元に届くみたいです。
この予約がとれないとれない。
サポートアプリで「バッテリーと充電」から端末を選んで、
バッテリーと充電 → バッテリー交換 → 持ち込み修理
と選んでいきます。
持ち込み修理を選ぶと場所の検索になります。
上記のような感じになります。
だいたい脈なしな表示です。もしこんな表示が出たら即刻予約してください。すぐ他の人が手続きして埋まりますので注意。
上の画面は３箇所予約可能な奇跡！
１週間後の今頃から予約可能になってることがあります。
「何回も場所検索を繰り返す」これしかありません。
また、おそらく次の週の今の時間が予約できるタイミングっぽいので、15時25分ごろとか予約が終わるタイミングっぽいところが狙い目なのかもしれません。
どこも取れないっぽかったので、場所とかどうでもいいやーって感じで予約しました。
渋谷の店舗で予約できたのでよかったです。
あと１ヶ月です。みんなも頑張れ。
・バックアップを取ること
・バージョンを最新にすること
という指示があります。
それを満たした後、予約時間にGOです。
普段、何かと考察できたり、脚本が練ってあるアニメやら漫画やらゲームが好きなんですが、その反動でなーんにも考えず見れるアニメもすごい好きになったりします。
そんな、真剣に見ずに流し見してると楽しい「ゾンビランドサガ」について紹介したいと思います。
ここから、大なり小なりネタバレが入るので、きになる人は見てから読んでくださいな。
プライムビデオ登録はこちらから
ゾンビのアイドルものなんですよ。
ジャンルでいうと、ゾンビでアイドルでギャグものです。
ゾンビものって、xxx オブザデッド みたいにゾンビから逃げるものですよね？
逃げません。
主人公がゾンビでアイドルです。
もう意味がわかりません。
あと、佐賀です。
異様なハイテンションで訳のわからないノリのギャグがいっぱいです。
それを一番象徴してるのが、「巽幸太郎」。
宮野真守の声で囃し立ててきます。
わかる人にしかわからない言い方をすると、あいまいみーとかカブトボーグみたいなやつです。
実際こんな人間いたら絶対に関わりたくないですけど。
まずOPですね。
なぜか特撮ものっぽくなっててめちゃかっこいいです。
なにこのアニメに宮野真守使ってんねん。
そして山田たえ役の声優よ・・・。
その予算はどこから来るのか。なぜこの企画に本気を出してしまったのか。
メイクした後のゾンビ可愛いんですよね。
あと、こんなギャグアニメ動かす必要ないし、作画もテキトーにやりそうなもんですけど、何気ない仕草がすごくよく動いたりする。
ライブシーンなんかちゃんとダンスしてるし、ラブライブみたいな3DCGとかも使ってたりします。
その3DCGで笑ってしまった。
女の子の絵柄はニチアサっぽいなって思ってました。
ここまで可愛いと、ゾンビ設定は果たしているのだろうか・・・と思ってしまった。
なんか真面目な話になってきたな・・・と思うと突然ギャグを入れてきたりするんですが、話自体はしっかりしてるなって思いました。
でも、なにも考えずに見るのが楽しいと思うよ。
ゾンビである意味が本当にわからない・・・・と視聴当初は思ってたんですけど、
生前の未練や、やり残したことを実現するってところにゾンビで復活した意味があるのかなと思い始めました。思い過ごしの可能性もあります。
考察に関しても、プロデューサーの正体とか、山田たえの素性とかそういうのでできなくもないです。
なんか面白いアニメないかなーって思ってる人は、気軽に流し見してみるといいと思います！
いいツイートあったので転載
まだ追いつける！タイプ別にオススメする2018秋アニメ！君にピッタリのアニメは見つかるかな！？ pic.twitter.com/In0HtIXWtZ
— 猫太 (@nekotaro21) 2018年11月23日
こんな感じです（笑）
オーディオヲタではないけど、そこそこいい音じゃないと気になる。
そんなにお金はかけたくないけど百均スピーカーや2,000円くらいのスピーカーじゃ辛い。
ネット上にはプロ仕様か激安の偏った記事が多く、なかなかどれを買おうか迷っていた。
友人と家電量販店をぶらつくという暇つぶしをしていたとき、昔一緒にバンドをやっていたこともあり、音響関係のコーナーへ。そこで運命の出会いが。
やけに高評価な記事を見かける割にシンバルの音がグシャッとなるスピーカーたちに囲まれ、聞き間違いかと思うくらいにいい音のスピーカーが！！
私がいつも気になるのはシンバルの音で、基本安いスピーカーは金属を叩いてるとは思えない音がするのですが、こいつはちゃんと金属の音がする。
低音は最近にしては小さめに感じるかもしれませんが、他のものが高音質気取りのドンシャリスピーカーが多いだけで、ちょうどいいバランスになってます。
簡易的なイコライザーがついていて、例えばアクション映画を見るときなんかはBASEのつまみを3時くらいまで回して迫力を楽しむなんてこともできます。
値段も1万円以下。
こだわりすぎず、安く、そこそこの音質を楽しみたい方におすすめです。
タイトル以上の情報がないんですけど、たまにはこういう記事もいいかなーと思って書いてみます。
けっこう厚めの上着を持ってるのですが、それを着るにはちょっと大げさすぎる。
まーつなぎでしまむらで買えばいーや、と薄めのダウンジャケットを買ってみました。
ダウンジャケットって、安くて1万円で、普通の値段が2万円〜3万円ぐらいのイメージだったんですけど、5,800円(税込)で売ってました。
しかも、わたが混じってるとかでなく、フェザー10%、ダウン90%でした。最高やん。
安いなぁ。
今まで綿の入った重い上着を着てたんですが、羽毛は保温力と軽さが優れてますね。
軽いし、すごくあったかくなります。素晴らしいです。
電車のなかで着ていると、今は夏か・・・と思うほどの暖かさです。
もうちょい薄めでもよかったかもしれません。
これは一時期をしのぐだけでなく、東京ぐらいの寒さなら難なく一冬越せそうな感じです。
しかも水洗いできちゃうみたいです。良すぎだろ・・・・
っていうついったーみたいな記事でした。終わり。
Googleドライブで音声入力する方法や、iPhoneやAndroidで音声入力する方法が有名ですが、ちゃんとMacでもできます。
環境設定からやってもいいんですがたまにはSiriを使ってあげてください。
新しいモデルだと「Hei!Siri!」で動くやつもあるらしい。
自分のはだめだったので右上のsiriマークから起動しましょう。
「音声入力をオンにして」
と話しかけてください。
メモなど、文書入力をできる状態にして「fn」キーを２回押してください。
拡張機能のインストールが行われることがあります。入力時にできる音声コマンドがあるみたいですね。面白いです。
こんな感じのマークがでて音声を聞き取ってくれます。
音声入力で作成して・・・いません！
macbook proの新しいキーボードめちゃ快適！
あーーーーーーいらいらするーーーー！
ライブ変換、すごく未来な感じがするけど！
でもいいのが出てこないし書き直す手間の方が！おおいんだ！やめてくれ！
右上の「あ」とか「A」になってる部分の「ライブ変換」のチェックを外しましょう。
こうしてMac使いの心の平穏は保たれたのだ。
完
いま11月ですね。
Tシャツとか時期遅れじゃんとお思いのあなた！来年の夏シーズンに向けて今から準備しておくのですよ！
デザインの画像データをアップすれば、自作のTシャツが買えたり、そのまま販売できるサービスがありますね。
今回はそれらのサービスについて紹介してみたいと思います。
どこがやすいとか、そういう調査はしてないよ。
https://suzuri.jp/
GMOペパボの提供してるサービスです。
使いやすいですが、「そういうサービス」感が出すぎて買う方も売る方もなんか損してる気がして注文がしづらいのが難点でしょうか。
すでにファンがついてる方がグッズ展開したい場合はとっつきやすくていいと思います。
https://apps.thebase.in/detail/28
お店を作るサービスなのですが、Tシャツ販売の機能を追加することができます。
suzuriと比べると、自分のお店なのでちゃんとオリジナルのものを販売してる感じが出せると思います。
https://up-t.jp/page.php?p=market&PHPSESSID=nvkmqb55scmh4ep0c913cbv8k2
使ったことないですが、Tシャツ等のプリント専門の業者のようなのですごく信頼できそう。
一覧見ると、お手軽に作ったネタTシャツなデザインが並んでいてゆるい雰囲気です。
イラスト作る人にはおなじみのPixiv。
Boothとも連携できるでしょうから、イラスト界隈の人はこちらを使うと良いかもしれません。
ユニクロのグッズ作成サービスです。ユニクロ品質で自作Tが作れるので、自分用に欲しい場合は良いと思います。
原価調べたりとかいう踏み込んだことをしてない手抜きの記事ですが、知らなかったサービスを見つけた方もいるかと思うので、たまにはこんな感じの記事も書いていきたいと思っています。
メールフォームの必要な案件はwordpressで行うことが多いのですが、そこまで複雑ではない案件はPHP工房のフリーメールフォームを使うことがあります。
サポートが収益になってる部分もあると思いますので紹介と簡単な使い方のみにしたいと思います。
カスタマイズやサポートなどは本家サイトの方で親切に回答してもらえるようですので是非利用してみてください。
企業などのサイトからのお問い合わせは「メールフォーム」を設置するのが一般的となっています。
企業側のメリットとしては、メールアドレスをサイトに表示しなくてもメールを受け取れるので、スパム対策になるというのがあります。
また、送信者側もメールアドレスへ直接メールをするのは抵抗があるが、メールフォームで項目がある程度決められている場合は送信に抵抗がないというのがあります。
送信ミスなども少なく、自動返信や測定など、高度な機能を追加するのも容易です。
ちゃんと知識がある場合は問題ないですが、PHPはサーバーで様々なプログラムを動かすものですのでセキュリティに穴があり、悪用できてしまうと、サイトの改変などにあい、大変な被害を被る可能性があります。
セキュリティに関する知識がない場合は、それらを熟知した人間の作成した既存のプログラムを使わせてもらうのが無難と言えます。
上記のサイトからアクセスしてください。
無料で使えるメールフォームが配布されていますのでありがたく使わせてもらいましょう。
(知識がなく断定できないので恐縮ですが)セキュリティ対策の設定を行うことができます。
設置と利用にしぼって言えば、PHPの知識は特に必要ありません。
①
②
③ UTF-8 が一般的な形式です
以上がダウンロード方法です。
の2つのファイルがあると思います。
mail.phpはプログラム本体です。
contact.htmlはフォーム入力欄です。
そのまま使ってもいいですが、カスタマイズしたり自分の作ったものに差し替えて使います。
mail.phpを編集して設定を行います。
コメントである程度解説が書いてありますので、それに従って情報を入力したり編集するといいと思います。
とり合えず、$to (管理者メールアドレス)だけ正しい内容を入力すればメールの送信は可能だと思います。
編集後PHPの動くサーバーに２つのファイルをアップロードしましょう。
ブラウザからアップロードしたcontact.htmlにアクセスしましょう。
メールフォームが表示されたはずです。
前の欄でmail.phpの管理者メールアドレスを変更した場合はそこにメールが届きますので試してみましょう。
確認画面や送信完了画面などが動作するのが確認できたと思います。
メールにちゃんと送信内容がとどいていれば成功です。
しっかりmail.phpの中身の設定を埋めておきましょう。
署名欄などありますのでしっかりといい感じの内容に変えておきましょう。
さて、自作のメールフォームとmail.phpを結びつける方法です。
actionはフォームデータの送信先なのでアップロードしたmail.phpを記載して繋げましょう。
「お名前」「電話番号」「メールアドレス」
などなど、「日本語」で書いてしまいましょう。
ここで記載された内容が確認や送信メールで反映されます。よくできていますね。
使い方がわかってしまえばなんともないですね。
使い方がわからなかったり、うまく動かない場合はPHP工房さんに問い合わせるといいと思います。
カスタマイズなども行ってくれるみたいですよ。
もともと便利ですが、JSなどとくみあわせると本気で使えるメールフォームが出来上がっちゃいますよ。もっと便利な有料版も存在するようです。
是非試してみてください。
最近コンビニの糖質制限のメニューばっか食ってます。
おなじものばっか食べてても平気だし、思いの外安く済むなーという今日この頃です。
同じものばっか食ってると体には悪いと思うので、マルチビタミンは飲んでます。
それプラス野菜を結構食うので、結果体調はすごくいいです。
コンビニによって変わってくると思うんですが自分は次のものをよく食べます。
定番も定番ですね。ファミマとかだと、グリルチキンとか糖質制限にちょうどいいお肉が揃ってきているので飽きたらほかのに浮気するのもいいと思います。
ちなみに、まわりにある汁は肉汁だそうです。
捨てる時邪魔だなーと思っていたのですが、飲んでもいいですし、事前に少し揉んでおくと肉の中に入って余さず食べることができるのでやってみてください。
サラダチキンじゃ足りないよーという方はこれを追加してみてください。
満足度が激UPします。
プライベートブランドの6Pチーズが一番安いですが、買うと全部食べきってしまうので、四角いプロセスチーズを選ぶのも良いでしょう。
すこし糖質が含まれるので食べ過ぎ注意です。
当然ながら、砂糖不使用のものを選んでください。
チーズかヨーグルトどちらかを選ぶことが多いですね。
弁当などの横にあるサラダは結構高いし、ドレッシングが別売りです。
しかし惣菜コーナーにあるカット野菜は安い。しかもどうせ家で食うのでドレッシングは家にあるものを使いますのでそこも安くなります。量も多いのでおすすめ。
サラダにオリーブオイルを多めに使うこれが、非常に満腹度をあげます。
ちゃんとドレッシング作ったほうがいいとは思うんですが、オリーブオイルに塩とこしょうをかけただけでも十分に美味しいので、そんな手抜きサラダを結構な頻度で食べています。
オリーブオイルをしっかり加えることで、サラダながら高カロリーになりかなりの満腹度を得られるのでおすすめです。
朝食に関しては、マジでバターコーヒー がおすすめです。
空腹がすごく抑えられます。いくらバターコーヒーを摂取していようとも2時か3時くらいにはお腹がすいてきますね。不思議なものです。
バターコーヒーは他の食事とは一緒にとらないほうがいいかもですね。カロリー高いので。
けっこうわかりにくいな！
よーくみると足が細くなったりしてます。ウエストもちょっと痩せたかなって感じ。
こっちは多少わかりますね。
小デブが普通になったって感じです。
けつが小さくなってますね。数値的にもウエストは細くなってたりとかちゃんと記録できてたのでよかったです。
やせればいいってもんじゃないのはわかってますが、まだ落とせる肉があそこにもあそこにもありそう…ということで引き続きダイエットをしていこうと思います。
そうだなぁ目標、58kgにしてみようかな。
正直 60kgぐらいがちょうどいいと思ってるので、そこで終了いいかな。
やります。
最近アクセス数が伸びてきた実感があるので、ブログ更新にやる気が出てきましたしのはらです。
最初のころの方が書きたいことを書いていて、割と有用な記事も多かったと思うのですが、正直あまり伸びていません。
アクセスが伸びやすいタイトルのつけ方を模索し始めてから、やはり反応が変わってきた感じがあるので「ちゃんとタイトルを見直そう！」と思った次第です。
せっかく大改修をするので、そのアクセスのビフォーアフターもお届けしたいと思っています。
ブログを書いている中で、あとでちゃんと書こう、とか後日追記しますとか、そんなことを書いている気もしますので、その辺も見直したいと思います。
私もよくわかってないです（笑）
タイトルがよくない〜ってのがいっぱいあると思うので見直します。
それとアクセス数の集めそうな記事はdesctiption(説明文)についてもしっかり考えてみてもいいかなと思っています。
似たような記事が複数ある場合は、統合して一つの記事にまとめてしまうのもありかもしれませんね。
あと、カテゴリやタグについても入力をしっかりしてみるというのも試してみたいと思います。
ブログに意思表示すると作業が捗るってところが少なからずあるので、記事にしている節があります。
最初から完璧なんてことはないと思うので、とりあえずやってみたいと思います！
初めましてしのぴと申します。
超高圧的なタイトルですね。ごめんなさい。ちょっとSEO的に効果あるか試してるだけなんで許してください。
それでは始めたいと思います。
今回は Web 制作の方法についてまとめていきたいと考えています。
「とりあえずホームページが欲しい」と言った方もこの記事の対象にして行きたいですが、ウェブデザイナーとして仕事をしたいと言う方も対象にしています。
昨今は、簡単なウェブサイトができるようという謳い文句のメール制作サービスがいっぱいあります。
これらを利用すると、ある程度のものはできますが結局のところ素人臭くなんだかダサいサイトになってしまうことが多いです。
また、ちょっと変わったことがやりたいと思っても、できない。有料である。
そんなことがおおいので、あまりお勧めできるものではありません
「とりあえず」といったレベルの情報を載せておきたい、という場合は便利なのでこれらのサービスを利用すると良いと思います。
要望があれば上記のようなインスタントな Web サイトの作り方などの使い方も記事にできたらいいなと思っていますがどうでしょうか。（反応がなさそうならやりません)
今回は Web 制作とは何かという話をしていきたいと思います
制作とは何かという話をしていきたいと思います結構 制作とは何かという話をしていきたいと思います結構簡単 制作とは何かという話をし
さてまずインターネットという仕組みについてお話ししたいと思います
インターネットというのは HTML 文章を共有するサービスのことです
サーバーに htmlファイルをアップロードすることで全世界の人がそのファイルにアクセスし情報を閲覧できます。
インターネットはHTML 文書を基本として成り立っています。
例えばよく使われる「ワードの文章」などはそのままではサイトとして表示することはできません。
HTML の書き方に則って文章を作成してあげなければいけません
最初にこの HTML 文書の作り方を覚える必要があります。
初期の HTML は文章と画像を載せるだけのシンプルなものだったのですが、現在は閲覧者から情報の入力を受け取り、表示内容を変えたりする、能動的なアプリケーションの役割をするウェブサイトも多くなっています
これをよくリッチなウェブサイトなどと呼んだりしますね。
HTML自体に装飾の仕組みがあるのですが、 HTML の中に装飾の情報を入れてしまうと文章として非常にごちゃごちゃして扱いにくいという問題がありました。
これを解決するために 、CSS という装飾用の技術を組み合わせることによって装飾を行います。
html も CSS の日々心配しており書き方が少しずつ変わってきていますので、常に最新の技術に注意を払っていくことが、WEB業界で生き残っていく秘訣です。
そして HTML と CSS だけでは先ほど言ったアプリケーションのような動的なサイトを作ることは非常に難ししいです。
基本的には静的なWEBサイトを作るものための言語です。
HTML では JavaScript というプログラミング言語を用いることができます。
JavaScript ではウェブサイトにアニメーションをつけたり、ちょっとしたメモアプリを作ったり、タイマーなどのちょっとしたアプリケーションを作ったりといったことが可能になります
JavaScript は 閲覧者のパソコンの中で動く者なので情報の改変ができてしまったりまた閲覧者の環境によって動かなかったりなど不安定な要素がありますので信頼性の高いプログラミングには利用できないという特徴があります
例えば掲示板やチャットシステムなどサーバーにデータを置いておきそれを更新し表示するといったプログラムがサーバーサイトのプログラミング言語でないと難しくなっています
サーバーサイドの言語は PHP がよく用いられています。
サーバーサイドの言語は何も複数ありますのでやりたいことに応じて学ぶ言語を選んで変えていくといいかもしれません
サーバーサイドで動く JavaScript がありますので JavaScript を極めればかなりの多くのことができると考えて良いでしょう。
HTML はサーバー上に設置する時に FTP ソフトというソフトを使わなければデータをアップロードできません。
これは HTML 言語が分かる人間であればたいしたことではありませんか、新たにページを作ることがなかなか面倒くさくなってしまいます、
そこで皆さんのブログもしくは SNS Twitter などを利用したことはないでしょうか
これらのサービスがレベル上に入力欄が存在しそこに文字などを入力することによって新たなページを生成することができるようになっています
こういった仕組みを CMS と呼びます
ブログなどが CMS なの代表的なものですがドログバサービス提供者様々な権限がありますのでサービス提供者が気に入らないうつ昭和削除する ています
10歳 Web 制作で主流になっているサービスが WordPress になります
桑のストレスは自分のサーバーにプログラムもインストールして自分のサーバーにブログシステムを設置して使うことができるというイメージです
これから Web 制作を勉強したいと考えている人はこの WordPress の作成を部屋に入れて勉強していた方がいいでしょう
WordPress の運用は非常に簡単で便利に行うことができる仕組みになっています。
そのため WordPress による Web 制作は非常に簡単なものだと勘違いされがちです
しかし WordPress テーマを一から作成するというのは前述した HTML と CSS の知識に加え WordPress は PHP でできているシステムですので PSP の知識と WordPress 独自のテンプレートタグと呼ばれるもののしくみも知っている必要があります。
以上がプログラミングに関する知識です。
根津製作に関してはこれだけではありません
Web サイトの情報の位置を決める構成を作ったり見た目つまりデザインを考えたりする必要がありますまたその考えたデザインを形にするためにグラフィックソフトを扱うことも必要になります
日本では Adobe というグラフィックソフトの会社がほとんどのデザイン会社で採用されています
聞いたことがあるかもしれませんがフォローショーツはその後火のソフトです
利用料はそれなりにかかりますが今後仕事にするのであれば契約して早めに使い慣れておくことをお勧めします
グラフィックソフトが使えるだけでなく基本的な Web デザインの知識がウェブサイトを使って普段使い慣れていると言う森それを実際構成やデザインに残すことができるというスキルも非常に重要になってきます
つまりまとめると WordPress による Web 制作を部屋に入れている人間は次のような知識が必要になります
サイトデザインをする場合は
デザインの知識
デザインを形にするための Illustrator や Photoshop の知識
ウェブサイト全般の基本的な知識
ＰＨＰの知識
WORDPRESSの知識
Web 制作にはもう行った時にわたる手術が必要求められます
多くの方はここでちょっとやりたくない気分になってしまうかもしれませんが心配することはありません就職するとなると多くの場合が部分用システムになっていますプログラミング 人間は数とプログラミングをやりますしデザインをやる人間はずっとデザインをやるという形が多いです
またこの他にも信仰の管理をするディレクターやゆうあいと言うユーザーの使いやすさを専門とした職種である UI デザイナーなどもあります
プログラミングだけひとつとっても CSS や JavaScript を担当するフロントエンドエンジニアサーバーサイドを担当するバックエンドエンジニアなどなど定期券メールを固執担当は HK メールを作成する担当は口座と呼ばれたりもします
羽田最近は Web サイトに動画を埋め込むことも多いので動画担当者などの Web 制作の軍用の一般となっていることが多いです
どちらかと言うと色々できる人間よりは一つのことに特化している人間の方がええわまたはいいことがありますので自分のやりたい分野を見つけてとにかく極めることが今後の自分の価値を高める手段になります。
次の記事に続きます
とりあえずマックに入れるソフトのまとめです。
Mac のハードディスクを入れ替える際に OS を再インストールしたので
ここに記述しておきたいと思います。
自分はWEBデザイナーです。なのでちょこっと制作をすることもあるよ、といった人に向けた記事になると思います。
タイムマシーンからの復元が、30時間かかると表示されたので待てないと思ってインストールして、必要なソフトはダウンロード・インストールし直しました。
そんなに必要なドキュメントは持ってないのでタイムマシンから取り出して事足りる程度でした。
それでは、自分の使っているソフトについてまとめたいと思います。
カスタマイズ系のフリーソフトはこれだけかも。
アドレスバーが出現し、pathがコピーできるようになります。
もともとついててほしい。
追記:Mojaveでちょっと便利になったので入れてません。
詳細は以下
ぶっちゃけこのクロームさえあればかなりの部分ができるのではないかと思ってます。ログインしてしまえば他のパソコンと同じ状態になるのですごいです。
https://www.google.co.jp/chrome/index.html
https://www.mozilla.org/ja/firefox/
表示確認用です
https://www.microsoft.com/ja-jp/dev/products/code-vs.aspx
使ってみたら便利ですねーメインで使ってます。
WEBサイトを作るときなどに、コードを書き込むためのエディタです。
制作をしてない方は縁がないかもです。
デスクトップ版入れとくと便利です。
https://filezilla-project.org/
特にこだわりはないですが、他を知らないだけ
イラストレーター
フォトショップ
プレミア
After Effects
などなど。
https://www.adobe.com/jp/creativecloud.html
あとは開発に必要なものはつどつどインストールしてます。
gitとか。
Windowsもそうなんですけど、最近フリーソフトってあまり必要ないですよね。
定番ソフトを入れとけば、デフォルトの機能で事足りてしまいます。
動画キャプチャーとかもデフォルトでできちゃいますもんねー。
バターコーヒー ダイエットというものがあります。
糖質制限やカロリー制限と共にやると効果的と言われているダイエットです。
コーヒーにバターとMCTオイルをシャッフルしていただくものだ。
このコーヒーは朝とるとお腹がすきにくいという特徴がある。
なので、前日の食事と最初の食事との間の時間を14時間開けることでその間に痩せるというものである。
朝のバターコーヒー は食事にカウントしない。
食事制限と組み合わせないと意味がない。
超高カロリーな飲み物なので、普段の食事にプラスすると太る。
(1杯 250kcal 2杯飲むと 500kcal にもなる)
のみすぎにも注意。1日二杯に抑える。ただのコーヒーもバターコーヒー を含み1日5杯程度にする。
牧草のみを与えた牛のバターということらしい。
しかし、牧場の牛のメインの食事は牧草や干し草である。
太らせたり、栄養を与えるためにたびたび飼料を与えることがある(とうもろこし、こめぬか、飼料用米など)
干し草のほうが安いので、やっぱりメインの餌は干し草である。
それらが牛乳の質を落とすとは思えないんだが・・・？
成分的にはっきり違いが出てるなら意味はあると思うけど、ぶっちゃけ普通のバターでいいんじゃないかな・・・？
最近のマーガリンはトランス脂肪酸を抑えてるのでマーガリンでいい気がする。
ただ、大量にはとるので、気にする人は気にしてもいいかもね。
ココナッツオイルなどから作る体に蓄積されにくい油です。
中鎖脂肪酸。味や匂いはないので、蓄積されにくい効果を狙っているのだと思います。自分はめんどくさいので無視しています。
べつに他の人にはオススメしませんが
マーガリンコーヒーで日々を過ごす実験をしています。
太るとか、調子悪いとか、あれば報告したいと思います。
ふと気まぐれで買ってみたんですが、めちゃくちゃ美味しかった。
インスタントなんだけど、すごくフルーティに感じる、ほかのコーヒーではない味です。
というか、ここのレビューで「バターコーヒー に最適」ってあって
なにそれ 試したい！ とおもって普通に飲んでます。
キャピタル シングルオリジン モカ 60g入り瓶
 | シングルオリジン／インスタントコーヒー／モカ 60g瓶入り／フリーズドライ 価格:1,080円 |
ただのダイエットじゃなくて、普通に美味しいのが魅力です。
 | 【あす楽宅配便】または【追跡付きメール便】IKEA イケア ミルク泡立て器 PRODUKT ブラック 価格:308円 |
 | グラスフェッドバター グランフェルマージュ 250gx3個 グラスフェッド バター 無塩発酵バター 価格:4,980円 |
 | 価格:4,320円 |
これができるってことを忘れることがあるんで、メモっておきます。
まず、chromeでデベロッパーツールを開きます。
続いてコンソールを表示させます。
コンソールの
＞
ってなってるとこにコードを書き込みます。
以上でーす。
サンプルです
このページでも動くはずなので試してみてくだあい
//アラートを表示させる
window.alert("わーい");
//ボタンのクリック(クラスは変えてね)
document.querySelector(".a2a_button_twitter").click();
//テキスト入力
document.querySelector( ".search-field" ).value = "ライフハック" ;直接CSS操作すればいいから意味ないけど
//要素のcss変更
document.querySelector(".site-title").style.color = "red";
document.getElementsByClassName(".site-title").style.backgroundColor = "#ccc";
document.getElementById("logo").style.display = "none";
下の青いボタンをクリックできます。
//ボタンのクリックその２
document.querySelector("#count-btn").click();
//ボタンを1秒ごとにクリック はできませんでした・・・
setInterval(document.querySelector("#count-btn").click(),1000);