【仕様変更】youtubeのタイトルが出るようになりました
22日ぐらいでしょうか、過去作ったサイト巡ってたら改悪されてたり悲しい気持ちのおんたです。
そんな悲しい巡りの中さらに悲しいことが。
youtube「埋め込みでタイトル出るようにしといたで」
なーーーーーーんてこった。
あんなにも頑張って探して消した記憶がッ
ということなので過去に「他の人も躓いたらこの記事読んで助かったらいいなぁ」と思って描いた記事に追記しました。
現在上記記事の方法でもタイトルが出てましたのでお知らせでした。
「showinfo」というパラメーターで消してたんですけど、そのパラメーターが消されました。
いろんなところで使われますもんね、youtube。
いったいいくら払えばタイトル消させてくれるんでしょう？
（滅茶苦茶youtube見るので早く広告消せる有料会員の制度日本にください笑）
今の所タイトルに関してはみんな困ってるようです。
何かで隠すか、トリミングしちゃうのか。
他で動画アップロードするかですね。
タイトル消す方法がわかったらまたまとめておきたいと思います〜
ではではッ
WordPressモリモリ
お久しぶりです、おんたです。
無事転職も終わり、新しいところでモリモリデザイン作ったりしてます。
毎日定時で帰れて幸せであります( ◠‿◠ )
しかし5月から何も更新していなかっただなんて…！
１ヶ月ほどニートな時間があったのですが、全力でお休みしました。
行きたかったところに行ってみたり、土砂降りの中徳島でロール滑り台（おしり痛いやつ）遊んだり、江ノ島の洞窟みたいなところに行ったりしてました。
マインクラフト再開しました
最近YouTuberのチャンネル巡回してるんですけど東海オンエアのとしみつが推しになり、主人公のスキンをとしみつにしてマイクラマルチ「ゴリラNYC」を駆け回ってます。
一緒に遊ぶ人がゴリラスキンなので早く遭遇させたいですね。
今後色々スキン作ってここに保存していけたらと思います。
WordPress…
そして、前から言ってたWordPressでサイトつくろーっとなり、今まで描いた絵でも置くところにしようと90%くらいできてます。残りの10%は作品をpngにしたり…サーバーどこにしようとか。
（今無料サーバーでやってるんですけどさすが無料、よく落ちる。）
あとこれ描いて気づいたんですけどブログどうしよ…
普通の投稿をギャラリーの絵を追加するのに使ってしまって…
（その辺の分岐とかまだわかってない）
ちゃんとその辺もカバーしたいですね。
最悪ここをつなげるかもしれない…もうちょっと頑張って見ます。
コーディングの方もつまずいた時メモのストックが増えてきたのでそのうち更新します！
…バイバイッ！( ・∇・)ツ
scrollify.jsにヘッダーフッター付けるメモ
やっとAboutが見れるようになりました！
なるほどね、そういう事なので…思いっきり注意書き書いてましたね。
とりあえず生い立ち書いておきました。
そんなおんた、最近は暇で睡魔と戦ってます。
Twitterで毎日眠い眠い言っててすみません…
よく学校とかではめっちゃ寒いのに窓開けられますよね。
空気の入れ替えって眠気にいいらしいですよ。
今の会社は窓開けられないので寝てくださいと言ってるようなものですね。
うーん忙しいと全く眠くないんですが…
もっと仕事したい…そんなこと思ってたら週末からスケジュールが真っ赤でした。
そんな暇な間にそういえば使ったことなかったなーとか色々コード試してました。
今回はスクロールした時にセクションごとにピタって止まる気持ちいいあれを試します。
（付けても結構邪魔と言われて外されます）
まぁまぁ趣味の範囲でもできると楽しいのでぜひ。
今回は『scrollify.js』というのを使っていきます！
FullPage.jsとかもありますがとりあえずピタってしたいんじゃ…ぐらいだったので今回はこっち試します。
まずは『scrollify.js』を以下よりダウンロード。
『scrollify.js』サンプル
HTMLをガツガツと。
【html】
<html>
<head>
<link rel="stylesheet" href="common/css/common.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="common/js/jquery.scrollify.js"></script>
<script src="common/js/common.js"></script>
</head>
<body>
<header>
<h1>Logo</h1>
</header>
<div id="wrap">
<section class="panel home" data-section-name="home">
<video controls="false" autoplay loop muted>
<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4">
</video>
<div class="inner">
<div class="vertical-center">
<h2>Test01</h2>
</div>
</div>
</section>
<section class="panel panel1" data-section-name="second">
<div class="inner">
<div class="vertical-center">
<h2>test02</h2>
</div>
</div>
</section>
<section class="panel panel2" data-section-name="second">
<div class="inner">
<div class="vertical-center">
<h2>test03</h2>
<p>わははーい！</p>
</div>
</div>
</section>
<footer>
<p class="src">test</p>
</footer>
</div>
</body>
</html>今回はヘッダーとフッターも付けています。
よくヘッダーフッターなしの解説はあるんですけど、自分バカすぎて「うおおおフッターが切られて見えない！」とか、「フッターが一瞬しか見れない！スクロールバーロックしたい…！」みたいな事がよくありました。
そんな人にも…
とりあえず３つ程ページ付けました。
.panelが対象のブロックになってます。
クラス名変更する場合はcss、jsも書き直します。
「わははーい」のとことかも長文になっても途中で切り取られないようにcss書いていきます！
とりあえず形を整えていく。
【common.css】
body {
color #fff;
}
header {
position: relative;
width: 100%;
height: 100px;
background: #fff;
z-index: 9999;
}
#headbord {
position: fixed;
top: 0;
width: 100%;
height: 100px;
background: #fff;
z-index: 99999;
}
h1 {
position: absolute;
top:50%;
width: auto;
font-size: 20px;
margin: 20px 0 20px 20px;
color: #333;
}
section {
position: relative;
}
h2 {
font-size:8em;
text-shadow:0 0 6px rgba(0,0,0,0.4);
}
p {
font-size: 16px;
line-height:1.3;
}
h2 + p {
font-size:14px;
}
.vertical-center {
margin: 100px auto;
padding: 40px 60px;
text-align: center;
}
.vertical-center p {
margin-top:23px;
}
.inner {
position: relative;
height:100%;
width:80%;
margin:0 auto;
overflow: hidden;
}
.home {
background:#000;
}
.panel1 {
background:#9de241;
}
.panel2 {
background:#666;
}
footer {
width: 100%;
height: 200px;
background: #333;
z-index: 9999;
}
footer p {
color: #fff;
font-size: 20px;
}
#wrap {
overflow: hidden;
}
@media (max-width:800px) {
h1 {
font-size:15vw;
}
h2 {
font-size:12vw;
}
.inner {
width:70%;
}
}リセットとかも書いてましたが省かせていただきますよ…
アニメーション付け
【common.js】
$(function() {
$.scrollify({
section:".panel",//クラス名を指定
scrollbars: true,
easing: "swing", // アニメーション
scrollSpeed: 600, // スクロール時の速度
sectionName:false,
interstitialSection:"header,footer"
});
});
$(document).on('turbolinks:load', function() {
if ($(".panel").length) {
$.scrollify.enable();
$.scrollify({
section: ".panel"
});
} else {
$.scrollify.disable();
}
});サンプルで作ってたページ他にも色々実装してたので大事なところ消してたらすみません。
とりあえずヘッダーフッターが欲しいとなった結果です。
ヘッダーは大丈夫でもフッターがいつも見えなくて嫌いでした。
なんとか見えるようになったのでメモとして残しておきます〜〜〜〜
ではでは。
MAMPでWordpressの練習
訳あってWordpressの練習してまして、前も入れてたので再インストールしたんですけど（ローカル）それのメモです。
他にも下書きしてた記事あるんですけど問題解決ならず。
どうしてもとあるサーバーのフォルダの更新日時が変わらないんですよね。
先輩方も諦めて行ったのでやはり無理なのでしょうか…悔しい。
MAMPでWordpressの練習
MAMPでローカルにサーバー作ってWordpress触ってます！
サーバーお借りするのもお金かかるのでちゃんと出来るまでここでテストを重ねております。
PROもありますがとりあえずフリーの方でやっております。
今回は申し訳ないですがMAMPのインストールとか端折ります。
解説とかいっぱいあるのでググりましょう！
１）Wordpressをダウンロードする
まずは黙ってここでWordpressをここでダウンロードしてくる。
２）解凍、そしてフォルダを放り込む作業
zipファイルを解凍→MAMPの設定で指定したフォルダに好きな名前つけてまとめて放り込む。
※「MAMPの設定」とは起動した時に選択できる「Preferenes…」という歯車。
「Web Server」というタグからlocalhostで開くフォルダを選択できます。
あとで出てくるlorcalhost:8888の「8888」部分は「Ports」というタブのところで変更できます。
自分は「Apache Port」というのが8888でした。初期設定かな。
結局全部説明している…！！！！
３）データベースの制作
phpMyAdminを開いて左ナビから「new」を選択
「データベースを作成する」で好きなデータベース名を作り、照合順序を「utf8_general_ci」に設定、「作成」をクリック
※「phpMyAdmin」MAMPを起動した時、「Open Webstart Page」をクリック、「MySQL」と書いてるあたりにリンクが…
４）データベース情報を記入する
localhost:8888（アドレスバーに入れたら開きます）をブラウザで開いて最初に作ったフォルダを選択、データベース情報を入力
※wp_confing_sample.phpをwp_confing.phpにリネーム、直接書き込んでもOK
↓confingのサンプル↓
/** WordPress のためのデータベース名 */
define('DB_NAME', 'mofu');
/** MySQL データベースのユーザー名 */
define('DB_USER', 'root');
/** MySQL データベースのパスワード */
define('DB_PASSWORD', 'root');
/** MySQL のホスト名 */
define('DB_HOST', 'localhost');
/** データベースのテーブルを作成する際のデータベースの文字セット */
define('DB_CHARSET', 'utf8');
/** データベースの照合順序 (ほとんどの場合変更する必要はありません) */
define('DB_COLLATE', '');
…こんな感じで自分は直接直しました
「mofu」ってフォルダで最初作りましたね。
こんな感じでデータベース名のところにphpMyAdminで追加したデータベース名を記述します。
久しぶりにやったらデータベース作るの忘れてわからなくて焦りました笑
５）必要情報を記入。
ここで決めたユーザー名、パスワードが今後Wordpressにログインするのに必要なログインID・PWになります。
おんたはこれを忘れたため再インストールしました。バカです。
こんな感じです！
ここから先は好きに記事書くなり、オリジナルのテンプレート作ってみたり。
とりあえずわかりやすい本をゲットしたのでテンプレートから作ってみます。
ググりながらやってたんですが途中でおかしくなってきちゃって。
早くここもWordpressに移行して勉強したいです。
サノスのおてて！売ってる！！
もう週末でしたね、いつも昼過ぎには自分の仕事が終わってしまってもっとゆっくり仕事してもいいんだぞ…と言われるおんたです。
GW最終日にアベンジャーズのインフィニティ・ウォーを観てきました。
人多いかなと思ったんですけどみんなどこかに出かけて帰りか、家でお休みか、そこまで人が多い感じではなかったです。
ゆっくり見れて嬉しい。
なんか、どんだけ注意されてても話してる人とかいますよね。
上映中は静かに観たい派です。
今の観たー！？とかはDVD買って家でやりたいですね。
映画の感想？
うーん最初サノスこのやろーって思ってたのに、終わるとサノスおじさん可愛かった…
と、少しサノスおじさんが好きになってしまって苦しいです。
質感とかすごいですね。
CGも特殊メイクとかも進化がすごいのでもうわかりません。
自分はフィギュアが好きなんですが、トイサピエンスって知ってますかね？
原宿にお店があってたまーに行ってます。
初めて行った時にエイリアン特集で店内エイリアンの頭とか、卵とかあって気持ち悪かったです。
めちゃくちゃリアルで小さい子が泣いてたり。
これが売られてるんだからすごいんですよね。
画像とか検索して観てください。
高いですけど納得のお値段です。
たまたま知り合いと映画に出てきたサノスというボスのお話ししてて検索したら…
サノスの手売ってる。
※グローブ的なのです。
【ホットトイズ・アクセサリー・コレクション】『アベンジャーズ／インフィニティ・ウォー』１／４スケールレプリカ インフィニティ・ガントレット | 株式会社ホットトイズジャパン
しかも今映画やってるから展示イベントやってるんですよねーー
前の時行ったんですけど、実際着ていた衣装とかも展示されてて写真撮りまくりました。
5月27日までなのでぜひ。
私も行かねば…
…サノスの手には驚いたんですが、今はもう売り切れのようで。
展示で置いてたりするのかな…手は入らないよね？？？
こういうのよく光りますよね。
この手も光るみたいです。夜中持ち出して遊びたい笑
【ホットトイズ企業グッズ】コスベイビー・ぬいぐるみ『アベンジャーズ／インフィニティ・ウォー』インフィニティ・ガントレット | 株式会社ホットトイズジャパン
サノスいじられすぎじゃないですか？
サノスの手のぬいぐるみです。
こっちは装着できる…！
そのほかにも真面目なのを。
『マーベル・コミック』【プレミアム・コレクティブル】１／４スケール・スタチュー ハルクバスター | 株式会社ホットトイズジャパン
￥290,000
にまんきゅうせんえんじゃない。
初めての人はびっくりするようなものが売ってたりしますが、買う人は買うんですね。
売り切れてました。
フィギュア好きと言ってもがっつり買うタイプではなく（今も２体だけ）
３体目買うか迷ってギリギリ予約解除したりもします。
欲しいのがムービーマスターズなんで定価でも３万ぐらいするんですよね。
なかなか手が出せない社畜です。
興味があったらぜひ。
まんまと沼にハマります。
ちなみに持ってるのはアイアンマンのトニーとバイオハザードのウェスカー。
↓参考
未開封だとプレミアついてとんでもないことになりますね。
子供の頃大好きだったロックマンエグゼのおもちゃ…
当時セールで500円で買ってボロボロになるまで遊んでたんですけど、
今じゃ綺麗に置いてたら数万円するものになってました。
先を見越して買ってる人とかいるんでしょうね…
絶対開けて遊んじゃうんで自分には無理ですね。
クリップスタジオ便利
どん！！！！！！！！！！！
GW後半魂が抜けて1日無駄にしたおんたです！
やっとペンタブ引っ張ってきて描いてました。
アイコン描きました！！！！
ペンタブで絵を描き始めたのは中学生の頃で少し早いのかな？
確か「テストの点よかったら買ってあげる」って言われて自分なりに頑張ってた気がします。
でもめちゃくちゃ当時バカすぎてあまり変わらなかったような…
でもなぜか買ってもらって、その頃はbambooでしたね。
今は名前が変わっておりますが。
それで大学まで使いました。
その頃はずっとフォトショップでイラスト描いてて（フォトショップしか知らなかった）
saiとか大学の頃憧れましたね〜何だ線補正って！！私の努力！！！！
中学から描いてましたがそこまでは使ってなくて、高校までコピックとかアナログにはまって放置。
大学入ってからスマホゲームが流行りだし、カードのイラストとか厚塗りでかっこいいなぁ！とそれからガシガシ描いてました。
海外の俳優さんとかも好きで結構リアルな絵を描いてました。
一時期某巨人アニメにハマりパロディとか好きで絵柄似せて描いてた時はフォトショップでよくあんなに綺麗に線描けたなと、今でも思います。
２、３ヶ月毎日描いてましたね。描くペース早かったので練習量もすごかったのかな…
今では面影もありませんね。
2.5頭身ぐらいのちびキャラとかゆるキャラ描くことが多いです。
で、大学４年の時周りは就活で盛り上がる中私はアニメーターのような仕事をしてました。
そこで使ってたのがクリップスタジオ。
ずっと使ったら他のソフト使えなくなっちゃって。
それで今ではフォトショップは仕事でしか使わなくなりました。
ベクターレイヤーすごいです。
線の太さがあとで変えられるのでちょー便利！
昨年会社でもイラスト描く仕事があったので普及させてきました。
（今では扱える人がおらず封印されてます）
でもあれで１万とかもしないのでいいソフトですよね。
個人的に購入したのは卒展前。
2m程の作品を作る予定でした。
しかしいきなり2mのキャンパスに描くなんて（デジタルで）苦行でしかないと思いました。
友人に２倍ぐらいだったら後で拡大しても大丈夫じゃない？と言われてなるほど…
小さく描く作戦に出ます。
「でもフォトショップで拡大って結構線ボケちゃうよねー」
その時思いついたのが仕事で使ってたクリスタのベクター機能でした。
小さく描いて、後で２倍の大きさにキャンパスを拡大→ベクター線の太さ調節する
天才かと思いました。
この後結局フォトショップで色の微調整するので何度かフォトショップが固まりました。
でも小さかった分作業は短縮できました！
ペンタブに付いてくるフォトショップエレメンツは機能としてはおまけみたいなのでやはりフォトショップが欲しいです。
でも線綺麗に描ける自信ないなとか、現金で買いたいとかあればクリップスタジオをオススメします。
操作ガイドというかメイキング本付いたバージョンとか色々あります！
自分はメイキング本大好き人間なので冊子付き買いました。
…と、めちゃくちゃ推すんですが、今日気づいたことがあります。
「切り取り」機能なくない？？？
イラストとか描いててこれツイッターのアイコンにしよ！とかよくあって、顔だけ切り取って〜ってよくしてて。
今回このブログのアイコンにも使いたかったんで全身描いた後切り取ろうとしたら…
ただただ選択することしかできず。
泣く泣く新規作成でキャンパスを正方形で作ってそれにペタペタコピペしました。
どこかに隠されてるんですかね…
もしあったら教えてください！泣いて喜びます！！！！
全身はこちら。
こんな感じでだらだらしてます。
もうそろそろ半袖Tシャツ解禁ですね。
Tシャツ大好きでたまにUTで作ってます。
ちなみにお気に入りのパーカーはフィッシャーズっていうユーチューバーのグッズ。
大人になって運動するようになったのは彼らの影響だったりします。
アスレチック行きたいなぁ…
スマホ関連のグッズとか欲しいですね…
iPhoneⅩの動画あるんだからⅩのグッズも作ってくれないかな…
もうⅩは出ませんね。形は好きなので残念。
部屋暗かったりマスクつけてたりすると顔認証ダメなのでたまにイライラします笑
まぁまぁ今回はクリスタの話でした！
社会人になってからmacでよくコーディングとかしてるんですが、saiは確か対応してないんですよね。
mac派の人は是非。
もし興味あったら公式サイトで見てみたり、Amazonとかでレビュー見てみたりしてみてください！
体験版もあります！→こちら
ハマったら色んなソフトに手を出すことになります〜〜〜〜
めっちゃ楽しいですよ。
服を定期的に選んでもらうことに。
ZOZOSUITがまだ届かないおんたです。
申し込み始まってすぐだったんですけど、8月頃だったかなぁ…
でも最近量産体制に入れるとかなんとか記事を見たような。
だったらもっと早くなるのかな。
そんな感じですが、この前ZOZOTOWNのおまかせ定期便に申し込みました。
ZOZOTOWNはアプリ入れててよく眺めてます。
たまーにしか買わないけど…
（過去にネットで買って生地が薄かったりで後悔）
どうしてもお店で見ちゃいますね。
でもお店で決断できなかった時とかに使ったりしてます。
しかし今までファッションとかに興味もなく、ふざけたTシャツ作ったり、買ったりしてて。
やっと靴とかアクセサリーに興味は出て。
でも服もちゃんとしたいなと。
それで定期便を見つけたので申し込んで見ました。
届くのは5月中旬ですが、また届いたら感想書いてみます。
それにしてもGWの予定がないというか、間が休みじゃないのでGWなのか？
どこからGWなんだ？？？って感じです。
お休みしたいなぁ。
