レスポンシブ対応な、WEBデザインツール「Framer フレーマー」使ってみた。

※Framerには簡単なCMS機能がついていて、ブログやお知らせの表示などはできるみたいです🙇‍♂️
レスポンシブのモックアップデザインが作れるWEBデザインツール
「Framer(フレーマー)」を今回は試してみました😊♪
Framerを試してみて感じたメリット・デメリット含めて解説しています😆❕
🎥 この動画の構成 🎥
00:00 Framer フレーマーを試す
00:18 デモ画面
00:38 実際の画面
01:25 プレビュー画面
01:58 レスポンシブのモックを実際に作ってみる
03:55 Sites サイト公開機能について
05:04 Handshake機能について
05:27 デメリットについて
✅ ご視聴いただきありがとうございます🙇‍♂️
この動画を気に入っていただけたら、ぜひチャンネル登録よろしくお願いします❗️
👇『HIROCODE.ヒロコード』をチャンネル登録する 👇
kzread.info?sub_c...
◆ Twitter. ツイッター
/ hirocodeweb
◆ Instagram. インスタグラム 👈 オススメ❗️
/ hirocodeweb
🔋 僕が使っている、おすすめのデバイス 🔋(アフィリエイト広告を使ってます!)
【 マウス 】
✅ ロジクール アドバンスド ワイヤレスマウス MX Master 3
amzn.to/34Zn5LH
" ボタンカスタマイズによって作業の効率化が図れます。アプリケーションごとにカスタマイズ可能です。 "
【 キーボード 】
✅ ロジクール アドバンスド ワイヤレスキーボード KX800 MX KEYS
amzn.to/38S1B4i
" 打ちやすく疲れにくく、タイピング音も静か。長時間コーディングする方にオススメ。 "
【 パソコン 】
✅ Apple Macbook Pro 16inch
amzn.to/2WXKtEN
" 画面サイズ大きいと作業が捗るので便利です。初期投資で良いパソコンの使用をオススメします。 "
【 周辺機器 】
✅ Apple AirPods Pro
amzn.to/3rAyU4u
" カフェでの作業や通勤時間など、ノイズキャンセリング機能で周りの雑音に影響されることなく集中できるようになります。他にApple機器を使用している方はAirPodsがオススメです。
✅ Apple iPad Pro 11インチ
amzn.to/3mZuvoo
" macに搭載されているSidecarという機能で、iPadをサブディスプレイとしての利用が可能です。 "
📕 おすすめ書籍 📕
【 デザイン 基礎編 】
✅ 1冊ですべて身につくHTML & CSSとWebデザイン入門講座
amzn.to/3o8vofO
" webデザインの基礎とコーディング(HTML/CSS)の基礎がわかる。入門者におすすめの一冊です。 "
✅ なるほどデザイン
amzn.to/2X48Z77
" デザイン全般について、図解で視覚的に分かりやすく説明がされている書籍。デザインに興味がある人にオススメです。 "
【 デザイン 思考編 】
✅ 誰のためのデザイン?
amzn.to/3o4gzun
" デザインにおける役割を理解できる。デザインをする上で何を考える必要があるのかが分かる本。 "
✅ IAシンキング Web制作者・担当者のためのIA思考術
amzn.to/2KETvEn
" デザイン以前のサイト設計における思考の方法を身につけるための一冊。 "
【 書籍デバイス 】
✅ キンドルペーパーホワイト Kindle Paperwhite
amzn.to/3n2AwRh
" 200冊あったビジネス書を処分してこちらを導入。一部デジタル化されていない書籍はありますが、紙の本に特別なこだわりのない方は電子書籍での読書をオススメします。
🎧 BGM 🎧
------------------------------
Happy and Joyful Children by Free Music • Happy Children Backgro...
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/2PV1WMi
Music promoted by Audio Library • Happy and Joyful Child...
------------------------------
#webデザイン #framer #webデザイナー

Пікірлер: 13

  • @hirocode
    @hirocode Жыл бұрын

    04:32 ※Framerには簡単なCMS機能がついていて、ブログやお知らせの表示などはできるみたいです🙇‍♂

  • @user-ah0
    @user-ah0 Жыл бұрын

    Framerすごそう!続編期待です!

  • @hirocode

    @hirocode

    Жыл бұрын

    コメントいただきありがとうございます😆❕ ちゃんと使ってみて改めて動画出したいと思います🙇❕

  • @user-kf4ub7nh5y
    @user-kf4ub7nh5y Жыл бұрын

    フロントもバックもインフラも革新的に変わりすぎて追いつけない。笑

  • @hirocode

    @hirocode

    Жыл бұрын

    ホント新しいツールや技術がどんどん出てきて、手止めたら一瞬で置いてかれそうです😅笑

  • @punz.3rd
    @punz.3rd Жыл бұрын

    ありがたす。涙もの。

  • @hirocode

    @hirocode

    Жыл бұрын

    ありがとうございます😂

  • @natsuchannikki
    @natsuchannikki10 ай бұрын

    Febflowはどう思いますか?

  • @natsuchannikki

    @natsuchannikki

    10 ай бұрын

    すいません、webflowでした。

  • @hirocode

    @hirocode

    10 ай бұрын

    webflowはノーコードツールといって、コーディング不要でサイト制作ができるツールです💡他に有名どころだとwixやstudioなどがあります☺️❗️ Adobe XDやFigma、Framer(framerは少しノーコードツール寄り)が結構似てる感じです! ノーコードツールはツールの使い方覚える必要はありますが、コード書かなくていい分制作工数も削減できると思うので比較的ライトなプロジェクトでは全然ありだと思います😆❗️

  • @tohruohno4635
    @tohruohno4635 Жыл бұрын

    XD、FigmaときてFramer ですか、良さげなツールですね。 そのまま公開できるとのことですが、それはHTML+CSSで出力できるという意味ですか? あくまでフロントエンド側だけしか対応していないようですが、DBなどのバックエンドとの連携も記述できるようになれば これ一つでフロントエンドとバックエンドも対応できるかもしれませんね。

  • @hirocode

    @hirocode

    Жыл бұрын

    コメントいただきありがとうございます😊♪ すみません💦僕が調べた情報が古く、今のFramerには簡単なCMS機能がついていて、ブログやお知らせの表示などはできるみたいです❕ まだFramer触り始めた段階なので、実際使用してみてまた利用方法や料金プランなどの動画出せればと思います😆❕

  • @tohruohno4635

    @tohruohno4635

    Жыл бұрын

    @@hirocode なるほど、簡単なCMS機能ですか。ではWordPressみたいな感じでブログやお知らせ表示などをサイトとして公開できるんでしょうね。 ご回答ありがとうございました。

Келесі