初心者向き教材！コーディング&WordPressコードスニペット集【コピペで使える】

みなさんこんにちは！コーダーのじゅんぺいです。

この度、知識共有プラットフォームBrainにて、

『コーディング&WordPressメモまとめ集』を発売しました！🎉

Brain販売ページの説明と重なる所もありますが、ここでもこの商品について説明させて頂きたいと思います。

コード集があれば時間短縮になり、結果的に時給アップに繋がります⤴️

ちなみに人気ランキングで総合1位になりました！

さらにBrain公式メディアよりインタビューを受け、記事にして頂きました！（画像クリックで記事に移動します）

LPのコーディングが格安の3万円だとして、その規模なら早い人で1日、かかっても2日くらいで終わると思うので、半日で教材費を回収することも十分可能です。

そしてその影響はずっと続くので、長い目で見れば早く購入するほどお得です。

もう買う気満々の人はこちらからBrainの商品ページにアクセス可能ですが、注意事項などもあるのでご購入前に商品説明などはしっかりとお読み下さい🙇‍♂️

コーディング&WordPressのコピペが出来るメモまとめ集とは？

まず商品を簡単に説明すると、

『2年間の実務で書き溜めたコーディングとWordPressに関するメモまとめ集』

となります。

そのメモとは、万能ツールNotionを使ったメモになります。

Notionを使ったコード管理に関してはこちらの記事を参照下さい。

基本的に実務で使った事があるものだけをまとめているので、ただのコード集ではなく、

『1人のコーダーが2年間の実務でどんな実装をしてきたのか』

が分かります。

レビューのご紹介

累計1,100部販売
クチコミ630件（平均スコア）

レビューの数が多すぎて全部はご紹介出来ませんが、ここで一部をご紹介します。

全部見たい方は商品ページでご確認下さい🙇‍♂️（ページの一番下にレビューがあります）

またTwitterでのレビューはこちらの記事を参照下さい。

Brainで販売しようと思った経緯

今から1年前、このようなツイートをして結構反響を頂きました。

【Notionでコード管理する時の項目】

✅タイトル
✅画像
✅コード
✅参考サイトURL

左上を見ると分かりますが、この場合は複数ある見出しの中の1つになります

今回URLはありませんが、必要に応じて追記

コードは言語を分けて言語の種類を選択可能
コードはコピー出来るので、コピペ無双出来ます⚔️ pic.twitter.com/EZbBMzEZQ5

— じゅんぺい🇹🇭バンコク×ブログ×コーダー (@junpei_sugiyama) March 14, 2021

以前は『Boost Note』というツールを使ってコード管理をしていたのですが、全てNotionに移行してからはずっとNotionを使っています。

そしてこのNotionにまとめたコードスニペット集をある方に見せたら、

マジですか

というやり取りがあったのもちょうど1年前になります。

それから販売まで1年以上かかった理由は、

となります。

そして整理するのが大変過ぎるので目を背けていたのですが、2ヶ月前に恐る恐るこちらのツイートをした所、これまた結構な反響を頂きました。

今までNotionに書き溜めてきたコーディングやWordPressに関するメモ、販売するって言ったら買いたいって人いますかね？現時点では自分が分かればいいやって感じなので、販売するとしたらもっとまとめないといけないですが果てしなく面倒なので時間かかると思いますが。。。 pic.twitter.com/BQQ978nFAQ

— じゅんぺい🇹🇭バンコク×ブログ×コーダー (@junpei_sugiyama) January 31, 2022

以前実装したコードをまた何時間もググった経験ありませんか？

Web制作においてググるという行為は必須で、ググらない人は皆無だと思います。

しかし、以前実装した物をまたググるのは時間の無駄です。

とは言っても、簡単な物以外は覚えていられないと思います。

そこで多くの人は参考になったブログをブックマークしたり、実装したコードをまとめておき、次に同じ物が出てきたらすぐ実装出来るようにしています。

しかし今度は、

大量のブックマークから探すのがしんどい

という経験もあると思います。

もう『ブックマークから探すよりググった方が早いんじゃないか』と思うほど。

ググるのが大変な理由

