アクセシビリティが考慮された React Aria のドラッグアンドドロップ

2024/09/07 51 users アクセシビリティ React Aria React 設計

アクセシビリティが考慮された React Aria のドラッグアンドドロップ 2024.09.07 React Aria は Adobe により提供されている React 用のコンポーネントライブラリであり、アクセシビリティを最優先した設計となっています。本記事では、React Aria により提供されているドラッグアンドドロップ機能を紹介します。 ドラッ... 続きを読む

とても簡単にドラッグアンドドロップが実現できる Vue-draggable を使ってみた ｜ Developers.IO

2020/01/27 6 users meetup ドラッグドロップ プロジェク 西田 Vue.js

西田@大阪です 以前 v-kansai Vue.js/Nuxt.js meetup #13 に参加させていただいた時に気になっていた Vue.js でドラックドロップでリストを入れ替えることができる Vue-draggable を使ってみました SortableJS/Vue.Draggable: Vue drag-and-drop component based on Sortable.js プロジェクトの作成 Vue.jsのプロジェク... 続きを読む

はてなフォトライフの画像アップロード画面をFlashを利用しない仕組みに変更しました。また、その他のFlashを利用している機能については廃止します - はてなフォトライフ日記 - 機能変更

2019/06/18 43 users Flash はてなフォトライフ その他 機能 機能変更

いつもはてなフォトライフをご利用いただきありがとうございます。 本日、はてなフォトライフのアップロード画面をFlashを利用したものから、HTML5を利用したものに置き換えました。これにより、Flashが動作しないブラウザでも、写真の複数アップロードやドラッグアンドドロップによるアップロードが可能になりました。 ... 続きを読む

鍵付きPDFファイルのロック解除がドラッグアンドドロップで出来ちゃうサイト - ねかつちう。

2017/09/09 43 users ウェブサービス 官公庁 PDF ウェブサイト ロック解除

2017 - 09 - 09 鍵付きPDFファイルのロック解除がドラッグアンドドロップで出来ちゃうサイト ウェブサービス レビュー こんにちは、ちうぱんです。 自分は仕事の関係で、官公庁が作成した資料の一部を再利用することがあります。 そこで問題になるのが、官公庁がウェブサイトを通じて公開している資料（PDF）の多くにかけられているパスワードロックです。 当然ながら、そのロックを解除しないことには... 続きを読む

iPadのiOS 11にドラッグアンドドロップ、ウィンドウ、ファイルシステムが登場 | TechCrunch Japan

2017/06/06 19 users ノートパ iPad TechCrunch JAPAN iOS

今日（米国時間6/5）のWWDC 2017キーノートの後半でAppleはiOS 11に立ち戻り、iPad用iOS独自の新機能を紹介した。これは疑いもなくiPadの生産性を高めるものだが、同時にiOSとmacOSの差をいっそう縮めることにもなった。 今回iPad用iOSに追加されたのは、通常ノートパソコンで作業する場合に頻繁に用いられるような機能だ。これまでだとモバイルOSでの作業は無理で、ノートパ... 続きを読む

Dropboxでのウェブページ共有が便利になった（ドラッグアンドドロップでURLが保存できる） | TechCrunch Japan

2015/08/20 20 users デバイス Dropbox 特定 ドラッグ＆ドロップ ブラウザ

Dropboxがちょっと便利な機能をアナウンスした。URLをドラッグ&ドロップで共有できるようにするものだ。ブラウザやデバイスに依存しないブックマークとして活用することができるようになったわけだ。 Dropboxで共有してきた他のアイテムと同様、特定のグループや仕事仲間など、必要とする人たちと共有することができる。 Dropboxチームの話を引いておこう。 ウェブ版ないしデスクトップ版にて、URL... 続きを読む

nanapiで使っているJavaScriptライブラリのまとめ | nanapi TechBlog

2015/05/02 7783 users nanapi akiyan Plugin ライブラリ API

