49
こここここここ|http://coils.work/ @_shuft ここここここここ Rainmeter 6/24 @_SHUFT

これからはじめるRainmeter | 速攻制作!Rainmeterスキン

  • Upload
    shuft

  • View
    186

  • Download
    0

Embed Size (px)

Citation preview

Page 1: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

これからはじめるRainmeter

6/24 @_SHUFT

Page 2: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

あじぇんだ•自己紹介

•Rainmeter ってなにですか?

•具体的にどんなもの?

•スキンの紹介サイト

•おわりに

Page 3: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

自己紹介名前 : Shuft→Shuft ・ NK24 ・鯖

・使用言語:日本語・英語・中国語・ Visual Basic ・ Java Script ・ C#...

Twitter:@_shuftサイト :http://coils.work

自称 NUI デザイナー帰国子女だよ…

Page 4: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

ことの発端

Page 5: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

LT やるよ しかし、襲い掛かるエラーによって完成することがなかった…

Page 6: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

Rainmeter ってなにですか ?

Page 7: これからはじめるRainmeter | 速攻制作!Rainmeterスキン
Page 8: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

Rainmeter ってなにですか ? と、解説に入る前に、

Rainmeter 入れてくださいhttp://rainmeter.net/

Page 9: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

Rainmeter ってなにですか ?

カスタマイズ性の高いリソースメーター。 CPU / メモリ / ドライブ / ネットワーク 使用率、バッテリー といったシステム情報のほか、天気予報、 RSS 、時計、カレンダー、ゴミ箱、付箋、 Gmail の受信トレイ、 Google カレンダーのイベント ... 等々のガジェットを、デスクトップ上にアクセサリー感覚で飾っておけるようにしてくれます。 ガジェット(スキン)は世界中で数多く配布されているため、様々な使い方をすることができます。

引用 :http://www.gigafree.net/utility/accessory/rainmeter.html

とのこと、

Page 10: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

具体的にどんなもの?

引用 :http://www.lifehacker.jp/2011/09/110906howtoraimeter.html

こんなのとか…

Page 11: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

具体的にどんなもの?

引用 :http://www.lifehacker.jp/2013/11/131127desktop.html

こんなのとか…

Page 12: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

具体的にどんなもの?

引用 :http://ultimatert.deviantart.com/art/Torn-Paper-270839596

こんなのとか…

Page 13: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

具体的にどんなもの?

引用 :http://nova-7-sev-dd.deviantart.com/art/Simply-Nova-267726929

こんなのとか…

Page 14: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

具体的にどんなもの?

引用 :http://crosseout.deviantart.com/art/organiC-1-1-rmskin-216760152

こんなのとか…

Page 15: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

スキンの紹介サイト

Rainmeter を紹介している有名なところ

•究極のデスクトップを求めて (LifeHacker)

→http://www.lifehacker.jp/cat119/diy/cat192/

Page 16: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

スキンの紹介サイト

世界中のさまざまなスキンを扱う定番サイト

•Deviantart

http://rainmeter.deviantart.com/

日本の自作スキン投稿サイト

•Skin in DT

http://skin.squares.net/

Page 17: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

おわりに ! わりと手軽にデスクトップのカスタマイズができる!

でも…

