HTML Drag and Drop APIの紹介と導入【React】

2025/01/03 90 users マウス操作 アプリケーション開発 要素 React ファイル

はじめに Web アプリケーション開発において、ユーザー体験を向上させる重要な機能の 1 つに、ドラッグ&ドロップが挙げられます。 シンプルなマウス操作で要素を移動したり、ファイルをアップロードしたり、 直感的な操作性を実現することができます。 今回は、HTML Drag and Drop API について調査したので、基礎的な内... 続きを読む

Web制作の現場で使えるWebサービス13選！無料で使えるサービスを集めてみた | MonoStack

2023/06/27 162 users ワンクリック CSSコーディング MonoStack ツール

CSSコーディングに役立つサービスやWebサイト運用で役立つSEO関連のツールなど、Web制作の現場で使えるWebサービスを13個紹介します。ワンクリックで取得できるコードや、ドラッグ&ドロップだけで完結するものなど、直感的に作業できるサービスばかりです。あなたの現場でもぜひ利用してみてください。 Fancy Border Rad... 続きを読む

3Dモデル→高品質な線画に変換できるWebサイト公開　漫画や絵を描く人から「これはすごい！」「綺麗で驚きました」と絶賛

2023/01/27 271 users 絶賛 minux302 AIエンジニア 手元 背景

手元の3Dモデルデータを線画に変換できる無料Webサイトが登場しました。漫画の背景などを描くのに活用できそう！ AIエンジニアのまっくす（@minux302）さんが公開したWebサイト。3Dモデルのデータをブラウザにドラッグ＆ドロップするだけで簡単に読み込み、線画に変換してくれます。しかも、線画の状態でもカメラ位置を... 続きを読む

ドラッグ＆ドロップによるファイルコピーのわずらわしさを軽減してくれる「DropPoint」／狭いデスクトップや仮想デスクトップで威力を発揮【レビュー】

2022/07/10 149 users 威力 発揮 仮想デスクトップ ファイルコピー デスクトップ

続きを読む

独自Webアプリや社内ツールが作り放題のオープンソース開発環境「ToolJet」を使ってみた！ - paiza開発日誌

2022/04/20 478 users ロジック 0310lan データベース 構築 連携

どうも、まさとらん（@0310lan）です！ 今回は、さまざまなWebサービスやデータベースと連携して、独自のWebアプリなどを手軽に開発できるサービスをご紹介します！ データソースの連携や画面デザインなどはドラッグ＆ドロップの操作で簡単に構築が可能で、ロジックやイベント処理などもわずかなJavaScriptを利用するだ... 続きを読む

Notionの標準機能だけでWebサイトビルダーを作ってしまった「The Super Builder」がスゴイ！ - paiza開発日誌

2021/11/17 434 users Notion フルカスタマイズ ノーコー paiza開発日誌

どうも、まさとらん（@0310lan）です！ 今回は、ごく普通のNotionドキュメントで構築された完全無料のWebサイトビルダーをご紹介します。 必要なものはNotionアカウントのみ！ 多彩なコンポーネントをドラッグ＆ドロップするだけで、誰でも簡単に美しいWebサイトを構築できるのが特徴で、フルカスタマイズ可能なノーコー... 続きを読む

Web制作の現場で使えるWebサービス15選！無料で使えるサービスを集めてみた | Pulp Note

2021/05/13 425 users CSSコーディング Pulp Note ワンクリック ツール

CSSコーディングに役立つサービスやWebサイト運用で役立つSEO関連のツールなど、Web制作の現場で使えるWebサービスを15個紹介します。ワンクリックで取得できるコードや、ドラッグ&ドロップだけで完結するものなど、直感的に作業できるサービスばかりです。あなたの現場でもぜひ利用してみてください。 Ubersuggest SEO... 続きを読む

無料で簡単なネットワーク図をドラッグ＆ドロップで書ける「Network Notepad」レビュー - GIGAZINE

2020/08/30 150 users GIGAZINE サーバー ネットワーク機器 http 複数

複数のサーバーを管理し始めると、サーバーやネットワーク機器の構成全体を表すネットワーク図を書く必要性が出てきます。無料のWindows向けソフトウェア「Network Notepad」を使うと、ドラッグ＆ドロップで簡単なネットワーク図を書くことができます。 Network Notepad http://www.networknotepad.com/index.shtml まず... 続きを読む

［2019年度版］ドラッグ＆ドロップで機械学習のモデルがつくれる「Create ML」の使い方（macOS 10.15 Catalina） #WWDC19 - その後のその後

2019/06/08 90 users WWDC19 機械学習 モデル NDA 2019年度版

ドラッグ＆ドロップで超簡単にオリジナルの機械学習モデルがつくれてしまうCreate MLが大幅パワーアップしました。 新機能が増えたのと、使い方が若干変わった（より簡単になった）部分があるので、最新版として本記事をお送りします。 なお、NDAに配慮してスクリーンショットはAppleの公開資料および現行バージョンのも... 続きを読む