2013/06/19 こんにちは！nanapiのakiyanです。今回はnanapiで使っているJavaScriptのライブラリとツールを紹介します。 jQuery filedrop plugin jQuery filedrop plugin – html5 drag desktop files into browser HTML5のAPIを利用して、ブラウザへのファイルのドラッグアンドドロップを... 続きを読む

Workflowを使ってiOS上のあらゆるタスクを自動化 ｜ ライフハッカー［日本版］

2015/01/16 59 users workflow Automator iOS Drafts

iOS：Draftsのようなアプリを利用すれば、iOSの自動化が可能ですが、頭の痛くなる複雑な作業が必要になります。Workflowという新しいアプリを使えばずっと簡単に自動化を理解できます。 Workflowを利用すれば、簡単なドラッグアンドドロップのインターフェースを使ってiOS上でAutomatorのような動作が可能になります。そのような動作は、異なった動作を繋ぎ合わせることで可能です。例え... 続きを読む

"Rails 4で作るドラッグアンドドロップで表示順を変更できるサンプルアプリ"をAngularJSで - Qiita

2014/12/08 23 users サンプルアプリ Rails Qiita AngularJS

はじめに 『Rails 4で作るドラッグアンドドロップで表示順を変更できるサンプルアプリ(スクリーンキャスト付き)』という記事，読まれたことがある方も多いと思います． RailsでAjax（via jQuery）を使ったデータの更新，ドラッグアンドドロップの実現，その他UXを向上させるためのいろいろな技などが詰まった最高にありがたい記事です．拝むしかない． お世話になった方も多いのではないでしょう... 続きを読む

Rails 4で作るドラッグアンドドロップで表示順を変更できるサンプルアプリ(スクリーンキャスト付き) - Qiita

2014/07/30 75 users サンプルアプリ サンプルアプリケーション Qiita 順番

はじめに データの並び順を自由自在に入れ替えたい、という要求があったとき、ドラッグアンドドロップで順番が変えられるとなかなか便利です。 そこで本記事ではドラッグアンドドロップによる表示順変更機能をRails 4で実装する手順を説明します。 補足資料 理解しやすくするための補足資料をいろいろ用意してみました。 デモサイト Herokuにデモサイトを作ってみました。 元々のサンプルアプリケーションはC... 続きを読む

ドラッグ＆ドロップするだけの簡単電子スクラップブック「Ember」　無料iOS版登場 | Techable

2014/01/07 8 users Techable Ember 昨夏 ローカルコンピュータ 手法

よく写真を撮影する人、または画像の処理作業が多いプロの人にとって、電子スクラップブック「Ember」は有用なアプリかもしれない。 もともとMac向けのスクリーンショットツール「LittleSnapper」としてローンチされ、新たに「Ember」として昨夏リスタートしたツールで、ドラッグアンドドロップの手法を採用。ローカルコンピュータの画像だけでなく、web上の画像にも対応しており、画像をつかんで、... 続きを読む

neue cc - Micro-ORMとテーブルのクラス定義自動生成について

2013/06/29 35 users POCO DataSet neue cc ショー テーブル

謎社のデータアクセスはMicro-ORMでやっています。生SQL書いて、シンプルなPOCOにマッピングするだけの。ですが、そこで困るのはPOCOの作成。データベースの写しなだけのクラスですが、手で作るには、ひじょーに面倒。Entity Frameworkならドラッグアンドドロップで！DataSetですらホイホイと作れるのに、100%手作業とか嫌だよー、200テーブルを延々とクラス作るだけの刺身たん... 続きを読む

nanapiで使っているJavaScriptライブラリのまとめ | nanapi TechBlog

2013/06/19 8991 users nanapi akiyan Plugin ライブラリ API

