息抜きネタです

ビジネスツールの代表格、Microsoft PowerPoint。

ビジネスシーンでは主にプロジェクターを使用したプレゼンに重宝します。

各スライドへグラフや表などを記載し、プレゼンをより説得力のあるものへと変えてくれます。

このPowerPointを使用し、ただ単純におとぎ話や昔話を解説しているだけなのですが、なんとも言いようのない説得力と説明力が盛り込まれています。

面白動画の類ですが、一つの話を要約し聞き手に理解させるといった点ではかなりレベルが高いです。

～シンデレラ版～

あの出来事を一つのプロジェクトという視点からビジネス風に解説しています。

br />

～かぐや姫版～

資料の字が読めなくてゴソゴソするあたりがいかにもプレゼンっぽいです。

画像にガラスで反射したような鏡面効果を付ける

ブログ記事に載せた画像を美しく見せるため、あたかもガラス板に載せたかのような反射効果を付けることができます。

これは、わざわざ反射画像を作って載せているのではなく、ページを読み込んだ際に自動で付与してくれます。

実装方法はとても簡単で、僅か2ステップでできます。
（プラグインを追加してしまえばその後の投稿はちょっとした一手間を加えるだけ）

その①
プラグインに下記一行を追加
<script type="text/javascript" src="http://cow.neondragon.net/stuff/reflection/reflection.js"></script>

その②
ブログ記事に画像を添付したら、HTMLエディタで編集。
画像タブ（<img ...>）に「class="reflect"」を追加するだけ。

例：<img src="…"/>　→　<img src="…" class="reflect"/>
※タブ内にプロパティーを追加する場合は必ず、半角スペースで区切ってください

<img src="…"/>


<img src="…" class="reflect"/>



また、「class="reflect"」にオプションを追加すると鏡面効果の調整ができます。


・rheightオプション
　　→鏡面効果の高さを設定します。
rheight1～rheight100
例：(rheightの追加は半角スペースを入れて後ろに追記します。)

<img src="…" class="reflect rheight30"/>

<img src="…" class="reflect rheight50"/>

<img src="…" class="reflect rheight70"/>


・ropacityオプション
　　→鏡面効果の濃度を設定します。
ropacity1～ropacity100
例：(ropacityの追加は半角スペースを入れて後ろに追記します。)

<img src="…" class="reflect ropacity30"/>

<img src="…" class="reflect ropacity50"/>

<img src="…" class="reflect ropacity70"/>


※rheightとropacityは併用することも可能です。
例：<img src="…" class="reflect rheight30 ropacity60"/>


画像の高さがオリジナルよりも高くなってしまうので見た目の調整が少し面倒になってしまいますが、簡単に設置できますので是非HPなどでも使って見てください。

サイドバーのメニューを開閉可能にする

前回、投稿したときに言っていたプラグインができました

自らのカスタムデザインを犠牲にして・・・

今回作成したのはサイドバーのプロフィールやコメント一覧などをそれぞれのタイトルクリックで開閉できるものです。

このブログにも試験的に実装しております。

結構早い段階から出来上がってはいたのですが、IEのときだけエラーになるという障害にぶつかり悪戦苦闘しておりました。

たましで作成してしまった部分も多いのでのでわかる人がみるとお叱りを受けるかもしれませんが

使用方法

①フリープラグインに下記を追加

<script src="http://webgrid.web.fc2.com/ameba/accordion/prototype.js"></script>
<script src="http://webgrid.web.fc2.com/ameba/accordion/accordion_ameba.js"></script>
<script src="http://webgrid.web.fc2.com/ameba/accordion/accordion_swich.js"></script>
<script type="text/javascript">
<!--
window.onload = function(){
defaultAd_acc("close"); //PR
ranking_acc("close"); //アメブロランキング
favorite_acc("close"); //お気に入りブログ
bookmark_acc("close"); //ブックマーク
reader_acc("close"); //このブログの読者
recent_comment_acc("close"); //最近のコメント
recent_entries_acc("close"); //最近の記事一覧
theme_list_acc("close"); //ブログテーマ一覧
calendar_acc("close"); //カレンダー
archives_acc("close"); //アーカイブ
search_acc("close"); //ブログ内検索
profile_acc("close"); //プロフィール
}
-->
</script>

②青字部分は、サイドバーにあるものだけにし、存在しないものは(その行まるごと)削除

　　※ここで、存在しないものが残っていると正しく動作しません

　　　　（サイドバーの設定 >> サイドバーの設置　で、確認してください。）

③最初のページ読み込みで開いていて欲しいもの(プロフィールなど)は「"close"」を「"open"」に変更

<<注意>>

その1...設定しているｃｓｓとの組み合わせによっては正しく動作しない可能があります。

その2...IEのバージョンによっては動きに制限がある可能性があります(IE8は動作確認済み)

～追記～

このプラグインのプログラムは削除や変更する予定はありませんが、設置しているサーバはプライベートサーバではありませんので、サーバ側の予期せぬ変更などで使用ができなくなる場合があります。

事前のご了承の程、宜しくお願い致します。