Apple、新フレームワーク「Swift UI」発表。簡潔なコードとドラッグ＆ドロップでUIを構築、デバイスでの即時プレビュー。WWDC19 － Publickey

2019/06/04 50 users Publickey UIKit ユーザーインターフェイス

米Appleは6月3日（日本時間6月4日未明）にカリフォルニア州サンノゼで開催したイベント「WWDC19」にて、Swift言語を用いて効率的にユーザーインターフェイスを定義できるUIフレームワーク「Swift UI」を発表しました。 例えば、こうしたよくあるUIを従来のObjective-CとUIKitで記述すると、多くのコードが必要です。 こ... 続きを読む

マイクロソフトがドラッグ＆ドロップの機械学習ツールをローンチ、ユーザーはデータを用意するだけ | TechCrunch Japan

2019/05/03 288 users ローンチ デプロイ マイクロソフト ヴィジュアル プロセス

Microsoft（マイクロソフト）は米国時間5月2日、機械学習のプロセスを単純化するための3つのサービスを発表した。それらは、(1)モデルの作成を完全に自動化するツールへの新しいインターフェイス、(2)モデルの構築と訓練とデプロイをデベロッパー自身が行うためのコード不要のヴィジュアルなインターフェイス、そして(3)... 続きを読む

住所CSVをドラッグ＆ドロップするだけで地図に表示　「地理院地図」新機能（要約） - ITmedia NEWS

2019/03/28 96 users 要約 経度 地理院地図 緯度 ITmedia News

国土地理院の「地理院地図」に、CSV形式の住所リストをドラッグ＆ドロップするだけで、簡単に地図に表示できる機能CSV形式の経度・緯度のリストをドラッグ＆ドロップして地図にプロットすることも可能だ 続きを読む

住所CSVをドラッグ＆ドロップするだけで地図に表示　「地理院地図」新機能 - ITmedia NEWS

2019/03/28 277 users CSV形式 国土地理院 地理院地図 ITmedia News

国土地理院の「地理院地図」に、CSV形式の住所リストをドラッグ＆ドロップするだけで、簡単に地図に表示できる機能などが追加。災害時、避難所の住所リストを地図化する――といったことが簡単に可能になる。 国土地理院はこのほど、Web地図「地理院地図」に、CSV形式の住所リストをドラッグ＆ドロップするだけで、簡単に... 続きを読む

びっくりするほど簡単！HTMLやCSSの作業なしで、Bootstrap 4のさまざまなページを作成できる無料ツール | コリス

2018/04/20 848 users コリス Bootstrap 積み木 CSS HTML

さくっと短時間で、慣れれば1分！ デスクトップやスマホに対応したページを作成したい時にぴったりな無料のオンラインツールを紹介します。 HTMLやCSSの作業は一切不要で、Bootstrap 4ベースのさまざまなページをドラッグ&ドロップで積み木のように組み合わせて簡単に作成できます。 Froala Design Blocks Froala Design Blocks -GitHub Froala ... 続きを読む

ドラッグ&ドロップするだけ！かなり高品質なアニメーションgifが誰にでも簡単に作成できる無料アプリ -Gifski | コリス

2018/03/07 51 users macOS用 フレームごと コリス 動画ファイル 数千

これは簡単操作なのにすごい高品質です！ フレームごとに数千の色を使用するアニメーションgifを動画ファイルをドラッグ&ドロップするだけで、簡単に作成できるmacOS用の無料アプリを紹介します。 Gifski Gi ...記事の続きを読む 続きを読む

ドラッグ&ドロップでReact製のWEBアプリがつくれるReactStudioがやばい - Qiita

2018/01/09 508 users Qiita Props React製 state jsx

はじめに reactというとJSXの書き方、props、stateの挙動等を覚える必要があるため、 学習コストが割りと高めであったり、環境を構築するのに一手間かかったり等、 まだまだとっつきにくさが否めないライブラリです。 しかし、今回は、そんなReactをドラッグ&ドロップでアプリが 作れてしまうツールがあったので紹介したいと思います。 ※尚、Windowsはなく、Macのみで使用できるツールで... 続きを読む

レスポンシブ対応のHTMLメールをドラッグ＆ドロップで驚くほど簡単に作成できる無料ツール -Topol.io | コリス

2017/10/12 97 users コリス フレームワーク レスポンシブ対応 テンプレート ベース

便利なツールがどんどんリリースされています。 一から作成するとなかなか面倒なレスポンシブ対応のHTMLメールを簡単に作成できる無料のオンラインツールを紹介します。 デザインもさまざまなテンプレートが用意されており、主要なメールクライアントすべてをサポートしています。 Topol.io Topol.ioはHTMLメールのフレームワーク「 MJML 」をベースに作成されており、さまざまなメールクライア... 続きを読む

WordPressでさまざまなデザインのランディングページやブログが、簡単にドラッグ&ドロップで作成できる -Spark | コリス

2017/09/29 53 users コリス ミニマル Spark コーディング ポートフォリオ