こんにちは！nanapiのakiyanです。今回はnanapiで使っているJavaScriptのライブラリとツールを紹介します。 jQuery filedrop plugin jQuery filedrop plugin – html5 drag desktop files into browser HTML5のAPIを利用して、ブラウザへのファイルのドラッグアンドドロップを取得するのに便利なjQ... 続きを読む

タスクをベン図にして直感的に管理できる『DropTask』 : ライフハッカー［日本版］

2013/03/11 26 users 一目 タスク ベン図 ライフハッカー GTD

GTD , Webツール , その他 , コミュニケーション , 仕事がはかどる , 仕事術 , 時間管理 , 最新テック , 生産性向上 タスクをベン図にして直感的に管理できる『DropTask』 2013.03.11 10:00 タスク管理は退屈ですが、とても大事なことです。『DropTask』を使えばタスクをベン図に視覚化して、ドラッグアンドドロップで楽しく管理することができます。 一目で優... 続きを読む

iOSとMacのファイルをドラッグアンドドロップだけで共有できる『Instashare』 : ライフハッカー［日本版］

2013/02/28 60 users iOS Instashare ユーザビ AirDrop機能

Apple , MacOS , iPad , iPhone , ソフトウェア , 最新テック , 無料ソフト iOSとMacのファイルをドラッグアンドドロップだけで共有できる『Instashare』 2013.02.28 09:00 iOS/OS X：OS Xの中でも特に便利なAirDrop機能。Mac同士でのファイル共有がとても簡単になりました。アプリ『Instashare』を使うと同じユーザビ... 続きを読む

ドラッグアンドドロップでシンプルに。キュレーションツール『Dropr』 : ライフハッカー［日本版］

2013/02/21 25 users ウェブアプリ フラストレーション キュレーションツール

Webツール , その他 , デザイン , 動画コンテンツ , 最新テック , 音楽コンテンツ ドラッグアンドドロップでシンプルに。キュレーションツール『Dropr』 2013.02.21 09:00 好きなものを集めてウェブで公開するのは、なかなか大変です。しかしウェブアプリ『Dropr』を使えばそんなフラストレーションはなくなります。ドラッグアンドドロップだけで、簡単、シンプルに世の中の情報を... 続きを読む

node.jsでtrayという画像アップローダを作った - はこべブログ♨

2012/11/30 115 users 画像アップローダ はこべブログ node.js リアルタイム

2012-11-30 node.jsでtrayという画像アップローダを作った 昨日のKyoto.js #2 で、trayというお手軽な画像アップローダについて発表してきました。ドラッグアンドドロップで画像がアップロードされます。画像は12枚のパネル上に表示され、誰かがアップロードするとリアルタイムで画面が切り替わったりします。http://tray.douzemille.net:8080 でお試し... 続きを読む

あの重さからさよなら！投稿画面から直接画像をドラッグアンドドロップでメディア追加できるWordPressプラグイン2種！*frasm

2012/10/15 1566 users lightbox frasm shintarowfresh

精神的負担からの解放！ WordPressに画像を貼り付けるの、面倒ですよね。@shintarowfreshです。 なにより、メディアを追加するときのLightboxが実に重い！ あのLightboxから解放されて、投稿画面に画像をドロップするだけで貼り付けられたら、恐ろしく捗ると思いませんか？ というプラグインを2種ご紹介します。 意外にめんどくさい画像の連続貼り付けにも対応してくれてますよ！ ... 続きを読む

BootstrapのUIがドラッグアンドドロップだけで組める！最速でウェブのユーザーインターフェースが構築できるエディタ「Jetstrap」 | Chrome Life

2012/09/11 1187 users Jetstrap ユーザーインターフェース エディタ ウェブ

先日、Twitter Bootstrapが2.1.1にアップデートされました。 Bootstrapが2.1になって大幅に機能も追加され、ウェブサイトを構築する上で必要なUIがほとんど揃っている感じがします。 最近では、スタートアップ系のWebサービスを作る人にとっては、Bootstrapが必要不可欠な存在になりつつあります。 とはいっても、Bootstrapに慣れていない人が、実際にページを作って... 続きを読む