なぜ同じ事をググるのが大変かというと、欲しい情報が見つかったブログでも細かすぎて必要のない情報も沢山含まれているから。

というのが1つの理由になります。

もちろんブログの場合は『実装するコードだけ』では不親切なので、細かい解説や付随する情報があった方がいいですが、時には

コードだけ分かればいいんよ

という事もあると思います。

しかし、逆に『情報が省略されていて参考にならない』という事も多々あります。

これらを解消するには、

というのが必要になります。

もちろん他人のメモではなく自分でまとめたメモがベストですが、先ほどのツイートのリプにも、

と言ってくれる方が思いのほか多かったので「自分だけ分かればいいや」と思って書き溜めた2年分のメモを、他の人が見ても分かるように整理しました。

Brainの内容について

それでは本題に入ります。

以下の4点について書いていきます。

この商品の対象者

このコーディング&WordPressメモまとめ集は、私と同様にコーディングやWordPressのオリジナルテーマ制作をしている方を対象としています。

なのでWordPressでもSnow monkeyなどの有料テーマでノーコード、ローコード中心に制作している人は存分に活用する事は出来ないかと思います。

またWordPressはオリジナルテーマ化をしたことが無く、カスタム投稿やカスタムタクソノミー、タームなどが全く分からない状態だと使い方が分からないと思うので、

実務経験はあるけど何度も同じこと調べるのがしんどい

何となくは理解出来るけどもっと楽したい

という方向けになっています。

極力コピペで済むようにまとめてありますが、使う場所と意味が分からないと活用出来ないので、ある程度は自分で考える必要はあります。

当然デザイン通りにするにはカスタマイズする必要もありますからね。

なので以下に該当する方にはおすすめしません。

ただ今はノーコード制作しかしていなくても、今後オリジナルテーマで制作をしたいと思っている方は役に立てられるかと思います。

また、見出しやボタン、アニメーションのサンプル集を見て、

CSSだけでこんな事できるんだ！

と感動するかも知れませんが、

実務ではほぼ使いません

ポートフォリオなどで凝った装飾をしたい場合は参考になるかも知れませんが、実務で使うことはほぼありません。

なので実務ではまず使わないようなマニアックな実装はあまりなく、各セクション上から順に使う頻度が高い物を書いています。

なので、

実務でどんな実装するのか分からなくて、いつまでも勉強が終われない。

頻出する実装を知りたい。

という方にもおすすめです。

内容の一部を書くと、

などなど、実務で役立つものが沢山あります。

Web制作で単価を上げる方法

方法は大きく分けて2つあります。

ここの時給を上げるというのは、時給制の単価を上げるという意味ではなく、作業時間を短くすることです。

2000円の仕事を2時間で終わらせれば時給1000円ですが、1時間で終われば時給2000円になりますよね？

コーディングで作業時間を短くするには作業効率を上げる必要があります。

そして作業効率を上げる方法は大きく分けて2つ。

今回販売するのは②に該当します。

この教材が約1万円で仮にあなたの時給が1000円だとすると、10時間節約しただけで元が取れます。

ただ時給1000円だと東京都の最低賃金を下回るので、時給2000円くらいだとすれば5時間節約しただけで元が取れます。

そしてそれ以降節約できた分は、単純に収入アップになります。

実装方法が分からなくて何時間もググったことありませんか？

もし実装に1時間かかった物が数分で終わっていたとしたら・・・

その積み重ねが収入アップや時間を作る事に繋がります。

活用方法

コードは『なるべく自分が楽できるように』をモットーにまとめているので、コピペで実装出来る物が多いです。

全部書くと長くなるものについては省略しているので、詳細はCodePenやブログでご確認下さい。

そして主な活用方法は以下の2つになるかと思います。

人によって使う物は全然違うと思うので、このメモまとめ集を参考に自分だけのメモを作っていきましょう！

注意点

このメモまとめ集はコーディングやWordPressを完全網羅！という物ではなく、あくまでも私個人が2年間の実務の中で実装したコードを集めた物になります。

なので、

これ1つでコーディングとWordPressは完璧！

という訳ではなく、

実務で実際に使ったコードが知りたい

という方が主な対象になります。

また、このメモまとめ集には当ブログで詳しく解説しているものもあります。