ランディングページ、ポートフォリオ、ギャラリー、ブログなど企業サイトや個人ブログをコーディングを必要とせずに、簡単に作成できる多目的用のWordPressのテーマファイルを紹介します。 デフォルトでさまざまなデザインが用意されており、ミニマル、クリーン、モダンなど、使いやすいものが揃っています。 Spark Sparkの特徴 Sparkのデモ Sparkのダウンロード Sparkの特徴 Spark... 続きを読む

スゴイのが登場！Webやスマホページを積み木感覚でデザインできる、日本語対応の無料オンラインツール -STUDIO | コリス

2017/08/29 549 users コリス ブッダ Studio ヘッダ コンポーネント

国産のツールでは初じゃないでしょうか。 Webサイトやスマホアプリのページデザインを積み木感覚で楽しくデザインできる無料のオンラインサービスを紹介します。 操作が非常に快適で、ちょっと触るだけでもかなり楽しめます。 STUDIO STUDIOは無料で利用できるオンラインサービスで、日本語版と英語版がリリースされています。 ヘッダやフッタ、コンテンツのコンポーネントなどをドラッグ&ドロップでぽんっと... 続きを読む

無料のコードエディタ「Visual Studio Code 1.10」リリース。ミニマップ、テキストのドラッグ＆ドロップ、TypeScript 2.2対応、JSDocコメントの自動生成など － Publickey

2017/03/02 146 users コードエディタ Publickey マイクロソフト テキスト

無料のコードエディタ「Visual Studio Code 1.10」リリース。ミニマップ、テキストのドラッグ＆ドロップ、TypeScript 2.2対応、JSDocコメントの自動生成など マイクロソフトはオープンソースで開発しているコードエディタの最新版「Visual Studio Code 1.10」リリースを 発表しました 。 主な新機能は、ミニマップ、エディタ内でのテキストのドラッグ＆ドロ... 続きを読む

プログラミング不要、ドラッグ＆ドロップでビジネスアプリケーションを作れるMicrosoftのPowerAppsツールが公開プレビュー | TechCrunch Japan

2016/05/03 548 users ビジネスアプリケーション iOS 後者 Microsoft

Microsoft PowerApps を使えば、誰もがベーシックなビジネスアプリケーションを作れる。プログラミングの能力は、必要ない。そのアプリケーションは、Web上やモバイルで使える（後者はiOSやAndroid用のPowerAppsアプリを使う）。Microsoftはこのプロジェクトの最初の非公開プレビューを 昨年11月に 発表したが、 今日から （米国時間4/29）は、誰もがそれを試用でき... 続きを読む

Bootstrapの画面を手軽に作れるツールまとめ | hifive開発者ブログ

2016/04/11 651 users Bootstrap Bootstrap用 習得 バージョン

業務システムの画面やWebサービスの管理画面にBootstrapを採用するケースが増えていますが、それでもBootstrapならではの書き方を覚えないといけません。バージョンが上がるごとに書き方が変わるので習得が面倒と感じる人も多いでしょう。 そこで使ってみたいのがBootstrap用のUIビルダーです。ドラッグ&ドロップで画面が設計できれば作成も簡単ですよね。 lollytin beta 1.4... 続きを読む

タスク管理できてる？無料で使えるガントチャート、進捗管理ツール11選｜ferret [フェレット]

2015/11/05 163 users ガントチャート Ferret フェレット タスク 視覚

無料で使えるガントチャート、進捗管理ツール11選 1.jooto http://www.jooto.com/ 時間、場所を問わず使えるクラウド型の進捗管理ツールです。 初心者でも使えるシンプルさにこだわり、直感的に操作できる機能だけを備えています。 ツールを始めて使う人でもドラッグ＆ドロップで簡単に操作できますので、導入後社内に浸透しないリスクを軽減できます。 プロジェクト管理画面はカラフルで視覚... 続きを読む

カッコ悪いinput[type=file]をモダンにしてドラッグ＆ドロップ対応にする「Dropify」:phpspot開発日誌

2015/10/13 67 users Dropify input File type

カッコ悪いinput[type=file]をモダンにしてドラッグ＆ドロップ対応にする「Dropify」 2015年10月13日- Dropify ?Override your input files with style. カッコ悪いinput[type=file]をモダンにしてドラッグ＆ドロップ対応にする「Dropify」 次のようにモダンな形にしてくれます。クリック領域も大きくなって、使いやす... 続きを読む

高機能ファイルアップロードjQueryプラグイン｜ドラッグ＆ドロップ、プログレスバー、オーディオ、ビデオ、各種ファイルサポート対応*ホームページを作る人のネタ帳

2015/09/18 278 users プログレスバー インターフェ オーディオ プログレスバー付き

高機能ファイルアップロードjQueryプラグイン｜ドラッグ＆ドロップ、プログレスバー、オーディオ、ビデオ、各種ファイルサポート対応 2015/09/18 ツイート スポンサーリンク ドラッグ＆ドロップ対応、プログレスバー付き、各種ファイル以外にも、オーディオとビデオのサポートと、非常に優れた高機能ファイルアップローダーを実装出来る、jQueryプラグインのご紹介です。 高機能で美しい インターフェ... 続きを読む