濱口 まさみつ

オンラインスクール「エーアイテックスクール」運営 副業でWebデザインのお仕事ができる…

濱口 まさみつ

オンラインスクール「エーアイテックスクール」運営 副業でWebデザインのお仕事ができるように指導しております ストリートアカデミー、mentaから講師実績が約1000人 2023年4月28日に「いきなりWebデザイナー」書籍を出版 10月に重版決定。Lineにて特典配布中

  • Webデザイナーで副業を始める役立つコラム

    web制作で副業を始める方に、 役立つ情報を発信しております。 副業で少しでも稼いでみたい Webデザイン、エンジニアの仕事に興味がある方必見です。 私が副業からフリーランス、起業までした経験談をもとに 情報を提供していきます。

  • adobeXD 基礎講座

  • STUDIO基本講座

  • NoCode 入門講座

  • Vue.js基礎講座

すべてのマガジンを表示

作品をよくみよう

音声で聞きたい方はこちら stand.fm: WEBデザインから副業をはじめるチャンネル 今回は作品をよく見ることの重要性についてお話しします。 どうしたらデザインが上手くな…

濱口 まさみつ
濱口 まさみつ
2年前

SNSを活用して案件をとろう

音声で聞きたい方はこちら stand.fm: WEBデザインから副業をはじめるチャンネル 今回はSNSの活用についてお話しします。 案件を獲得するためには SNSを活用すると簡単で…

濱口 まさみつ
濱口 まさみつ
2年前
2

お仕事の案件をとるための第一歩

音声で聞きたい方はこちら stand.fm: WEBデザインから副業をはじめるチャンネル 今回はお仕事をとるための第一歩の行動についてお話しします。 それは、SNSを利用して、 …

濱口 まさみつ
濱口 まさみつ
2年前
2

デザインスキルをあげるには

音声で聞きたい方はこちら stand.fm: WEBデザインから副業をはじめるチャンネル 今回はデザインのスキルをアップするためには どうすればいいかについてお話しします。 …

濱口 まさみつ
濱口 まさみつ
2年前
3

お仕事につながる学習の進め方

音声で聞きたい方はこちら stand.fm: WEBデザインから副業をはじめるチャンネル 学習しながら作品を作る まずは学習を始めるときに何をしていますか？ 書籍を買って初め…

濱口 まさみつ
濱口 まさみつ
2年前
4

どんなスキルが必要なの？

音声で聞きたい方はこちら stand.fm: WEBデザインから副業をはじめるチャンネル さあ、副業を始めましょう！ といっても何から学習していいかわからないですよね。 今回…

濱口 まさみつ
濱口 まさみつ
2年前
3

目標と計画の立て方について

音声で聞きたい方はこちら stand.fm: WEBデザインから副業をはじめるチャンネル 今回は、目標と計画の立て方について話をしていきます。 副業を始めるにも勉強するにも、…

濱口 まさみつ
濱口 まさみつ
2年前
1

Web制作の学習は何から始めたらいいの？

音声で聞きたい方はこちら stand.fm: WEBデザインから副業をはじめるチャンネル 今回はweb制作の学習は何から始めたらいいの？ という質問に答えていこうと思います。 ど…

濱口 まさみつ
濱口 まさみつ
2年前
2

Webデザインの学習で意識すること

音声で聞きたい方はこちら stand.fm: WEBデザインから副業をはじめるチャンネル webデザイン制作の学習で 意識しておきたいことを紹介します。 効率的に学習していくので…

濱口 まさみつ
濱口 まさみつ
2年前
1

PDCAを回していこう

音声で聞きたい方はこちらから WEBデザインから副業をはじめるチャンネル | standfm 今回はPDCAの重要性についてお話していきます。 みなさんは PDCAという言葉を聞いた…

濱口 まさみつ
濱口 まさみつ
2年前
3

副業で稼ぐために必要な行動

