これからはじめるRainmeter | 速攻制作!Rainmeterスキン
Transcript of これからはじめるRainmeter | 速攻制作!Rainmeterスキン
![Page 1: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/1.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
これからはじめるRainmeter
6/24 @_SHUFT
![Page 2: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/2.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
あじぇんだ•自己紹介
•Rainmeter ってなにですか?
•具体的にどんなもの?
•スキンの紹介サイト
•おわりに
![Page 3: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/3.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
自己紹介名前 : Shuft→Shuft ・ NK24 ・鯖
・使用言語:日本語・英語・中国語・ Visual Basic ・ Java Script ・ C#...
Twitter:@_shuftサイト :http://coils.work
自称 NUI デザイナー帰国子女だよ…
![Page 4: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/4.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
ことの発端
![Page 5: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/5.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
LT やるよ しかし、襲い掛かるエラーによって完成することがなかった…
![Page 6: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/6.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
Rainmeter ってなにですか ?
![Page 7: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/7.jpg)
![Page 8: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/8.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
Rainmeter ってなにですか ? と、解説に入る前に、
Rainmeter 入れてくださいhttp://rainmeter.net/
![Page 9: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/9.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
Rainmeter ってなにですか ?
カスタマイズ性の高いリソースメーター。 CPU / メモリ / ドライブ / ネットワーク 使用率、バッテリー といったシステム情報のほか、天気予報、 RSS 、時計、カレンダー、ゴミ箱、付箋、 Gmail の受信トレイ、 Google カレンダーのイベント ... 等々のガジェットを、デスクトップ上にアクセサリー感覚で飾っておけるようにしてくれます。 ガジェット(スキン)は世界中で数多く配布されているため、様々な使い方をすることができます。
引用 :http://www.gigafree.net/utility/accessory/rainmeter.html
とのこと、
![Page 10: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/10.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
具体的にどんなもの?
引用 :http://www.lifehacker.jp/2011/09/110906howtoraimeter.html
こんなのとか…
![Page 11: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/11.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
具体的にどんなもの?
引用 :http://www.lifehacker.jp/2013/11/131127desktop.html
こんなのとか…
![Page 12: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/12.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
具体的にどんなもの?
引用 :http://ultimatert.deviantart.com/art/Torn-Paper-270839596
こんなのとか…
![Page 13: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/13.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
具体的にどんなもの?
引用 :http://nova-7-sev-dd.deviantart.com/art/Simply-Nova-267726929
こんなのとか…
![Page 14: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/14.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
具体的にどんなもの?
引用 :http://crosseout.deviantart.com/art/organiC-1-1-rmskin-216760152
こんなのとか…
![Page 15: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/15.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
スキンの紹介サイト
Rainmeter を紹介している有名なところ
•究極のデスクトップを求めて (LifeHacker)
→http://www.lifehacker.jp/cat119/diy/cat192/
![Page 16: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/16.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
スキンの紹介サイト
世界中のさまざまなスキンを扱う定番サイト
•Deviantart
http://rainmeter.deviantart.com/
日本の自作スキン投稿サイト
•Skin in DT
http://skin.squares.net/
![Page 17: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/17.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
おわりに ! わりと手軽にデスクトップのカスタマイズができる!
でも…
日本ではあんまり知られていないし、ユーザーが少ない… (vvvv よりかはマシくらい
![Page 18: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/18.jpg)
俺たちゃ高専生だ
![Page 19: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/19.jpg)
作るんだろうがよ
![Page 20: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/20.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
速攻制作 !Rainmeter スキン
6/24 @ 日本 RAINMETER 普及協会 鯖
![Page 21: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/21.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
お品書き•取り合えずつくってみようではないか
•ひな形を見てみる
![Page 22: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/22.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
とりあえずなにかつくってみよう 今回はミュージックプレイヤーを作ってみよう
![Page 23: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/23.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
とりあえずなにかつくってみよう 今回はミュージックプレイヤーを作ってみよう
◦ github.com/ShuftBK/Rainmeter-skin-collection.git◦ https://github.com/ShuftBK/Rainmeter-skin-collection
◦ クローンしたり、 ZIP で落として来たりしてください
![Page 24: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/24.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
とりあえずなにかつくってみよう 始める前に注意
\ (^ o^ )/
![Page 25: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/25.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
Rainmeter の基礎Rainmeter のスキンファイルは” .ini” 形式で構成されています
適当に新規作成で .txt 作ってそれをリネームしてしまえば OK
![Page 26: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/26.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
Rainmeter の基礎今回は、” monotone” と” skin-collection” を使っていきましょい
→ 自作したので…
![Page 27: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/27.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
まず編集してみるSkin-collection の musicplayer/music.ini を Rainmeter で表示してみる
![Page 28: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/28.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
まず編集してみるSkin-collection の musicplayer/music.ini を Rainmeter で表示してみる
![Page 29: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/29.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
まず編集してみる
![Page 30: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/30.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
まず編集してみる•お好みのエディタを登録できます
![Page 31: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/31.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
まず編集してみる
![Page 32: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/32.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
まず編集してみるいくつかの区切りがある
MetadataSettingsMeasureMeterMetadataメタデータSettingsスキンの設定MeasureMeter に値を渡すMeter画面上に表示する Meter のプロパティ
個人的に分けているだけなので実際のところこういう分け方はされてないです。
![Page 33: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/33.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
Metadata文字通りメタデータが格納してある
![Page 34: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/34.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
Metadata 主にスキンの説明等をここに記述することで表示できる
![Page 35: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/35.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
Settings 文字通りのところ
[Variables] は変数の定義できるところ
![Page 36: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/36.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
Measure [MeasurePlayer]
Measure=Plugin
プラグインを使うことを定義しておく
Plugin=NowPlaying
NowPlaying というプラグインを使う
PlayerName=#PlayerSettings#
Variables で変数化した PlayerSettings を
呼び出す。この場合は iTunse
![Page 37: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/37.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
Measure [MeasureTitle]
PlayerType=Title
ここではタイトルを呼び出すように
している
基本的に NowPlaying系は Type で呼び出す
他詳しいことはリファレンス ( 英語 ) を読んで
![Page 38: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/38.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
Measure [MeasureTitle]
PlayerType=Title
ここではタイトルを呼び出すように
している
基本的に NowPlaying系は Type で呼び出す
他詳しいことはリファレンス ( 英語 ) を読んで
![Page 39: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/39.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
Meter デザインを決める大事なところ
ここで定義した内容がそのまま出てくる
![Page 40: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/40.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
Meter 上から下に読み込まれて、下から上に構成される
BackGround
Title
引用 :http://psro.web.fc2.com/slewm/slewm-page4.html
![Page 41: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/41.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
Meter Meter=Image
ここでどういったものか定義する
例 :Bar,Image,String….
ImageName=#@#Player.png
ここで画像パスを定義する
#@# はルートフォルダの @Resources
になる
![Page 42: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/42.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
Meter X=50,Y=400
表示座標を定義
H=50,W=50
大きさを定義
LeftMouseUpAction=…..
これは左クリックをして離されたときの
挙動を取って Meter や Measure などを変化
させる
これではプレイヤーの戻るの動作
![Page 43: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/43.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
Meter ToolTipText=Previous
ToolTip を表示させる
![Page 44: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/44.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
複雑な処理系 もしこうだったらって処理がやりたい…
If系は 3 つ用意されてます
IfCondition,IfCondition2, IfCondition3
条件式を立ててやることで使える
2,3,4 と増やせばその分処理可能
IfTrueAction, IfTrueAction2, IfTrueAction3
IfCondition が成立するときに処理する。インデックスに対応する。
もちろん false もある
![Page 45: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/45.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
もっと深いことが知りたい ! 聞きにきていただければいくらでも教えられます
リファレンス ( 英語 ) もよみましょう (読むの嫌なら来ていただければと…
![Page 46: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/46.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
エラーを吐く… Meter や Measure がない ini ファイルを読もうとするとエラー出ます
ちゃんと何かしら ( 画像表示やテキスト表示 ) してからやりましょう
下手すると、落ちます
![Page 47: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/47.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
解説しきれません 正直解説しようと思えば一時間とか余裕なんでだいぶ無理があります
![Page 48: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/48.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
ここから学べること 納期は伸ばせると考えて予定を組むな
スライドは完成させてから発表しよう
Rainmeter最高 !!
![Page 49: これからはじめるRainmeter | 速攻制作!Rainmeterスキン](https://reader033.fdocument.pub/reader033/viewer/2022061601/55c3e386bb61eb7c6d8b4593/html5/thumbnails/49.jpg)
こいるすわーく。 |http://coils.work/ @_shuft
ありがとうございました !