Web

コピペするだけ!Web初心者でも簡単に作成できるフォーム作成ツール

今回はformrunというツールの紹介をしたいと思います。

formrunとは、一言で言うと「無料で誰でも簡単にフォームを好きなところに設置ができるサービス」です。
正しくは設置もできるサービスですね。

ゴリゴリコーディングができる人は自分でフォームを作っちゃうと思うんですが、
いざ自分で作成するといろいろめんどくさかったりするんですよね~

自分で何かサイトを作ってるときに、フォームを作るとセキュリティ面で対策が必要にもなりますし、
そもそもフォームの仕組みがわからないと、フォームのタグをhtmlに書いただけになっちゃって「動かない~なんで~」
とかなりますからね(´゚ω゚`)

このformrunというツールはそのめんどくさい部分を省いてWebの知識がなくとも簡単にフォームが作成できちゃいます。

もちろんフォームの埋め込みもできちゃいます。

formrunを使うメリットは?

1番のメリットはやっぱりコーディングしなくていいってことですね。
フォームに特化したCMSみたいなイメージなので一切コーディングが必要ないです。

ドラッグ&ドロップのみでフォームを作成できます。

フォームの種類も豊富で、よっぽど特殊なフォームでない限りほとんど望みどおりに作成できると思いますよ。

「Googleフォームじゃだめなん?」って人もいるかと思います。
が、もちろんGoogleフォームも便利ですがサイトへの埋め込み作業が若干面倒です。
それに対してformrunは自動生成される2行のコードを表示させたい部分にコピペするだけで完成します。

デザイン面でも、Googleフォームはデザインのカスタマイズ等もやろうと思えば好きにできますが、それなりに知識と時間が必要になります。
対してformrunはゲームのアバタ―を作る感覚でデザインのカスタマイズができるのでかなり手間が省けると思います。

かつ、機能面ではGoogleフォームよりもformrunの方が圧倒的に勝ります

使用方法

使用方法については以下の記事がわかりやすかったので参考にしてみてください。
ただ、記事なんか見なくてもUIが見やすく手順がわかりやすかったので記事を見ずとも手順通り進めるだけで作成可能です。

▼登録手順参考

実際に使ってみた

で、さっそくなんですが実際に使ってみました。

いったん物は試しと思って、マインクラフトを一緒にプレイしてくれるフレンドを募集するフォームを作成してみました。

↓それを埋め込みました。

是非応募してね!!!!!w

使ってみた感想

話を戻しますが、実際に使ってみて感じたのはかなり時短になるってことでした。
私、自分を紹介する用のポートフォリオサイトを作ってたんですが、けっこうフォームの部分で手こずった記憶があります。

フォームの部分だけで1日潰しましたもん…

それがこれ、まさかの1時間もかからず完成しましたよ。
超時短。もっと早く出会いたかった…。

そしてもう1つ。
以前記事を書いたOne Pageというツールと相性が抜群にいいです。

▼One Pageとは

One Pageもかなり時短になると紹介しましたが、このフォームとの相性も良く
One Pageとformrunを利用してページ作成すれば1日でハイクオリティなページが作れますよ…

フォームを自分でコーディングしようと思ってる人や、悩んでいる人、
雑なフォームはダメだけど急いでフォームが必要になった人等々、是非一度使ってみてください。

ちなみに無料で使えるほかに有料のプランも準備されており、
有料プランにすると使用できる機能がかなり増えます。

有料にしなくても十分使用可能ですが、有料にするとここで紹介しきれないくらいあります。

それは実際に公式HPに行ってみてみてください。
UIもおしゃれなのでオススメですよ

あと最後に、このformrunはチームで管理することも可能なので
複数人でフォームに来た結果を管理画面で共有・管理できます。

仕事でも十分に使えるものなので、是非使ってみてください。

→formrun公式HP

ピックアップ記事

  1. 新しいことへのあと一歩の勇気が出ない人へ「勇気はあとからついてくる。」
  2. Googleフォーム埋め込みでチェックボックス複数選択させデータを送信する方法
  3. 目標がない人はやりたいことリスト100をやってみよう

関連記事

  1. Web

    非同期(Ajax)でPHPの関数を実行させサーバーにフォルダとファイルを作成する

    最近PHPを勉強し始めたので備忘録がてら書きます。今回は、H…

  2. Web

    Web業界用語。ガチ初心者は覚えた方がいい必須用語10個

    どうもWeb業界に生きるつかぽんです。今回…

  3. Web

    USBにデータ保存は危険?データが消えるので注意!

    知人が「USB保存していたデータが勝手に消えたどうしよう…!!」…

  4. Web

    レンタルサーバー探してるならCORESERVER使ってみて!

    ブログを始めるならCORESERVERを使おう!もともと私はデータ…

  5. Web

    Googleform埋め込みで回答完了画面に遷移させない方法

    前回の記事でGoogleformからnameを取得するところまでを説明…

  6. Web

    ランサーズで稼げるの?副業初めての会社員が1ヶ月試した結果

    こんちゃす。Webサイト運用の会社に勤めて3年目。副業は今ま…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Diary

    Happy Birthday「俺」!!
  2. Diary

    【毎日トトロ】Twitterで毎日トトロの絵をあげます。
  3. カメラ/写真

    【スタビライザー】Flycam(フライカム) C6買ってみた
  4. Diary

    野球グローブ買いました
  5. Web

    画像1枚なおしただけでAdSense審査に通過した話
PAGE TOP