日本ではあんまり知られていないし、ユーザーが少ない… (vvvv よりかはマシくらい

Page 18: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

俺たちゃ高専生だ

Page 19: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

作るんだろうがよ

Page 20: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

速攻制作 !Rainmeter スキン

6/24 @ 日本 RAINMETER 普及協会 鯖

Page 21: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

お品書き•取り合えずつくってみようではないか

•ひな形を見てみる

Page 22: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

とりあえずなにかつくってみよう 今回はミュージックプレイヤーを作ってみよう

Page 23: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

とりあえずなにかつくってみよう 今回はミュージックプレイヤーを作ってみよう

◦ github.com/ShuftBK/Rainmeter-skin-collection.git◦ https://github.com/ShuftBK/Rainmeter-skin-collection

◦ クローンしたり、 ZIP で落として来たりしてください

Page 24: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

とりあえずなにかつくってみよう 始める前に注意

\ (^ o^ )/

Page 25: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

Rainmeter の基礎Rainmeter のスキンファイルは” .ini” 形式で構成されています

適当に新規作成で .txt 作ってそれをリネームしてしまえば OK

 

Page 26: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

Rainmeter の基礎今回は、” monotone” と” skin-collection” を使っていきましょい

→ 自作したので…

Page 27: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

まず編集してみるSkin-collection の musicplayer/music.ini を Rainmeter で表示してみる

Page 28: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

まず編集してみるSkin-collection の musicplayer/music.ini を Rainmeter で表示してみる

Page 29: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

まず編集してみる

Page 30: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

まず編集してみる•お好みのエディタを登録できます

Page 31: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

まず編集してみる

Page 32: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

まず編集してみるいくつかの区切りがある

MetadataSettingsMeasureMeterMetadataメタデータSettingsスキンの設定MeasureMeter に値を渡すMeter画面上に表示する Meter のプロパティ

個人的に分けているだけなので実際のところこういう分け方はされてないです。

Page 33: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

Metadata文字通りメタデータが格納してある

Page 34: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

Metadata 主にスキンの説明等をここに記述することで表示できる

Page 35: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

Settings 文字通りのところ

[Variables] は変数の定義できるところ

Page 36: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

Measure [MeasurePlayer]

Measure=Plugin

プラグインを使うことを定義しておく

Plugin=NowPlaying

NowPlaying というプラグインを使う

PlayerName=#PlayerSettings#

Variables で変数化した PlayerSettings を

呼び出す。この場合は iTunse

Page 37: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

Measure [MeasureTitle]

PlayerType=Title

ここではタイトルを呼び出すように

している

基本的に NowPlaying系は Type で呼び出す

他詳しいことはリファレンス ( 英語 ) を読んで

Page 38: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

Measure [MeasureTitle]

PlayerType=Title

ここではタイトルを呼び出すように

している

基本的に NowPlaying系は Type で呼び出す

他詳しいことはリファレンス ( 英語 ) を読んで

Page 39: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

Meter デザインを決める大事なところ

ここで定義した内容がそのまま出てくる

Page 40: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

Meter 上から下に読み込まれて、下から上に構成される

BackGround

Title

引用 :http://psro.web.fc2.com/slewm/slewm-page4.html

Page 41: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

Meter Meter=Image

ここでどういったものか定義する

例 :Bar,Image,String….

ImageName=#@#Player.png

ここで画像パスを定義する

#@# はルートフォルダの @Resources

になる

Page 42: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

Meter X=50,Y=400

表示座標を定義

H=50,W=50

大きさを定義

LeftMouseUpAction=…..

これは左クリックをして離されたときの

挙動を取って Meter や Measure などを変化

させる

これではプレイヤーの戻るの動作

Page 43: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

Meter ToolTipText=Previous

ToolTip を表示させる

Page 44: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

複雑な処理系 もしこうだったらって処理がやりたい…

If系は 3 つ用意されてます

IfCondition,IfCondition2, IfCondition3

条件式を立ててやることで使える

2,3,4 と増やせばその分処理可能

IfTrueAction, IfTrueAction2, IfTrueAction3

IfCondition が成立するときに処理する。インデックスに対応する。

もちろん false もある

Page 45: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

もっと深いことが知りたい ! 聞きにきていただければいくらでも教えられます

リファレンス ( 英語 ) もよみましょう (読むの嫌なら来ていただければと…

Page 46: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

エラーを吐く… Meter や Measure がない ini ファイルを読もうとするとエラー出ます

ちゃんと何かしら ( 画像表示やテキスト表示 ) してからやりましょう

下手すると、落ちます

Page 47: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

解説しきれません 正直解説しようと思えば一時間とか余裕なんでだいぶ無理があります

Page 48: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

ここから学べること 納期は伸ばせると考えて予定を組むな

スライドは完成させてから発表しよう

Rainmeter最高 !!

Page 49: これからはじめるRainmeter | 速攻制作!Rainmeterスキン

こいるすわーく。 |http://coils.work/ @_shuft

ありがとうございました !