音声で聞きたい方は WEBデザインから副業をはじめるチャンネル | standfm まずは自分の学習してきたことや お仕事で培ったスキル、実績を書き出していきましょう もちろ…

濱口 まさみつ
濱口 まさみつ
2年前
2

副業を始める動機から目標設定について

※音声で聞きたい人はこちらから WEBデザインから副業をはじめるチャンネル/stand.fm 副業を始める理由は色々あると思いますが、 私は好きな仕事をして もっと自由に毎日…

濱口 まさみつ
濱口 まさみつ
2年前
2

【2021年最新】Webデザインに役立つ！おすすめChrome拡張機能12選

みなさんはGoogle Chromeの拡張機能は何をインストールしていますか？ 今回は、Web制作がはかどるChrome拡張機能を12個ピックアップしてみました。簡単な使い方も説明し…

濱口 まさみつ
濱口 まさみつ
3年前
2

デザイナー必見！ノーコードでWebサイトが作れる「STUDIO」を使ってみた！#2

前回は、「STUDIO（スタジオ）」の簡単な画面説明と、LPのヘッダー部分を作ってみました。今回はメインビジュアルを作っていきたいと思います。 ▼ メインビジュアル部分…

濱口 まさみつ
濱口 まさみつ
3年前
7

Adobe XDの2021年6月アップデート！新機能「シャドウ（内側）」「パスのアウトライン」「円錐形グラデーション」を使ってみる

2021年6月7日にXDのアップデート【XD41】がリリースされました。 アップデートで追加された機能は下記になります。 　①シャドウ（内側） 　②パスのアウトライン 　③円…

濱口 まさみつ
濱口 まさみつ
3年前
8

Bubbleの基本的な使い方（その8）ードロップダウンボックスの作成と選択データの表示

今回はノーコードツールBubbleを使って、ドロップダウンメニューを作成します。 ドロップダウンボックスで選択した項目に応じて、「Repeating Group」で表示しているデータ…

濱口 まさみつ
濱口 まさみつ
3年前
5
濱口 まさみつ

濱口 まさみつ

作品をよくみよう

作品をよくみよう

音声で聞きたい方はこちら
stand.fm: WEBデザインから副業をはじめるチャンネル

今回は作品をよく見ることの重要性についてお話しします。

どうしたらデザインが上手くなりますか？
と聞かれたら私は、良い作品をたくさんみてくださいといいます
なぜみることがいいかと思うと

このデザインを分析して、
それをアウトプットに生かすことができるからです。

私が大学で写真を学んでいた時、作品を作っ

もっとみる
濱口 まさみつ

濱口 まさみつ

SNSを活用して案件をとろう

SNSを活用して案件をとろう

音声で聞きたい方はこちら
stand.fm: WEBデザインから副業をはじめるチャンネル

今回はSNSの活用についてお話しします。

案件を獲得するためには
SNSを活用すると簡単で案件につながりやすいです。

学習しているけど案件が取れないという質問がよく来ます。
作品ができたらすぐに仕事が来るわけではないので、
自分の作品を人に見せていかないといけませんよね。

作品は作ったら終わりではなく

もっとみる
濱口 まさみつ

濱口 まさみつ

お仕事の案件をとるための第一歩

お仕事の案件をとるための第一歩

音声で聞きたい方はこちら
stand.fm: WEBデザインから副業をはじめるチャンネル

今回はお仕事をとるための第一歩の行動についてお話しします。

それは、SNSを利用して、
自分の作品を公開していくことです。

まず実績を作るためには、
自分の作品を作らないといけません。
模写をまず取り組みそこから応用して作品を作ります。

そこから案件をとるための行動ですが、
ポートフォリオをまとめない

もっとみる
濱口 まさみつ

濱口 まさみつ

デザインスキルをあげるには

デザインスキルをあげるには

音声で聞きたい方はこちら
stand.fm: WEBデザインから副業をはじめるチャンネル

