Shinyで作る
写真編集アプリ

@igjit

• Webアプリケーションエンジニア
• Rで変なものを作るのが趣味
• 山とタピオカと私

Tokyo.R #79で紹介した本

https://moiz.booth.pm/items/1307327

twitterで見かけた感想

ですよね。

Adobe Lightroom

インタラクティブに写真編集

えっ？

インタラクティブなUI？

それShinyで作れるのでは

作ってみた

Shinyで作ったLightroomっぽいアプリなので

コードはこちら

igjit/shinyroom

Herokuで動かしてるデモ

shinyroom.herokuapp.com

(めっちゃ遅い)

手元で動かす場合は

git clone git@github.com:igjit/shinyroom.git
cd shinyroom
docker build -t shinyroom .
docker run -it --rm -p 8000:8000 -e PORT=8000 shinyroom

して localhost:8000 にアクセス

demo

正直

今後の開発にご期待ください

shinyroomを支える技術

imager

画像処理ライブラリ

golem

頑強なShinyアプリを作るためのフレームワーク

Rのパッケージ開発の経験があるならおすすめ

Building Big Shiny Appsを読むと良い

shinythemes

Shinyアプリの見た目を簡単に変えられる

これが

よりLightroomっぽく

テストを書く

• shinytest
• testthat

細かすぎて伝わらないShinyの挙動

サーバーが処理中であることを示すために

outputの色が薄くなる

問題は

画像処理の結果を待っているときに

こうなるのですごくうざい

なんとかするためにパッケージ作った

igjit/shinyloadermessage

処理中に

メッセージをかぶせる

使い方は簡単 (shinycssloadersと同様)

library(shinyloadermessage)

# ...

withLoaderMessage(plotOutput("distPlot"))

まとめ

作ってみた感想

楽しい!

Rだけで簡単にインタラクティブなwebアプリケーションを作れる

便利なパッケージたくさん

動くものを作るの楽しい

どんどん作ろう。

次はあなたの番！

Enjoy!