Shogo(しょーごログ運営)

山形出身新大卒のフリーランスエンジニア兼YouTuber兼ブロガー。元銀行員。 メディア運営(ブログ6万pv超,YouTube1万人超,note1万pv) 「それが知りたかった!」を届けるメディアしょーごログ運営→https://shogo-log.com

Shogo(しょーごログ運営)

山形出身新大卒のフリーランスエンジニア兼YouTuber兼ブロガー。元銀行員。 メディア運営(ブログ6万pv超,YouTube1万人超,note1万pv) 「それが知りたかった!」を届けるメディアしょーごログ運営→https://shogo-log.com

    マガジン

    • コーディング教材全部盛り!【最もお得】

      XDデザインデータからのコーディングを経験するためのデザインデータを【すべて】同梱しています。 計10回もの表示確認を受けられます(初級Ex~Photoshop編5つ) この一連の教材だけで、実案件獲得からWeb業界への転職に必要な実力・ポートフォリオの「全て」が揃います。 学習ロードマップにそいつつ、各課題をクリアしていってください→https://shogo-log.com/after-progate/ 過去の受講生の声を集めたので、こちらも購入の参考にしてみてください→https://shogo-log.com/brave-messages/ 教材の詳細はこちら→https://shogo-log.com/coding-study/ *買い切りなので、今後リリースされるコーディング教材も無料で自動で同梱されます(追加料金なし)

    • コーディング教材中級上級JSセット【実践レベルを目指す】

      XDデザインデータからのコーディングを経験するためのデザインデータの【中級】【中級Ex】【上級】【JavaScriptを練習できるJS特訓編】【Photoshop編】をまとめています。 計8回の表示確認を受けられます。 最後まで完走する頃には満足なポートフォリオが揃っている状態になります。 既にデザインカンプからのコーディング練習の経験が2.3個ある人向けです。初心者の方には「全部盛り」の方をおすすめします。 これまでの購入者の声を集めたので、参考になると思います→https://shogo-log.com/brave-messages/ 教材の詳細はこちら→https://shogo-log.com/coding-study/

    • コーディング教材即戦力セット【最強のポートフォリオ】

      ポートフォリオとして特に評価されやすい【中級Ex】【上級】【Photoshop編】をまとめたものになります。すでにデザインからのコーディング経験があり、就職や営業のためにポートフォリオを更に充実させたい方におすすめです。 特にPhotoshop編に関しては「Photoshopを準備する」というハードルからか、レビュー依頼者が少ないことから、被りも減らせるかと思います。 実装難易度としても、実務経験者でも一筋縄ではいかないものになります。それだけのアピール力・実践対応力が付きます。 過去の購入者の声を集めました→https://shogo-log.com/brave-messages/

    • 中級・中級Exセット【HTML,CSS,JS実案件レベル】

      中級と中級Exをまとめています。この2つがこなせると、HTML,CSS,JSのコーディング案件に挑戦できるだけのスキルと胆力がつきます。またポートフォリオとして活用可能です。

    • コーディング初級・初級Exセット【HTML,CSS総復習】

      XDデザインデータからのコーディングを経験するためのデザインデータを初級初級編Exとまとめています。 初級編Exはいい感じの難易度になりましたので、ぜひチャレンジしていただきたく思います!

    ウィジェット

    • 【駆け出しコーダーに捧ぐ】2022年以降のポート…
    • 【2021,22年版】Progateから実務まて…
    • 【現役フリーランスが語る】Web制作の流れ完全…
    • 【デスクツアー】フルリモートフリーランスのデスク…

    最近の記事

    固定された記事

    【中級】XDデザインからのコーディング実践演習【JavaScript導入】

    こんにちは、フリーランスのweb制作エンジニアとして4年ほど活動しているしょーごと申します。 今回は実務未経験の方がポートフォリオとして提出できるレベル感のデザインカンプを作成しました。 もともとはyoutubeでライブコーディングを撮影するためにデザインを作成したのが始まりで、そこから更にデザインに手を加え今回配布に至りました。 初級Exクリアレベルの学習者を想定しています。 【中級編YouTubeライブコーディング動画】 【動画でも解説しています】この動画の14

    スキ
    279
    有料
    1,680
      • 【即戦力編】Photoshopデザインカンプからのコーディング練習

        こんにちは、Web制作フリーランス5年目のしょーごと申します。 今回は「Photoshopカンプからのコーディング教材」を紹介させていただきます。 ポートフォリオ活用OKです。 ちなみにポートフォリオはファーストビューで見るか見ないか判断することが多いですが、このデザインはかなりファーストビュー気合入っているので、営業先に見てもらえる確率が高いと自負しています。 【動画でも解説しています】この動画の19:17からもPhotoshop編に触れています。 コーディング教

        スキ
        108
        有料
        2,480
        • Web制作を学ぶあなたに読んでほしいしょーごログの記事たち

          こんにちは、Web業界4年目のしょーごです。 この記事では、本業のweb制作やフリーランス情報を中心に、フリーランスとしての働き方、Webを仕事にすることに憧れている人にクリティカルな情報をお届けするメディア、『しょーごログ』の中でも 「これはぜひ読んでほしい!」「これさえ読んでおけば大丈夫!!」という記事を精選しました。 Web制作完全ロードマップしょーごログで一番読まれている記事になります。 今からWeb制作を学んで、 「Progateの後って結局何をすればいい

          スキ
          22
          • 【2022年最新版】Web制作会社に特化した最強の営業法【制作会社に実際に聞いてきました】

            こんにちは、現在web系フリーランスとして活動しているしょーごと言います。 本日はweb制作フリーランスの営業法の中でも、「Web制作会社に特化した営業法」を紹介していきます。 本コンテンツの内容、スライドは以前@KitamuraShohei (きたしょーさん)主催の朝もくサロンセミナーでお話した内容をテキスト&画像形式にまとめたものです。 その後追記を頻繁に行っておりますので、内容は常に新しいです(2022年以後も更新します) 【動画でも解説しました】この動画の22:

            スキ
            80
            有料
            4,980

          マガジン

          マガジンをすべて見る すべて見る
          • コーディング教材全部盛り!【最もお得】
            Shogo(しょーごログ運営)
            ¥9,620
          • コーディング教材中級上級JSセット【実践レベルを目指す】
            Shogo(しょーごログ運営)
            ¥8,920
          • コーディング教材即戦力セット【最強のポートフォリオ】
            Shogo(しょーごログ運営)
            ¥7,480
          • 中級・中級Exセット【HTML,CSS,JS実案件レベル】
            Shogo(しょーごログ運営)
            ¥3,760
          • コーディング初級・初級Exセット【HTML,CSS総復習】
            Shogo(しょーごログ運営)
            ¥1,780

          記事

          記事をすべて見る すべて見る

            【JavaScript,jQuery特訓編】web制作でよくあるパーツを実装しよう【解答付き】

            こんにちは、フリーのweb制作者として4年ほど活動しているしょーごと申します。 今回は「web制作に特化したjQuery,JavaScript教材」を作成しました。 【動画でも解説しています】この動画の21:07からJS特訓編に触れています。 学べること、作るもの学べること ・web制作で頻出のjQuery、JavaScriptによるDOM操作実践 ・jQuery,JavaScriptの書き方の違い ・デバッグ方法、開発の進め方 作るもの7つ ・ハンバーガーメニュー

            スキ
            197
            有料
            800

            【中級Ex】 XDデザインからのコーディング実践演習【HTML,CSS,JS実案件レベル】

            こんにちは、現在フリーランスのエンジニアとして5年ほど活動しているしょーごと申します。 この【中級Ex】は私が以前出した【中級】XDデザインからのコーディング練習【JavaScript導入】というnoteの更に実案件に近い課題になります。 【動画でも解説しています】この動画の15:43より中級Exに触れています。 つくるもの「石井花壇」という架空の温泉旅館のサイト構築を行います。「複数ページ」で構成されています(以下はTopページです) 画像はunsplashとPix

            スキ
            161
            有料
            2,480

            【初級Ex】 XDデザインからのコーディング実践演習【複雑なレイアウト】

            こんにちは、フリーランスのweb制作者として5年ほど活動しているしょーごです。 以前【初級】XDデザインからのコーディング練習【HTML/CSS】(模範解答付き)というnoteを出しました。 こちらのnoteは「初めてデザインカンプからコーディングをして頂く方向けのレベル感」を意識して作成しました。 【動画でも解説しています】この動画の12:36より初級Ex編に触れています。 【初級Ex】のレベル感、デザイン 今回の【初級Ex】は、それより少し難し目にして、 ・HT

            スキ
            180
            有料
            1,480

            【入門】XDデザインカンプからのコーディング練習【無料です】

            こんにちは、しょーごです。フリーランスのWeb制作者として活動を初めて5年目になります。 以前「初級編」をリリースしたのですが、 「難しくて早くも挫折しそうです...」といった声が聞こえてきました 学習ロードマップで最初の「デザインカンプからのコーディング教材」として指定しているものです。 そこで今回「完全無料」にて「入門編」を配布しようと思います。どなたでも練習頂けます。 ちなみにデザインはこんな感じです↓ 2021.04.07 画像と配色をリニューアルしました

            スキ
            188

            【上級】XDデザインからのコーディング実践演習【WordPress実案件レベル】

            こんにちは、フリーランスのWeb制作者として5年ほど活動しているしょーごです。 今回は実案件レベルのWordPressサイト制作を体験できるデザインカンプを作成しましたので、公開します。 レベル感的には、既出noteの「中級Ex」を完走し、「WordPressレッスンブック」を終わらせた人向けのレベル感となっております。 【動画でも解説しています】この動画の17:33より上級編に触れています。 独学ロードマップにも取り込みました。 とにかく、実案件レベルでポートフォ

            スキ
            236
            有料
            3,480

            自宅の作業環境とおすすめガジェットやデスクを紹介します【とても快適】

            こんにちは、現在フリーランスのエンジニアとして2年ほどフルリモートで働いているしょーごです。 みなさん、自宅の作業環境はベストな状態でしょうか? 私はフリーランスとして独立して以来恥ずかしい話、2020年の3月まで作業環境に全くお金をかけてきませんでした。 しかしテレワークやリモートワークが広まるにつれ、自分の作業環境も新しく構築し直してみた結果、 生産性が冗談抜きで体感3倍ぐらいになって、モチベも最高潮に達し信じられないほど快適になったので、 今回はこの素晴らしい

            スキ
            21

            【初級】XDデザインからのコーディング練習【HTML/CSS】(模範解答付き)

            こんにちは、フリーランスのweb制作者として5年ほど活動しているしょーごです。 「Web制作ロードマップ」で紹介しているのですが、Progateを終えたあとはまずは下記の参考書を完走してもらえば、 HTML,CSSの基礎は身につくと思っておすすめしております。 その上で参考書を終えたら、今度は自分の力でデザインカンプから一からコーディングしていく練習を積む必要があります。 今回そのニーズに最適化させた、デザインカンプからのコーディングとして最初に挑むのにぴったりのレベ

            スキ
            239
            有料
            500

            僕がフリーランスエンジニアとして活用してきた技術書一挙に紹介する

            具体的にどんな技術書を使って勉強してきたかまとめてみました。 一般的に名著と呼ばれるものから、隠れ名著だと思っているものまで幅広く紹介しますので、気軽に眺めてみてください。 HTML,CSS編初めて買った技術本。デザインがいけてる 最近出たやつ。2020年にHTML,CSS入門するなら、この本がベストバイ Bootstrapわからなすぎて買った。 全コーダーいますぐ買うべき、これは最強の本で、これを買わなかったら、なんの技術書買うんだよと思う、コーダーは全員買うべき

            スキ
            28

            iSara生が爆速で成果を出せる秘訣がわかった話【7thを終えて】

            isaraというバンコクのプログラミングスクールで、事前学習1ヶ月(1月)現地講座21日間(2/17〜3/8)とありました。 厳密にはこれから1ヶ月間案件獲得のサポート期間が始まります。 僕は今回はチューターではなかったので現地講座の途中から参加しましたが(一応講座もやりましたが)、iSaraの強み、爆速で成果をだすフリーランスの根底にあるものを再確認できたので、ここに残しておこうと思います。 7期生、現時点で案件を取れている方が大半だそうです、学び始めて2ヶ月ですよ?す

            スキ
            11

            人生を本気で変えようとする人達の中に21日間いて、その所感

            バンコクのノマドエンジニア育成講座、iSara[イサラ]の6期の現地講座が11/25~12/14の間に行われていました。 自分は今回「チューター」と言う形で関わっていましたが、 結論から言うと、この21日間の自分のモチベーションと生産性は体感2倍になり、受講生ではないですが大変満足しています。 iSaraについてisaraはノマドエンジニアとして稼ぎつつ好きな場所で好きな時に働けるようになるための、スキルおよびマインドを鍛える講座です。 今回は第6回で、様々なバックグ

            スキ
            14

            キャリアの20代後半並感

            *ついにポエムっぽい物を書いてしまった...(↑は4年前の写真) 以下はよく聞く会話 身に覚えがないだろうか 「俺も高校生の時に勉強してれば〇〇大学行けたのになー、あの頃戻りて〜(大学生)」 「中学生のうちにもうちょっと頑張ってれば、こんなに数学が苦手科目にならずに済んだのになー、戻りて〜(高校生)」 「小学生は楽だったよなー、遊んでばっかだったし、あの頃勉強してれば学年一桁で英雄になれたのになー(中学生)」 そして、 「大学生の頃はよかったよなー、個人の責任っ

            スキ
            8

            1年後のフロントエンドエンジニア入りに向けて

            フロントエンドエンジニアに求められるもの【中途採用条件を参考】・React、Vue(Nuxt)などモダンなUIコンポーネントライブラリ ・ Ajaxなど ・Node.jsによるテンプレートエンジン利用(ect,ejsなど) ・サーバー全般やインフラ(AWS、GCP、Varnish、Fastly) ・Ruby / PHP / Golang などバックエンドサーバープログラムの開発経験 ・DB設計経験(SQLなど) ・TypeScriptなどフロントエンド言語 ・プロジェクト管理

            スキ
            17