コーディングは知見を共有！デザインは勉強中のブログです！

【HTML / CSS】現役コーダーがあなたの[わからない]を助けます!ソースコード・ブルー

SHARE

※2021.10.16更新

価格改定しました！ご注意ください＜15分/1000円(税込み)＞
また、当サービスはレビュー・トラブルシューティングのサービスです。
１からコードを記述して納品するサービスではありませんのでご了承ください。
コード納品や制作依頼はTwitterDMやメールフォームよりお願いいたします。

現役HTMLコーダーがあなたのHTML/CSSコードをレビュー・トラブルシューティングをいたします！
このサービスはDiscordを利用した通話にて（顔出しは必要ありません）わからないところをピンポイントでコードレビュー・トラブルシューティングするサービスです。

この部分のデザインを再現するにはどうやってCSSを組んだらいいかわからない…
このコードでいいんだろうか…
LPやポートフォリオを作ってみたけどコードが最適化されてるかわからない。
足りないタグはないだろうか…
スクール等はお金がかなりかかるし、気軽にピンポイントでわからないところを聞きたい。

ずっと悩んで手が止まってしまい、困ったりやる気がなくなってしまったりということはありませんか？

そんな不安を抱えている初学者のあなた！
勉強してせっかく作ってみたwebサイト。コード的な疑問も多く出る方も多いと思います。
そんな方の一助になればとこんなサービスをはじめてみることにしました。

あざみ

あなたのピンチ(コーディング)に救急出動！

↑（）

「ソースコード・ブルー」とは

15分1000円（税込み）のワンコインからご利用いただけるHTML/CSS初学者向けのコードレビューサービスです。（名前はダｓ…）
プログラミングやマークアップのコードレビューや授業というのは本来時間がかかったり、スクール等では長期間通うことになりますが、このサービスでは「わからない」箇所をピンポイントに絞って教えることにより、単発で効率よく指導できるよう工夫しています。

このレビューはこんな初学者・もしくはお困りの方たちが対象です。

  • 単発でピンポイントにわからないところをその都度で聞きたい
  • CSSとかわからんけど取り敢えずここだけ修正したい
  • HTMLやCSSでの疑問についての質問がしたい
  • 形はなんとか組めるものの、コードが最適化されてるかわからない
  • 組みたいレイアウトがあるが、CSSでの再現方法がわからない
  • 独学なので気軽に質問できる相手がいない
  • コーディング自体はなんとかこなすものの、まだ自信がもてない
  • YouTubeなどで配信をしていて、OverlayのCSSが組みたいけど調整がわからない

この記事を見ているあなたもかけだしでエンジニアを目指していたり、webデザイナーになりたいと初学者の方がおられると思います。

デザイナーも今やwebにおけるHTML/CSSの知見はwebデザインを組んでいくためには必要で、今までの人生でみたことのないHTML等の文字列に苦戦されてる方も多いです。

特に初学者はCSSでの横並び装飾や重なり順を利用した表現はつまづきポイントも多く、書き直して試してはうまくいかない…ということもあるかと思います。
そんな方の一助になればとこのサービスをはじめることにしました。

デザインに関してはWeb系のものについては多少相談にのれます。

グラフィックデザインのレビューを受けたい方はこちらのサービスがおすすめです。


参考
PLUS REVIEWプラスレビュー

※↑アロード・ツモマーさんのプラスレビューはこちらから

具体的にどういうサービスなの？

音声通話や画面共有ツールにてHTML/CSSのコードを確認し、質問内容や課題点に対するレビューやアドバイスをするというサービスです。

単純なコードの良し悪しだけでなくカンプ通りのコーディングがしっかりできているか、よりよい環境や手法の提案などの相談も行っていきます。

また、ここがわからない。もうちょっとこうしたいなど、Web担当者や、YouTubeでよく使用される「Discord StreamKit Overlay」などをOBSに取り込んだ際のカスタムCSS調整なども対応可能です。

まずはツイッターのDMよりお気軽にご連絡下さい。
質問内容と日程を確認・相談させていただき、該当のコードを送信していただいてDiscordを利用してのオンライン通話にてお話を伺いながらアドバイスしていきます。

申込みはこちらから

またはDiscordのチャット、TwitterのDMにて！

  • 見た目が崩れる、原因がわからない等のトラブルシューティング
  • よりよい方法や気づかない部分へのアドバイスがほしい
  • 思い描いているレイアウトや挙動の作り方がわからない
  • JSを書いてみたけど何故か動かない
  • CSSをいじってみたレイアウトが崩れたけどなおし方がわからない
  • 細かい小ネタのアドバイス
  • 気軽に思った疑問点を質問したい
  • エディタの有効的な使い方を教わりたい
  • 実務で使っているツールや環境を知りたい

