bb_line_koushiki

bb_line_koushiki

登録してくれたお友達に 特典 があるよ!

プレゼント1、完全無料でブログができる方法

プレゼント2,期間工情報や生活にかかせないお得が、、、
bb_info_line

bb_info_line

QRコード恐竜が可愛い

カメラで読み込んで見てね!

恐竜QRを表示させる方法

動画の中に新しい機能が!

2021年東京オリンピック開会式予定まであと何日?

New video marketing

 

スポンサーリンク

magic-instructionsは無料お試しは14日間利用できる。

プログラミング不要でコードを知らくてもWEBやiOS・Androidがリリースできる素晴らしいサービスです。

アプリが作成できるって凄いと思う、作成依頼しないで自分で作成するとコストパフォーマンスはいい。

では初心者でも簡単に作成できるか試して見よう。

 

Magic Instructionsはここが凄い

ノーコード無料おすすめ-画像とテキスト

ノーコード無料おすすめ-画像とテキスト

 

YouTubeでMagic Instructionsの動画でなんとなく理解できたと思う簡単に作成できるね

  • コード知らなくても良い
  • 日本語
  • スプレッドシート内で画像とテキストを自分用に変換する
  • WEB版、iOS・Androidアプリリリース可能

 

プログラミング言語不要でノーコードで簡単

コードを知らなくても!=ノーコード
<div class="sc_frame_wrap block orange">
<div class="sc_frame_title">テキスト</div>
<div class="sc_frame ">
<div class="sc_frame_text">テキスト</div>
</div>
</div>
&nbsp;

オレンジ枠のコードですが意味不明でいいんです。

 

ノーコードMagic Instructions使い方 1

必要なのはGoogleアカウントとスプレッドシートの2つです
スプレッドシート連携
通常作業
スプレッドシート内で画像とテキスト編集
プレビューで確認して更新
日々の更新

公開、完成です

Web:iOS:Androidアプリもリリースできます

 

公式ホームページから無料でアプリ作成をクリックします。

 

ノーコード作成-01

ノーコード作成-01

 

Googleアカウント認証ではじめるをクリックします。
ノーコード作成-02

ノーコード作成-02

認証したいアカウントを選択してクリックします。

テンプレート選択

ノーコード作成-03

ノーコード作成-03

お好きなテンプレートを選択します。
テンプレート9種類
飲食
鮨屋
フレンチ
物販
アパレル
八百屋
キャンプ用品
生産者
家具
社内コミュニケーション
企業向けセールス
機械工具
観光・イベント

スプレッドシートと連携

 

テンプレートを選択するとMagic Instructionsのページに移動します
ポップアップ画面が表示されます
ノーコード作成-04

ノーコード作成-04

データ連携をクリックします。
ノーコード作成-05

ノーコード作成-05

グリーンのボタン次へをクリックします。
ノーコード作成-06

ノーコード作成-06

APIキーをコピーします。
APIキーをコピーすると画面が変わります。
ノーコード作成-07

ノーコード作成-07

シートコピーをクリックします。
ノーコード作成-08

ノーコード作成-08

コピーを作成をクリックします。
ノーコード作成-09

ノーコード作成-09

先ほどコピーしたAPIを貼り付け
スプレッドシート右上角あたり 共有ボタンをクリックします。
ノーコード作成-10

ノーコード作成-10

  1. 一番下、リンクを知っている全員に変更をクリックします。
  2. 右端のプルダウンメニューから編集者を選択します。
  3. リンクをコピーして
  4. 完了をクリックします。
  5. ※ リンクが共有できない場合も一度 Magic Instructions にお戻りください。

 

 

Magic Instructionsのページに戻って共有リンクを貼り付けます。
完了をクリックします。
ノーコード作成-11

ノーコード作成-11

ノーコード作成-12

ノーコード作成-12

スプレッドシートと連携が完了しました。
連携もわかりやすく説明通りに進んでと2~3分程度で終わります。

ノーコードMagic Instructions使い方 1

基本操作

選択したテンプレートを編集していきます。

