前に書いたメモを参考にデジタルサイネージ(電子看板)を作る。
デジタルサイネージを作りたいので、そのためのメモ
https://atsreport.blogspot.com/2019/05/blog-post.html
今回の方法はsmashing をインストールし、ブラウザでアクセスすればよい。
smashing
https://github.com/Smashing/smashing
ruby.h が入っていないと怒られるので最初にruby-devをインストールしておく。
$ sudo apt install ruby-dev
以下の手順ははsmashingの公式に書かれている通りである。
まず、bundler をインストール
bundler https://bundler.io/
$ sudo gem install bundler
つぎに smashing をインストール
$ sudo gem install smashing
このインストールはちょっと時間がかかった。
3分ぐらい。
これで基本的なインストールは終わり。
次に表示するプロジェクトを作成。
$ smashing new my-project
プロジェクトのディレクトリ内に移動。
$ cd my-project
必要なgemがあればインストールする。
$ bundle
ダッシュボードを起動する。
$ smashing start
起動するとtwitter API key を入力するようにエラーが表示される。
デフォルトのWidgetにはtwitterが含まれている為である。
API key を得るためには申請する必要がある。
ブラウザで localhost:3030 にアクセスすると表示される。
F11 とかで全画面にするとデジタルサイネージとして使える。
smashing を実行したコンピュータへブラウザで接続すると表示されるため、
smashing 実行用とデジタルサイネージ用のコンピュータを分けてもよい。
後は必要に応じてカスタマイズをすればよい。
[参考]
Raspberry Piで作るお手軽Dashbord
https://qiita.com/moonstruckdrops@github/items/c58528df1ad4632cff52
dashingまとめ
https://qiita.com/miyay/items/e4bfe6ab84ec1ff1c674
Twitter API 登録 (アカウント申請方法) から承認されるまでの手順まとめ ※2018年9月時点の情報
https://qiita.com/kngsym2018/items/2524d21455aac111cdee
デジタルサイネージを作りたいので、そのためのメモ
https://atsreport.blogspot.com/2019/05/blog-post.html
今回の方法はsmashing をインストールし、ブラウザでアクセスすればよい。
smashing
https://github.com/Smashing/smashing
ruby.h が入っていないと怒られるので最初にruby-devをインストールしておく。
$ sudo apt install ruby-dev
以下の手順ははsmashingの公式に書かれている通りである。
まず、bundler をインストール
bundler https://bundler.io/
$ sudo gem install bundler
つぎに smashing をインストール
$ sudo gem install smashing
このインストールはちょっと時間がかかった。
3分ぐらい。
これで基本的なインストールは終わり。
次に表示するプロジェクトを作成。
$ smashing new my-project
プロジェクトのディレクトリ内に移動。
$ cd my-project
必要なgemがあればインストールする。
$ bundle
ダッシュボードを起動する。
$ smashing start
起動するとtwitter API key を入力するようにエラーが表示される。
デフォルトのWidgetにはtwitterが含まれている為である。
API key を得るためには申請する必要がある。
ブラウザで localhost:3030 にアクセスすると表示される。
F11 とかで全画面にするとデジタルサイネージとして使える。
smashing を実行したコンピュータへブラウザで接続すると表示されるため、
smashing 実行用とデジタルサイネージ用のコンピュータを分けてもよい。
後は必要に応じてカスタマイズをすればよい。
[参考]
Raspberry Piで作るお手軽Dashbord
https://qiita.com/moonstruckdrops@github/items/c58528df1ad4632cff52
dashingまとめ
https://qiita.com/miyay/items/e4bfe6ab84ec1ff1c674
Twitter API 登録 (アカウント申請方法) から承認されるまでの手順まとめ ※2018年9月時点の情報
https://qiita.com/kngsym2018/items/2524d21455aac111cdee
コメント
コメントを投稿