申込みはこちらから

またはDiscordのチャット、TwitterのDMにて！

JavaScriptやjQuery、WordPressの相談もできますか？

答えられる範囲であれば可能です。
基本的にはHTMLやCSSの初学者に向けたサービスです。
JavaScriptやWordPress等の質問は本来対象外ですが、webデザイナーが対応を求められる範囲の実務でもよく使うものですし、レスポンシブ等のスマホ対応や特定の動きなど、使用することも何かとあると思うので、簡単なものでしたら対応致します。まずは内容をご相談ください。

※JavaScriptやWordPressのご相談は内容にもよりますが、一部のみでは難しく、全体を見た上でなければ判断ができない場合があります。そのため15分は超過してしまうことが多いため、予めご了承の上お問い合わせ下さい。

Discord StreamKit OverlayなどのカスタムCSSについても質問できる？

相談可能です。
コードの使用方法などについてはかんたんにはレクチャーも可能ですが、当サービスは「HTML/CSS/JavaScript」などの質問ができるサービスです。
該当サービス自体の利用法やOBSなど専用ツールの基本的な使用方法についてまではカバーできませんのでご了承ください。

実際の流れ

STEP.1
レビューを受けたい日程や困っている内容の相談

Twitter（@aquacastle）のDMにてまずはお気軽にご相談ください！
またはDiscordでのフレンド登録済みの方はチャットにて直接連絡頂いても大丈夫です。
こういうレビューや相談も可能ですか？等の質問も大歓迎です。
また、レビュー内容について秘密厳守にしてほしい場合は他言致しませんのでご安心ください。

当レビューのご利用にあたりまして、以下の項目を必ずご記載ください。

  • 希望の日時の候補をいくつか（２，３候補程度）
  • 相談したい内容
  • 学習等目的のコードレビューか、わからない箇所のトラブルシューティングか
  • 受けたいレビュー時間（※延長も可能です）

※このサービスは初学者を対象としたものです。当サービスの対象から逸脱した相談や当サービスの対象とするレベルを超えているもの、また冷やかし・捨てアカウントと思わしきアカウントからの連絡はご遠慮お受けできない場合がございます。予めご了承ください。

STEP.2
日程のご連絡

こちらより日程や相談の内容確認、また目安のレビュー時間についてご連絡いたします。
問題なければご了承ください。

その後、レビューやアドバイスのために必要なデータを送信ください。
トラブルの原因解明等のため、一見関係なさそうでもなるべく全体像が確認できるデータを送信いただくか、またはアップロードされたURLを送信していただけるようお願い致します。

STEP.3
お支払いについて

ご希望のレビュー時間に応じた金額をご購入ください。
（15分1000円〜になります）(税込み)
（例：30分受けたい場合2000円）

【所要時間の目安】
レビュー：30分〜60分
トラブルシューティング：15分（早ければ）45分〜（複数・または難解な場合）
カスタムCSS：30分〜（カスタム度合いにもよります）

当レビューはPaypal、でのお支払いになります。
お支払い用のURLを送信いたしますので該当ページにしてご購入ください。

STEP.4
コードレビュー開始！

Discordアプリ(ダウンロード版をご利用ください)をメインに利用し、オンライン上での通話によるオンラインレビューです。
ご希望の時間分レビューを行っていきます！
画面共有が必要な場合Zoom等のアプリも併用する場合がございます。前もってご用意いただくとスムーズかと思います。

※その後の予定次第では延長も可能です。
延長される場合、お時間の追加購入をお願いいたします。
※ビデオ通話ではないので顔出し等はありません。ご安心ください。

STEP.5
終了後

許可が得られればレビューにあたっての紹介をブログやツイッターにて紹介させていただくこともあります。
また、感想もいただければとても嬉しいです。

ソースコード・ブルーのお申込み・ご相談はこちらから

申込みはこちらから

またはDiscordのチャット、TwitterのDMにて！

お客様の声

https://twitter.com/Oda74618344/status/1381790507093782529

2 COMMENTS

現在コメントは受け付けておりません。

前の記事

デザイン練習中！ソースコードブルーのバナーができるまでの経過を…

次の記事

こういう人は占うな！人狼ゲームにおける【占い師】の占い先選び方