今回はデザインのスキルをアップするためには
どうすればいいかについてお話しします。

それは、いい作品をたくさん見てアウトプットすることです。
手を動かして作るというのももちろん大事ですが、
まず第一にいい作品を見て分析することが大事です。

たくさんのwebサイトのデザインを
みて何がいいのかを分析してみ

もっとみる
濱口 まさみつ

濱口 まさみつ

お仕事につながる学習の進め方

お仕事につながる学習の進め方

音声で聞きたい方はこちら
stand.fm: WEBデザインから副業をはじめるチャンネル

学習しながら作品を作る
まずは学習を始めるときに何をしていますか？

書籍を買って初めてみる、youtubeなどの動画で学ぶ。
今はいろんな方法がありますが、
必ずアウトプットすることをくっつけてください。

書籍や動画は見るだけで、終わってしまうパターンに
なってしまうことが多いです。

私が、学生の時に

もっとみる
濱口 まさみつ

濱口 まさみつ

どんなスキルが必要なの？

どんなスキルが必要なの？

音声で聞きたい方はこちら
stand.fm: WEBデザインから副業をはじめるチャンネル

さあ、副業を始めましょう！
といっても何から学習していいかわからないですよね。

今回はweb制作に必要なスキルと学ぶ方法についてお話しします。

webデザインのお仕事はまずどんな案件があるかみてみましょう。
私がよく初心者の方に進めているココナラから
制作ジャンルを探してみます。

・バナー・ヘッダー（

もっとみる
濱口 まさみつ

濱口 まさみつ

目標と計画の立て方について

目標と計画の立て方について

音声で聞きたい方はこちら
stand.fm: WEBデザインから副業をはじめるチャンネル

今回は、目標と計画の立て方について話をしていきます。

副業を始めるにも勉強するにも、まず継続できるように
計画を立てる必要があります。

目の前の目標を立てるだけではなく、将来どんな仕事で
稼いでいきたいか？どんな作品を作りたいか、
どんな姿になりたいのかをまず決めていきましょう。

そこから逆算して近い

もっとみる
濱口 まさみつ

濱口 まさみつ

Web制作の学習は何から始めたらいいの？

Web制作の学習は何から始めたらいいの？

音声で聞きたい方はこちら
stand.fm: WEBデザインから副業をはじめるチャンネル

今回はweb制作の学習は何から始めたらいいの？
という質問に答えていこうと思います。

どうやって学習を初めていいかわからないという方がいます。
今回は、お仕事獲得に向けてどのように
行動していくか説明していきます。

初心者の方は、スキルを学んでいく必要があるのですが、
目的をまず設定して学習をしていくと

もっとみる
濱口 まさみつ

濱口 まさみつ

Webデザインの学習で意識すること

Webデザインの学習で意識すること

音声で聞きたい方はこちら
stand.fm: WEBデザインから副業をはじめるチャンネル

webデザイン制作の学習で
意識しておきたいことを紹介します。

効率的に学習していくのであれば、
アウトプットしながら
技術を磨いていくことが大事です。

よく学習の仕方を聞かれますが、
書籍や動画教材、スクールの課題だけで
自分の作品のアウトプットができていない人が多いです。
まずは良い作品の模写をして

もっとみる
濱口 まさみつ

濱口 まさみつ

PDCAを回していこう

PDCAを回していこう

音声で聞きたい方はこちらから
WEBデザインから副業をはじめるチャンネル | standfm

今回はPDCAの重要性についてお話していきます。

みなさんは
PDCAという言葉を聞いたことがありますか？

Plan（計画）
Do（実行）
Check（測定・評価）
Action（対策・改善）の略です。

計画をたてて、実行してそれを評価し、
次の対策や改善をして
また次の計画をたてる。

web

もっとみる
濱口 まさみつ

濱口 まさみつ

副業で稼ぐために必要な行動

副業で稼ぐために必要な行動