しかしブログには技術記事以外も結構あり、大量の記事から探すのが面倒だったり、

説明はいらないからとりあえずコードを見たい

という人も多いと思います。

先に結論を言って欲しいタイプですね（私もそうです）

特にWordPressに関しては、ブログには書いてないけど非常によく使うコードも多いです。

などなど。

なので、

と混在しています。

なのでメモまとめ集を見て、

ブログのリンク貼ってるだけじゃん

と思う方はご購入をお控え下さい（リンク貼ってるだけの項目もあります）

逆にいずれブログに書く項目もあると思いますが、その時に『ブログに書くなら買わなければ良かった』と思う方もご購入をお控え下さい。

ちなみに書きたい事が大型連休最終日の高速道路の如く渋滞しているので、書けるのはいつになるか分かりません。。。

またブログから探すより、実装するコードがまとまっているだけでも価値があると思います。

こちらが実際の画面↓

もちろん階層になっている項目もあるので、実際はもっとあります。

このメモまとめ集は『未完成』です

このコーディング&WordPressメモまとめ集は未完成です。

未完成というより、私がWeb制作をやめない限り随時増えていく予定です。

いつまでも完成しないサグラダ・ファミリアみたいな物です。

実はこの2年間で実装したものも全て載せられている訳ではないので、まだ整理し切れていない物も含め不定期に更新していきます。

もちろん一度購入すれば追加料金はかからないのでご安心ください。

Brainの紹介料（アフィリエイト）について

Brainには紹介料といういわゆるアフィリエイト制度があります。

このBrainは紹介料20%に設定しました。

ご自身のブログなどでご紹介してそこから購入されれば紹介料をゲット出来ます（私もこのブログでBrainを紹介して何度か紹介料を頂いています）

もしご自身のブログなどでご紹介頂ける場合は、この記事のサムネイルは特別にDLして使って頂いて構いません。

購入する前の注意点⚠️

注意点がいくつかあります。

もう一度書きますが、これは「2年間の実務で実装したことがあるコード」がほとんどで、使う頻度が高い物から順に書いています。

なので、使った事もないマニアックな実装は載せていません。

また、WordPressの項目は全て販売を決めた後に十分な動作確認をしていますが、メモ通りに書いたのに動作しなかったといった場合などのサポート対応はしていません。

もし上手く実装出来ない場合は、

などご確認下さい。

カンマ1つ抜けただけで動作しない所もあります。

CodePenがある物に関しては、もしうまく実装出来ない場合は、

などご確認下さい。

その辺をご理解頂いた上でのご購入をお願い致します🙇‍♂️

最後に

ここまでお読み頂き誠にありがとうございました😊

販売部数によって少しずつ値上げするかも知れませんが、LPのコーディングが安くても3万円と考えればすぐ回収出来るはずです。

それでは冒頭にもありましたが、こちらからBrainの販売ページへどうぞ！

おまけ

また、私と交流のある方がWordPressの教材を発売しました。（👇画像クリック出来ます）

【"誰でも月収50万円以上"を達成可能にする】初心者向け実践型WordPress教材

こちらは学習面以外にも制作会社とのやり取りの流れや、特典では『作業前・納品前のチェックシート』『営業文のサンプル』『見積もり計算シート』など『実務に対する不安を払拭できる内容』となってます。

LP1本のコーディング費が安くても3万円くらいだと考えれれば、軽く1日で回収出来るので早めに『安心』を購入しましょう。

詳細はこちらからどうぞ👇

さらに『メモまとめ集』と同時にBrainを発売した方がいまして、もし以下の悩みがある方は・・・

こちらの教材がおすすめです。

個人的にも仲良くさせて貰ってる方なんですが、低単価という印象が強いクラウドソーシングの1つ、ココナラで凄い成果を出した秘訣が全て書かれています。

しかも自ら提案する事はなく、全て受身で受注していたというのが驚き。

教材としてはちょっと高いと感じるかも知れませんが、

この2つがずっと解消されるなら、一瞬で回収出来ると思いませんか？

この記事が役に立ったと思ったら、シェアボタンからX（旧Twitter）などにシェアすると、いいねされてフォロワーが増えたりすることがあるよ！