ドラッグアンドドロップで表示を自在に組み替えられるjQueryプラグイン「Gridster.js」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/08/14 58 users MOONGIFT Pinterest 横幅 ITエンジニア

Pinterestに感化されたのか、ブロックの高さを組み替えつつ表示するUIが流行っています。今回紹介するGridster.jsはそれに似ていますが、横幅も変更可能で、さらに自分でドラッグアンドドロップして並びが変更できるのが特徴になっています。 0 続きを読む

無料で最大50GB使える！何でも入り超高機能な次世代ストレージ「minus」の使い方iPhone女史

2012/02/16 1579 users Minus Twitter Pinterest 最大50GB

ドラッグアンドドロップで簡単にファイル共有できるサービスとしてスタートした「minus」が、ここ最近恐ろしいほどパワーアップしているらしいので使ってみました。（参考記事：マルチプラットフォームで最大50GB無料！「Minus」が断然素敵な13の理由） 記事によると 「いきなり10GBが無料」「ファイルサイズ上限2GB」「TwitterやPinterestのようにフォロー機能がある」「URLを入力す... 続きを読む

あとで使うファイルやリンクをウェブ上にコピペやドラッグアンドドロップで貯めておける「Hopper」 - WEBマーケティング ブログ

2012/01/25 21 users Evernote ホッチキス コクヨ Hopper コピペ

調べ物やネタ探しをしていて、ブックマークや画像、その他のファイルなどを一箇所にまとめておきたいということ、良くありますよね。そのために便利なのはEvernoteなのですが、短期間でおこなうようなものであれば、もっとシンプルなものが良かったりもします。そこで今回は、情報収集をおこなっているときに、必要なものを一箇所にまとめておけるサービスをご紹介します。針のいらないホッチキス コクヨ ハリナックスわ... 続きを読む

ドラッグアンドドロップで新規フォルダを作成できるWin向けアプリ『Smart Folders』 : ライフハッカー［日本版］

2012/01/16 18 users ライ ライフハッカー ソフトウェア Windows 操作

Microsoft , Windows , ソフトウェア , 無料ソフト ドラッグアンドドロップで新規フォルダを作成できるWin向けアプリ『Smart Folders』 2012.01.16 18:00 コメント数：[ 0 ] Tweet Windows：Windowsで新規フォルダをつくるのは簡単ですが、『Smart Folders』を使えば、フォルダ作成の操作がもっとシンプルになります。 ライ... 続きを読む

シゴタノ！ —    Toodledoの使い方　第10回　タスクに取り組む順番を決める

2011/09/29 34 users Toodledo サブタスク シゴタノ ダミー タスク

Toodledoの1つの欠点として、「タスクに取り組む順番」をキチッと決定できないと言われることがありますが、この問題は解決できます。 たとえばタスクを階層化し、サブタスクになっているタスクの順番は、ドラッグアンドドロップで変えることができます。ですから、順番にとことんこだわりたい方は、ダミーの親タスクを１つ作って、その中のタスクを好きな順番にしてしまうことが可能なのです。 さらに応用して、次のよ... 続きを読む

Webブラウザにファイルをドロップするだけのファイルアップロード/ダウンロードシステム「tensoid」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向け

2011/07/06 35 users MOONGIFT Sendoid クローン Flash

ファイル宅急便的なサービスを使うのも良いが、もっと手軽にファイルを送りたい時をターゲットにしているのがsendoidというサービスだ。そしてそのsendoidからFlashをなくして実装されたクローンがtensoidになる。 0 tensoidはHTML5を使って、Webブラウザ上へのファイルのドラッグアンドドロップで動作するソフトウェアだ。任意のファイルをtensoidの指定場所に放り込むと自動... 続きを読む