銭湯行ってますか?
やっとプロフィールの変え方が分かったおんたです。
はてなブログ内の設定じゃ変わらないんですね。
本当はカメの変な画像にしたかったんですけど、何故かアップロードできないのでひとまず不良みたいな…
いらすとやさんの画像ですが、たまに何でこんなイラストまで!っていうのありますよね。
定期的に見に行っちゃいますね。
とりあえずイラスト描くまでこれで行きます。
GW暇だし、お絵描きできるかな。
銭湯っていいね。
今回も独り言みたいなアレですが、一人暮らしをしてから銭湯に通うようになりました。
月1、2回何ですけど広いお風呂っていいですね。
家は浴槽が小さいので浸かれず、シャワーで済ましてしまうのでたまにはゆっくり足伸ばして浸かろう!っていうのとついでに自転車乗って少しは運動しようっていう魂胆です。
東京3年目。
いつもGoogleマップで見て一番家から近い銭湯に通ってたんですが、たまには気分転換の気分転換に〜と少し遠い銭湯に先月行ってきました。
いつもの銭湯も好きですよ!?
でも何だか静か。
学生も多いところなので人もそこそこ来てるとは思うんですが…..
でも先月行ったところはお客さんがめっちゃ話しかけてくる!
好きな雰囲気です。
ご近所さん同士なのかな、みんなめっちゃ話してて良いなぁって。
一人だからかな、人間観察も好きなんですけどすごく
おんた「お、おおおぉ…!」
なんか感動しました。
お風呂出た後話しかけられて、たまたま娘さんのお婿さんが神戸出身なんだとか。
震災のこととかお話ししてて、その頃自分1歳ぐらいなんですよね。
いつもならすぐ服きてパパッと帰っちゃうんですけど長いこと話してました。
人と話すって良いですね。
学生の頃は超人見知りで仲の良い子としか話せないダメダメ人間だったんですけど、仕事してから変わりましたね。
今思うと学生の頃本当バイトして目上の人と話してたらなぁ〜
まぁ今はその話はいいんですけど。
で、先週もまたその銭湯に行ったんです。遠いのに、疲れてるのに。
その日は天気も良かったのでみんなお出かけに行ってたのか?人少なくて、普通に帰ろうと自転車に乗ろうとしたらお客さんが寄って来まして。
「今日いっぱい?」
ん?いや?今は少ないのでのんびりできますよ。
「このままじゃ潰れちゃうわよ〜アンタみたいな人がいないと。また来てね」
お、お店の人じゃないのにそんなこと言われたの人生で初めてだ!!!!
最近自分の周りでは銭湯良いよね!っていう人いたんで銭湯ブームなのかなとか、リノベーション銭湯とかテレビでやってたよねとかあって、銭湯って人気だと思い込んでたんですけど、小さいところは違うんですね。
常連さんは心配してるんだ…
なんかできたら良いけどなと思うんですが…サイト作るとか???
でも銭湯のまとめサイトってあるんですよね。
とりあえずこの記事読んでくれた方は連休も近いので是非近所の銭湯に行ってみてはどうですかね。
新しい趣味見つかるかもしれないですよ。
ちなみに私が銭湯行くきっかけになったのは「セント酒」というドラマでした。
孤独のグルメとか書いてる方と同じですね。
たまーにライブとかお邪魔してたりします。
気になったら観てみてください、気づいたら銭湯に460円握りしめてると思うんで笑
(※東京都は一律大人460円です。地域によって変わります。)
銭湯のマナーとかも学べました。
マナー守ってみんなが気持ちよく過ごせると最高ですね!
↓気になる銭湯探しや近所の銭湯探しにおすすめ↓
【公式】東京銭湯/東京都浴場組合 | 東京銭湯の最新情報をお届け
「セント酒(ドラマ)」多分他でも探せば見れるのかな?
TSUTAYAとか行ってください!↓
コーダーはいなくなるんだなぁと。
独り言です。
最近外部のweb関係の方とお話しする機会があるんですが、
コーディングって確かにいつ無くなってもおかしくないお仕事だなぁと。
AIがあればすぐできちゃうんでしょうね。
でもデザインはAIには出来ないと。
確かになぁとは思ったし、そうなるだろうなぁと。
うーん…..なんでしょう、データの産業革命的な?
そんな勉強したのもすっごい昔みたいですっぽ抜けたや笑
でも手作りって今でもありますよね。
まぁ表面上は変わらないかもしれないけど、コードってその人の癖が出たり。
コードフェチがあればそんな人は理解できるのかな。
あと個人的にどうしてそうなった!?っていうバグ好きです。
よくお菓子とか(お菓子好き)食べてるとその会社検索してサイト眺めてるんですが、そういうバグとかズレ見つけると検証して直して満足したりハマってます。
もしかして職業病的な?
なんやかんや人の手でっていうのも残るんじゃないかなぁと淡い期待をしつつ最近ものんびり空いてる時間は勉強中です。
未だPHPが苦手でお問い合わせフォームが作れるようになりたいと。
あとWordPress。
諦めて本買うことにします(↑ω↑)
参考になった本とかあればいつか紹介を!
【Magnific Popup】youtubeをポップアップ表示する
【悲報|タイトル表示されるようになりました】
2018年10月頃からyoutube側に仕様が変わり、タイトルを消したりする「showinfo」のパラメーターがなくなったようです。
youtubeは手軽だったのでこれは悲しいですね。
どうしてもタイトルが消したいというワガママを通すには他の方法を探さなきゃいけないみたいです。
(追記:2018年11月1日)
※背景にyoutubeの記事にも関連するので貼っておきます!
・・・
前回はyoutubeを埋め込む「tubular」のメモでしたが、今回はポップアップ。
youtubeの各動画のタイトル消しなども自分が検索した時なかったので、メモしておきます。
「Magnific Popup」をダウンロード
まずは以下からダウンロードします。
https://github.com/dimsemenov/Magnific-Popup
「Clone or download」から保存します。
「magnific-popup.css」
「jquery.magnific-popup.min.js」この二つを任意のところに入れます。
head部分
<link rel="stylesheet" href="common/css/magnific-popup.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="common/js/jquery.magnific-popup.min.js"></script>
上記のようにcssとjsを記載します。
body部分
<script>
$(function (){
$('.popup-youtube').magnificPopup({
type: 'iframe',//ここの指定で画像のポップアップなども可能!
mainClass: 'mfp-fade',//埋め込みたいclass名
removalDelay: 150,
preloader: false
});
});
</script>
何となくbody終わり前に記述しました。
<a href="//www.youtube.com/watch?v=動画のID" class="popup-youtube">
そしてaタグです。
ここまでは検索すれば結構丁寧に解説されています。
タイトル隠したい&最後の関連動画消したい
すっきりさせたかったので動画のタイトルとか消す設定です。
特に再生終了後の関連動画がかっこ悪いので消しました。
普通のiframeならリンクに直接書けば解決なのですが、そうするとエラーが出て砂嵐でした。
jQuery(window).load(function(){
jQuery('a[href*="youtube.com/watch"]').magnificPopup({
type: 'iframe',
iframe: {
patterns: {
youtube: {
index: 'youtube.com',
id: 'v=',
src: '//www.youtube.com/embed/%id%?rel=0&autoplay=1&showinfo=0'
}
}
}
});
});
実際記述したのは上の通りです。
「showinfo=0」タイトルをこれで消しています。
「autoplay=1」が関連動画を消し、再び再生の準備に。
別のjsに書いて、適応したページのyoutubeのポップアップを一括で設定可能です。
数十種類URLがあったので助かりました。
自分みたいに困ってる人いたら試してみてください。
【tubular】背景に動画を埋め込む
【タイトルが表示されるようになりました】
以下記事にも追記しましたが、youtube側の仕様が変わり、今現在タイトルが消せず、表示されてしまうみたいです。
背景にタイトル写ってるの恥ずかしいですよねー…
わざとはみ出して、トリミングするなり被せるなり、他の方法で映像をUPした方が良さげです。
悲しい。
(追記:2018年11月1日)
前から動画をフルスクリーンで背景に埋めているサイトかっこいいなぁって思っていて、最近動画が使えるそんなデザインの仕事が回ってきて使った機能をメモしておきます。
とりあえず今回は背景にどーんと埋め込むタイプを。
簡単だったので実際紹介しておこうと思います。
youtubeを埋め込む
今回はyoutubeを埋め込む話だったので以下のjQueryを使用しました。
tubular
http://www.seanmccambridge.com/tubular/
右側のdownloadからダウンロードページに飛びます。
今度は左のナビから「Downloads」をクリック。
最新のデータをダウンロードします。
使用するのは「jquery.tubular.1.0.js」です。
解凍したら任意のところに入れます。
head部分
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="common/js/jquery.tubular.1.0.js"></script>
<script>
$('document').ready(function() {
var options = { videoId: 'ここに動画ID'};
$('#mainV').tubular(options);
});
</script>
まずはhead部分に以下のコードを記述していきます。
「videold」の部分には使用する動画のIDを記載します。
ちなみにtubularは限定公開でも大丈夫です。
web用に作ったのが大公開されないのでいいですね。
今回はファーストビュー部分だけだったので「mainV」に埋め込みます。
(全体に使用する場合はいらない…..のかな?試してみてください。)
body部分
<div id="mainV">
</div>
head部分で指定したidを作っておきます。
jquery.tubular.1.0.js
js側で色々と設定できます。
// defaults
var defaults = {
ratio: 16/9, // 4/3 or 16/9
videoId: 'ここに動画ID', //headと同じ動画IDを
mute: true,//デフォルトで音はミュート
repeat: true,リピート再生について
width: $(window).width(),//横幅は画面から
wrapperZIndex: 99,//映像の奥行き…って何ですか?スミマセン笑
playButtonClass: 'tubular-play',
pauseButtonClass: 'tubular-pause',
muteButtonClass: 'tubular-mute',
volumeUpClass: 'tubular-volume-up',
volumeDownClass: 'tubular-volume-down',
increaseVolumeBy: 10,
start: 0//再生開始時間を指定できます。トリミング!
};
という感じで、音を出したり消したり、色々と設定できます。
特に指定もなければこのままupします。
サーバーにアップしなければ確認できないようなので気をつけてください。
私はBrackets使いなのでその辺問題なかったです。
高さとか指定
背景固定で再生するわけでなかったので少しコードを残しておきます。
34行目あたり
// methods
var tubular = function(node, options) { // should be called on the wrapper div
var options = $.extend({}, defaults, options),
$body = $('#mainV') // CSSでも高さ指定したりしてます。
$node = $(node);
41行目から
// build container
var tubularContainer = '<div id="tubular-container" style="overflow: hidden; z-index: 1; width: 100vw; height: 100vh;"><div id="tubular-player" style="position: absolute"></div></div><div id="tubular-shield" style="width: 100vw; height: 100vh; z-index: 2; position: absolute; left: 0; top: 0;"></div>';
// set up css prereq's, inject tubular container and set up wrapper defaults
$('#mainV').css({'width': '100vw', 'height': '100vh'});
$body.prepend(tubularContainer);
$node.css({position: 'relative', 'z-index': options.wrapperZIndex});
こんな感じです。
高さと横幅を書いていきました。
#mainVの中身。
#mainV {
position: absolute;
width: 100vw;
height: 100vh;
overflow: hidden;
margin: 0;
padding: 0;
z-index: 99999;
}
「z-index」めっちゃ9並べる人です。
この上に実際は文字あったり色々と大変でした。そっちのが大暴走してたかも。
この他にも「Magnific Popup」を同時に実装したのでそちらは別にまとめます。
引越し計画
先月家の更新をしたと言ったばかりですが、
引越しすることになりそうです。
なんでもギリギリな生活を送っていて貯金もなく、こっちに来る頃は半年ほど親に任せていたり(申し訳なくて途中からちゃんと払ってます)
と、まぁ初めての引越しは任せておりました。
そしてギリギリだったので更新費用出してもらったり...頭が上がらないですね。
初自分でお引越しなので全くわかんないんですね。
色々聞いてそんなにかかるのか、恐ろしいなぁと笑
とりあえず副業、そして転職。
ブログを職にしてる方も多いですが、自分はそんなこと考えず………
そんなにうまくいくとも思っていないので趣味で楽しんでおります^^
何かありますかね…
株とかギャンブル性のあるものも好まないし…
とりあえずまだ2ヶ月ほど予定まで時間があるのでゆっくり考えていきます。
フィギュアを手放す…………………?????
HTTPSになりました
久しぶりに投稿して、設定画面を色々といじっていたら「HTTPS」という単語が。
仕事柄SSL化の手続きとかするので目が覚めました。(眠かった)
お客さんのサイトとかメンテナンスしているとたまーにブラウザで警告が出るんです。
普通に生活しているとそんなこと知らなくて、「変なウイルスにでもかかったのかな」とかびっくりしますよね。
自分も初めて見たときはディスられたのかとしょんぼりしました。
HTTPSとかSSLって何よ?
ですよね、めちゃくちゃ端折って説明すると
「暗号化されているか、されていないか」です。
最近カフェなどでFreeWi-Fiとかよく見ますよね。
デザリング機能を使ったことがある人はわかると思うんですが、Wi-Fiの名前て変えられますよね。
一時期コミケなどで「応仁のLAN」とかあったり、爆笑してました。
そんなこんなで、そのお店になりすまして名前つけたりするんでしょうね。
知らずに使っていると覗かれたりしてます。
空き巣に入られてるみたいで気持ち悪いですね。
絶対ではないですが、暗号化することで防がれます。
個人情報を取り扱うページ(お問い合わせフォームとか)はURLの頭にあるHTTPがHTTPSと、S付きになっていることが多いかと思います。
ブログだから別にいいでしょーではなく、ユーザー目線で考えるならSSL化を検討するのもいいですね。
絶対警告にビビってアクセスしてくれない人もいると思うんで←ここに
使用しているサーバーによっては申し込めが自動的に移行してくれるサービスもあります。
なければ自分で作業することになるのですが、メッッッッチャ面倒です。
専門家……………..(白目)
これからWordPressなど導入考えてる人はそこにも注目して見てください。
サーバーのこととかどこかでお話できたらなーと思います。
まずは勉強せねば………
ソファー買いました。
ソファー買いました。
私のわがままな希望
予算1万前後ローソファー(コタツに入りたい)あわよくばそのまま眠りたい。