練習用テンプレート鮨屋を使って説明していきます。

編集すると言ってもスプレッドシート内の画像とテキストを削除して貼り付けるだけです。

画像はあらかじめ用意してください、テキスト入力していきます。

ノーコード作成-13

ノーコード作成-13

  1. データ編集、画像やテキストを編集する時クリックします
  2. プレビュー(編集の確認ができます)
  3. 更新、編集後にクリックします
  4. 設定、アプリ名・APIキー・アプリ公開
  5. カード編集、リンクボタン、予約ボタンなど(新規作成も可能)
基本操作
1,データ編集
2,プレビュー
3,更新

テンプレート編集

データ編集をクリックします。

スプレッドシートが開きます、編集はスプレッドシートで行います。

 

鮨屋テンプレートは5ブログに分類されています。

  1. メイン
  2. ピックアップ
  3. ストーリー
  4. 商品
  5. お知らせ
スプレッドシート
プレビュー画面
ノーコード作成-14

ノーコード作成-14

メインの編集

画像左側メインブロック
スプレッドシート画像が3枚あります、
右側スマホ画面で画像1をスライドすると画像2、3へ移動します。

1,メインブロック画像1を画像をクリックして削除します。

2,貼り付けたい画像をアップロードします。

ノーコード作成-18

ノーコード作成-18

  1. スプレッドシートメニューから挿入をクリック
  2. 画像をクリック
  3. セル内画像をクリック
  4. 画像をアップロードします
ノーコード作成-19

ノーコード作成-19

画像が変更されている事が確認できます。
メインブロック画像1、2,3にはテキスト挿入がないので次へ

ピックアップブロック

メインブロックの下
ピックアップブロック
ノーコード作成-20

ノーコード作成-20

ピックアップブロックは画像とテキスト編集があります。
メイン編集同様に画像は削除してからアップロードしてください。
商品の名前:三陸さんアワビからテキスト編集とします。
三陸さんアワビを削除して好き文章を入力します。
物語も、テキストを削除して好き文章を入力します。
ノーコード作成-20

ノーコード作成-20

画像とテキスト編集が終わったら更新してプレビューでスマホ画面を確認します。
あとは同じ事の繰り返しで、5ブロックの画像とテキスト編集していけば新しいWEB版が完成です。
完成後はこんな感じです
ノーコード作成-22

ノーコード作成-22

すべては編集していませんがイメージができると思います。
編集後は必ず更新して、プレビューで確認しましょう。

まとめ

Magic Instructionsを使って見ての感想は!

超簡単でした。

画像とテキスト編集だけでWEB版やアプリが作成できるんですね驚きました。

 

スプレッドシートを使った事がなくても挿入>画像>セル内の画像>アップロードで画像挿入できます。

テキスト編集は削除してテキストを入力する。

 

一度はノーコードを使って見ると楽しいですよ、今日からノーコードです。

BB公式登録キャンペーン

3つのプレゼント

限定特典

お得がもらえる

だけもれなく全員

BB公式LINE 限定

期間工募集中!
激アツ 情報

期間工最新情報、激アツ
トヨタ期間工が募集再開を始めた!

 

入社祝い金10

 

初回更新手当10

 

経験者手当:最高10

 

年収例425以上可能

 

詳細は別記事で紹介している

 

募集、予約面接会場マップ、
他メーカー情報:
当サイトオリジナル

 

期間工、募集企業名 特典
トヨタ自動社 特別手当 20
豊田自動織機
トヨタ自動車九州 選考会交通費支給
スバル、群馬製作所 選考参加費 5
ホンダ、埼玉製作所 入社一時金最大 20
ホンダ、鈴鹿製作所
日産自動車 入社祝い金合計 :いわき工場 30

追浜工場:入社祝い金5

日産車体 入社祝い金総額 30
日産自動車九州 入社特典最大 50
日産車体九州 入社祝い金 50
ダイハツ九州 入社祝い金 25
いすゞ自動車 栃木
スズキ
入社祝い金 10
マツダ 広島
マツダ 防府
スポンサーリンク
おすすめの記事