100本チャレンジ30本目振り返り～お初のチャレンジと制作あれこれ～

こんにちは、オトナ帝国です。

今回は100本チャレンジ企画の振り返り、第3回になります。第1回目はこちら・第2回目はこちらからどうぞ！

2/10から開始したこのチャレンジ企画、も無事に30本目までたどり着きました。だいぶ更新頻度は下がりましたね、はい。

この辺りの話はこちらでまとめていますので、ぜひご一読ください～

今回はあくまで30本目の振り返りの話を中心にしていきたいと思います～

Wordpress関連の記事もありつつ、埋め込み・プログラミングライブラリー系の記事も展開させていただきました。

また何よりも、初めての

振り返り対象記事

Youtube動画埋め込みのレスポンシブ対応のpadding-topを解説してみた

faviconの作成と設定方法【html設定】

Googlemapのサイト内での埋め込み方法【レスポンシブ対応】

WordPressのカスタム投稿アーカイブページのタイトルの設定方法について

ソースをサイトで見やすくするprism.jsの使い方と運用を楽にする方法

CDNでキャッシュ促進でサイト高速化とデメリット解説

【ゲーミングチェア】GTRACINGのGT002のアームレストをAKRACING4Dアームレストにしてみたレビュー

【PHP/CSS掲載】ページネーションの作り方～WordPress～

パンくずに構造化データを設定することでSEO対策をしよう【テストツール解説付き】

初めてのアフィリエイト記事の制作

今回、初めてアフィリエイトの記事を作ってみました。

いや、これはこれで本当に難しい、初めてやってみたのですが、反省も多いですね。

商品を紹介することって難しい・・ですが、ゲーミングチェアみたいな長く使うものは、お金使ってもいいのかな、と思いますし、めっちゃよかったのでお勧めです～

今後も買ってよかったものはこういう形で紹介していくのも頑張ってみたいなと思っています～

【ゲーミングチェア】GTRACINGのGT002のアームレストをAKRACING4Dアームレストにしてみたレビュー

Google系サービスの埋め込みについて

オトナ帝国のサイトではいくつかのAPIを用いて、サイトを構成しています。Youtube・GoogleMap・Googleフォームなどなど

その埋め込みについて。特にYoutubeについてはレスポンシブ対応させるために、癖のある実装方法なのですが、じれが何とも言語化が難しい・・

改めて、言葉にする難しさを感じましたね、また少し時間が経ってからリメイクしたくなりました。

またGoogleフォームについての記事だけ、まだないのですが、これはこれ現在絶賛検討中です。

ただ埋め込むだけなら、現在の形で紹介できるのですが、そうではなく、あくまで自分のオリジナルデザインで機能だけGoogleフォームみたいな作り込みがしたくて・・・！

良く思うところなのですが、自分が制作したものを振り返り言語化する過程は、言語化の難しさを感じるとともに新しい創作意欲を涌かせてくれます。

Youtube動画埋め込みのレスポンシブ対応のpadding-topを解説してみた

Googlemapのサイト内での埋め込み方法【レスポンシブ対応】

Wordpress関連の記事について

wordpress系は大筋部分はだいたい完了してきています。今回はmetaタグ領域とページネーションについて。

どちらも結構ややこしめですが、ページネーションは特にややこしいですね。

ページタイトルについて

けっこう細かい部分ですが、ページタイトルの部分ですね。意外とこれ癖があります。

Wordpressはリンクの設定とか、ページタイトルのところとかいい感じにしてくれないんですよね・・・

ですので、自分で細かいややこしいことするか、あきらめて割り切るしかないのですが、タイトルはあきらめきれず対応したところです。

WordPressのカスタム投稿アーカイブページのタイトルの設定方法について

ページネーションについて

これは分岐の数がとても多くて・・・

記事の数に応じたページ数ごとの、ページネーションの表示制御から、1ページ目・最終ページ・真ん中のページの際の表示制御など、分岐に分岐を重ねて、だいぶ小難しい感じになっています・・！

ただ、記事のループの集大成って感じはします。あれこれと理解しておくと、わかりやすいかもです。

【PHP/CSS掲載】ページネーションの作り方～WordPress～

CDNとjsライブラリーについて

CDNについては結構いい感じにかけた気がします。

結構それっぽくかけているので、エンジニアではない方でも面白いのではないかと思います。

その後のFont Awesomeの記事でも触れることになるので、頻出単語の１つですね。

キャッシュという単語も、Web少しでも絡む仕事をすることになれば、まず間違いなく使う単語なので、併せて抑えておきたいところです。

CDNでキャッシュ促進でサイト高速化とデメリット解説

prism.jsは結構感動したライブラリーでこのオトナ帝国Webサイト制作の記事には欠かせない記事になっています。

これは・・・もはやソースをWebサイトで解説したい方向けなのであれですが、、、ライブラリー紹介は初めての記事だったので、よかったと思います。

最後に

今回は、30本目の振り返りでした。

結構幅広く書いた感じですね。良くも悪くも雑多に書きたいと思ったものを書いた感じはします。

次の振り返りに向けてまた頑張っていきます～～～