Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ノーコードでのWebアプリの作り方
Search
なんや
July 17, 2023
400
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ノーコードでのWebアプリの作り方
なんや
July 17, 2023
More Decks by なんや
See All by なんや
OpenAI APIを使ったGlideでのWebアプリづくり
nanya3737
0
1k
Featured
See All Featured
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.5k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
430
Designing Experiences People Love
moore
143
24k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.6k
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.8k
The Invisible Side of Design
smashingmag
301
52k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
210
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
690
The Cult of Friendly URLs
andyhume
79
7k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
Transcript
ノーコードでのWebアプ リの作り方 Webアプリの作り方を知っていますか?このプレゼンテーションでは、プロ グラミングの知識がなくても、誰でも簡単にWebアプリを作れるノーコード の方法について紹介します。 by Y. M.
ノーコードとは何か プログラミング不要 ノーコードとは、プログラミ ングの知識がなくてもアプリ やWebサイトを作成できる技 術のことです。 ビジュアルエディター ノーコードプラットフォーム は、ビジュアルエディターを 使い、ユーザーが簡単にドラ
ッグ・アンド・ドロップで要 素を配置できます。 高速開発 従来のアプリ開発と比べ、ノ ーコードでの開発は非常に高 速で、短い時間でアプリを作 成できます。
ノーコードを使用するメリット プログラムを学ぶ必要がな い プログラミングの知識がなくても アプリ開発ができるため、スキル 不足や時間不足に悩む必要があり ません。 高速開発 ノーコードの開発ツールを使用す ると、開発プロセスが高速化さ
れ、開発時間とコストの削減が実 現できます。 集中力の向上 プログラムの詳細を知らなくて も、ノーコードツールを使用する ことで、開発者は集中して自分の 考えやアイデアを実現できます。
ノーコードでのWebアプリの作り方 1 目的の明確化 最初に、自分が作成するWebアプリの目 的を明確化し、どのような機能が必要な のかを決定します。 2 ワイヤーフレームの作成 次に、ワイヤーフレームを作成し、Web アプリの構造と要素の配置を設計しま
す。 3 デザインのカスタマイズ デザインテンプレートを選んでから、カ スタマイズすることで、自分のWebアプ リのブランディングを実現します。 4 ダッシュボードの設定 最後に、各種機能を実装するためのダッ シュボードを設定して、Webアプリの完 成です。
ノーコードの代表的な開発プラ ットフォーム 1 Webflow Webflowは、HTML、CSS、 JavaScriptなどのコーディン グを必要とせずにWebサイト を作成できるプラットフォー ムです。 2
Webアプリ作成プラッ トフォーム Webアプリ作成プラットフォ ームは、プログラミング知識 がなくてもWebアプリを作成 できるWEB+DB PRESS誌で 人気のプラットフォームで す。 3 Thunkable Thunkableは、モバイルアプ リを作成できるプラットフォ ームです。Google Play Store やApple App Storeで公開する こともできます。 4 Adalo Adaloは、データベースや外 部APIを使用して、モバイルア プリケーションを簡単に作成 することができます。
ノーコード開発者用のTips 学習コミュニティ プログラミング未経験者向 けのコミュニティサイトな どを活用して、プログラマ ーによるサポートを受けま しょう。 コミュニティは、ノーコー ドエキスパートや他の同じ 志の人々と交わるのに最適
な場所です。 マーケットプラス Marketplaceは、すでに構築 された要素とアドオンを追 加するためのリソースを提 供しています。 再利用可能なブロックで、 すべてのWebアプリをより 爆発的に成功させることが できます。 実際に作成してみる 本格的なプロジェクトを始 める前に、短期間で開発で きる小さいプロジェクトか らでも始めましょう。 実際にプロジェクトに取り 組むことで、より多くの学 習と見通しを得ることがで きます。
ノーコードで作成された有名なWebアプリ 事例 カスペルスキー 脅威のあるセキュリティアプリを 作成し、App Storeで人気を博して います。 Airtable データベース管理アプリケーショ ンで、ユーザーはスプレッドシー
トのようなデータベースを作成で きます。 Handson 企業向けの教育プラットフォーム で、手作業によるトレーニングの 自動化を行っています。
まとめと今後の展望 ノーコードでWebアプリを作ることは、テクノロジー業界の中で急速に普及 しています。コードの知識がなくても、誰でも簡単にWebアプリケーションを 作成することができます。新しいプラットフォームが登場し、技術が進化する につれ、より多様なアプリケーションを作成することが可能になっています。 これからの進展に期待しましょう。