音声で聞きたい方は
WEBデザインから副業をはじめるチャンネル | standfm

まずは自分の学習してきたことや
お仕事で培ったスキル、実績を書き出していきましょう
もちろんこれから学ぶWebデザインのスキルでも構いません。

お客さんがお仕事を頼むときに
どういった心理になるか考えたことがありますでしょうか？

どんなモノサービスを提供してくれるか
この人に頼んだらどんな効果が得られるだろ

もっとみる
濱口 まさみつ

濱口 まさみつ

副業を始める動機から目標設定について

副業を始める動機から目標設定について

※音声で聞きたい人はこちらから
WEBデザインから副業をはじめるチャンネル/stand.fm

副業を始める理由は色々あると思いますが、
私は好きな仕事をして
もっと自由に毎日を過ごしたいと思って副業を始めました。

みなさんもお金を稼いで今よりも生活を楽にしたい、
今のお仕事に満足してなくて、
転職したいとか思ったことはないでしょうか？

こういった願望とか目標が
副業を続けられるモチベーション

もっとみる
濱口 まさみつ

濱口 まさみつ

【2021年最新】Webデザインに役立つ！おすすめChrome拡張機能12選

【2021年最新】Webデザインに役立つ！おすすめChrome拡張機能12選



みなさんはGoogle Chromeの拡張機能は何をインストールしていますか？
今回は、Web制作がはかどるChrome拡張機能を12個ピックアップしてみました。簡単な使い方も説明していますので、参考にしてWeb制作に活かしましょう！

1.フルページスクリーンキャプチャー【GoFullPage】

個人的に拡張機能の中でよく使うのがこれ。開いているページ全体をキャプチャして、画像（png、j

もっとみる
濱口 まさみつ

濱口 まさみつ

デザイナー必見！ノーコードでWebサイトが作れる「STUDIO」を使ってみた！#2

デザイナー必見！ノーコードでWebサイトが作れる「STUDIO」を使ってみた！#2

前回は、「STUDIO（スタジオ）」の簡単な画面説明と、LPのヘッダー部分を作ってみました。今回はメインビジュアルを作っていきたいと思います。

▼ メインビジュアル部分のワイヤーフレーム

ヒーロー画像を入れる
■画像ボックスの配置
まずはElements Panelの画像をキャンバス上にドラッグ＆ドロップします。

画像ボックスの横幅は画面いっぱい、縦幅は80vhくらいにしておます。ボックスを

もっとみる
濱口 まさみつ

濱口 まさみつ

Adobe XDの2021年6月アップデート！新機能「シャドウ（内側）」「パスのアウトライン」「円錐形グラデーション」を使ってみる

Adobe XDの2021年6月アップデート！新機能「シャドウ（内側）」「パスのアウトライン」「円錐形グラデーション」を使ってみる



2021年6月7日にXDのアップデート【XD41】がリリースされました。
アップデートで追加された機能は下記になります。
　①シャドウ（内側）
　②パスのアウトライン
　③円錐形グラデーション

シャドウ（内側）などは、下の図の検索入力フォームのようなニューモーフィズムデザインのくぼんだパーツも再現できます！

■ニューモーフィズムとは：ベース（背景）から要素が押し出されていたり、窪んでいたり

もっとみる
濱口 まさみつ

濱口 まさみつ

Bubbleの基本的な使い方（その8）ードロップダウンボックスの作成と選択データの表示

Bubbleの基本的な使い方（その8）ードロップダウンボックスの作成と選択データの表示

今回はノーコードツールBubbleを使って、ドロップダウンメニューを作成します。
ドロップダウンボックスで選択した項目に応じて、「Repeating Group」で表示しているデータを変化させます。
Bubbleの基本的な使い方（その4）ー「Floating Group」 と「Repeating Group」を使ってみる　で簡単な人員リストを作成しました。
これに「性別」を追加して、ドロップダウン

もっとみる