【Office-Excel】プロジェクトの課題管理や仕様調整、連絡用に使えるエクセルテンプレート

仕様の調整、細かい部分の相談など、プロジェクトに欠かせない課題管理

プログラムやウェブサイトを構築していると必ず出てくる疑問・質問・課題。

例えば、ウェブサイトの構築であれば、

  • リンクをクリックした時の遷移先
  • メニューにマウスオンした時の挙動
  •  WordPressに導入するプラグインの相談

などなど、事前に取り決めておく事が出来るものもあれば、出来ないものもあり、一個ずつメールで確認するのも大変です。

そんな時に使っていただきたい課題管理・仕様調整用のエクセルテンプレートを作ったので紹介します。

プロジェクト課題管理エクセルシート

課題管理(質問・連絡等)を円滑に進める為のエクセルテンプレートです

いまさらエクセルで課題管理してるなんて・・・という声が聞こえて来そうですね。

クラウド関係は一切ダメで、エクセルしか使えないクライアントさんもいらっしゃるので、そういう方にご活用頂ければと思います。

また、Googleスプレッドシートにアップロードして変換することでクラウド化も簡単なのでそういう使い方も有りかと。

プロジェクトに合わせて、自由に使ってみてください。

ダウンロード

以下のリンクよりダウンロード頂けます。

【課題管理・仕様調整エクセルシート】ダウンロード

ライセンス

好きに使ってください。

商用・非商用何でも大丈夫です。

当サイトにリンクする必要もないです(リンクしてくれたら嬉しいけど)。

使っている様子動画

特徴とか

課題管理はシンプルに

今まで、プロジェクトに合わせて様々な課題管理・仕様調整用のエクセルシートを作って来ました。

「優先度」「影響度」「期限」などの列を作って管理していたこともありましたが、私の経験則から言うと、余り列が多すぎてもゴチャゴチャして結局列が使われない。ということもあり、シンプルな課題管理票になっています。

状態も「OPEN」、「CLOSE」のみです。

「CLOSE」に変更するとその行がグレーアウトされるように条件付き書式を設定してあります。

必要な列は追加してね

シンプル過ぎて物足りない。

という方、シンプルな作りだからこそ簡単に列を追加出来ます。

必要な列を追加してご活用ください。

LAN内の共有サーバに配置して複数人で課題・質問を記入したい

エクセルブックの共有を設定してあげれば複数人で同時に記入することも可能です。

エクセルの共有方法

エクセルブックの共有は以下の方法で行います(上部の動画でも共有方法を確認頂けます)。

  1. リボン(メニューバー、ツールバーとも言う?)から校閲を選択
  2. ブックの保護と共有を選択
  3. 変更履歴付きで共有する(S)をチェックしてOKボタンをクリック
    変更履歴付きで共有する(S)
  4. 「この操作を行うとブックはいったん保存されます。よろしいですか?」のダイアログに対してOKボタンをクリック

    この操作を行うとブックはいったん保存されます。よろしいですか?

まとめ

エクセルだから色んな人が使えて、カスタマイズがしやすい!

ご活用頂ければ嬉しいです。



DreamweaverでSass(Compass)を利用する方法

Adobe DreamweaverでSass・Compassを利用する方法の備忘録です。

Gulp・Grunt等でやる方法がありますが、コマンドプロンプト(通称:黒い画面)はちょっと敷居が高いと思われる方も多いと思うので、Adobeユーザーなら大抵入っているDreamweaverの設定方法をお伝えします。

Dreamweaverを利用してWordPressでサイト構築(テーマ開発)することを想定していますが、他のサイト制作でも同様の設定で多分利用できます。

試行錯誤の結果とりあえず動いたという設定方法をご紹介しておりますので、正統なやり方では無いかもしれません。その点ご容赦ください。

2018年2月2日追記

文字コードの関係でエラーになる場合があったため、config.rb、config_prod.rbに以下の一文を追加しました。

Encoding.default_external = “UTF-8”

今回想定するDreamweaverのサイト設定

Dreamweaverのサイト設定が以下のように行われている前提で説明を行います。

今回のサイト設定・構造

Dreamweaverのサイト設定

  • サイト直下にwp-content , wp-admin, wp-includes等のファイルがある。
  • テーマディレクトリを「THEME_NAME」としてテーマを作り込もうとしていることを想定しています(この部分を適宜ご自身の環境に合わせて以降読み替えてください)。

空のディレクトリを作成しよう

以下のように、/wp-content/themes/THEME_NAME/ディレクトリに空のディレクトリを作成します。

Compass用の空ディレクトリの作成

scss ディレクトリ

このディレクトリにSassファイルを配置していきます。

css, css/min ディレクトリ

sassディレクトリに配置されたSassファイルがコンパイルされ、生成されたCSSファイルが配置されます(css/minにはminifyされたCSSが配置されます)

fonts, images, js ディレクトリ

とりあえず作ります。Compassが画像等を出力する時に使用するようですが正直よく分かりません(笑)

configファイルを配置しよう

以下Gist からconfig.rbとconfig_prod.rbをダウンロードしてきてテーマディレクトリ直下に配置します。

Gist:Dreamweaverでcompassを動作させようとした時のconfig.rb

https://gist.github.com/onocom/29259b091fdea04e159506bcba6d89ff

config.rb

これはMinifyしない為のコンフィグファイル。このコンフィグが実行されると、最後にMinify用のコンフィグが実行される。

THEME_NAMEディレクトリは適宜書き換えてください。

config_prod.rb

Minify(圧縮)用のコンフィグ。

なお、output_styleを変更することで様々な出力を選べる。

  • :expanded ・・・ 通常のCSS出力
  • :nested ・・・ ネストされたCSS出力
  • :compact ・・・  コンパクトなCSS出力
  • :compressed ・・・ Minifyされた最も小さいCSS出力

また、sourcemap の設定は.mapファイルを生成するかどうかの指定。
line_comments の設定は、コメントを出力するかしないかの指定になります。

THEME_NAME ディレクトリは適宜書き換えてください。

テーマディレクトリ直下に配置

上記ファイルを配置するとこんな感じ。

config.rb/config_prod.rbを配置

サイト設定でCompassを有効化しよう

サイト設定を開く

Dreamweaverメニュー → サイト(S) → サイトの管理(M)から該当のサイトをダブルクリックして以下の画面を立ち上げます。

サイト設定

CSSプリプロセッサー - 一般設定

以下のように設定しておきました。

Sassの設定

ファイルの保存時に自動コンパイルを有効にする

をチェック入れとくと勝手にコンパイルしてくれるようです。その他のOutput file Styleやソースマップを生成、ソースコメントを作成などはconfigで設定してあるので無視して良さそう。

Compassの設定をしよう

Compassの設定

Compassの設定項目で、

Compassを使用する

にチェックし、

Rubyベースの構成ファイルを指定で先ほど配置したconfig.rbファイルを指定します。

これが出来たら保存をします。

コンパイルされるか確かめてみよう

Sassファイル(SCSSファイル)を保存するとコンパイルされる

Sass・Compassの設定がちゃんと動作するか確かめて見ましょう。

scssディレクトリ内に、適当なscssファイル(ここではmain.scss)を作成し、保存します。

数秒待つと

/~~~/main.scss は CSSに正常にコンパイルされました: /~~~/main.css

とうメッセージが「出力」ウィンドウに出力され、以下のファイルが自動的に作成されました。

THEME_NAME/css/main.css
THEME_NAME/css/min/main.css

やったー!出来た!

まとめ

設定さえしてしまえば、DreamweaverでもSassが使えるので大変便利ですね。

黒いウインドウ怖いといって敬遠していたかた、ぜひご活用ください。

config.rb の設定方法でもっと良いやり方があれば教えてください。

 



【Windows】右クリックメニュー[送る]の活用方法、追加・設定方法(SendToディレクトリの場所一覧)

意外と使ってない!?右クリックメニューの[送る]とは。その活用方法。

Windowsユーザーの皆様、デスクトップ画面やエクスプローラー画面でファイルやフォルダを右クリックした時に表示される[送る(N)]というメニューをご存知ですか?

こんなやつ↓

WindowsのSendToイメージ

このメニューを駆使することで、ZIPファイルをサクッと作ったり、画像をリサイズしたり、HTMLファイルを直接テキストエディタで編集したり出来るので私は大変重宝しています。

意外と利用されていない方も多そうなのと、毎回、新しいパソコンの初期設定する際に[送る]メニューの設定場所(SendToフォルダの場所)を探してしまうので、とりあえず記事にしてみました。

お役に立てば幸いです。

[送る]の活用方法

右クリックメニューの[送る]には以下のような設定をして業務の効率化を図っています。

偉そうに書いてますが一般的な使い方しか出来ていないので、他にもこうやって活用できるんだぜ!などあればぜひコメントで教えて下さい!

写真や画像の保存サイズをサクッと小さくする

画像の大きさやサイズを縮小するソフト「縮小専用」(通称:縮専)を愛用しています。

しかし、一つの写真を小さくしたいがために毎回、縮専を立ち上げるのも面倒です。

その面倒を回避するために、右クリックメニュー[送る]に縮小専用を登録して、写真・画像をサクッとリサイズしています。

縮小専用(縮専)でサクッとリサイズ
右クリック→送る→ShukuSenでサクッとリサイズ出来る。

普段はブラウザで表示させたいけど、たまにテキストエディタで開きたいファイルを開く

index.html等のHTMLファイルは基本的にブラウザで表示させたいのですが、ソースコード編集するときなどはテキストエディタで開きたい場合があります。

そういった時に、テキストエディタを立ち上げてからドラッグ&ドロップで編集対象のファイルを開くのは面倒です。

右クリックメニュー[送る]にテキストエディタを登録することでサクッと編集画面を立ち上げられます。

HTMLをサクラエディタでさくっと開く
HTMLをサクラエディタでさくっと開く

すぐ出来る[送る]メニューの設定方法

どうやって[送る(N)]メニューに登録するのかをご紹介します。非常に簡単です。

SendToというディレクトリに表示させたいアプリケーションのショートカットを配置してあげるだけです。

具体的な設定方法は以下のとおりです。

[送る]メニューの設定場所(SendToディレクトリのパス)を調べる

キーボードで、Windowsキー+Rを押して[ファイル名を指定して実行]を立ち上げます。

名前の部分に以下を入力します。

ファイル名を指定して実行「shell:sendto」

OKをクリックするとSendToフォルダが表示されます。

上記でフォルダが表示されない場合は、記事末のSendToディレクトリのパス一覧表を御覧ください。

ショートカットを配置する

SendToディレクトリに、必要なアプリケーションのショートカットを配置します。

これで、[送る(N)]メニューに該当のアプリケーションが表示されるようになりました。

SendToにアプリケーションのショートカットを配置

Windowsバージョン別 SendToディレクトリのパス一覧表

ユーザー名には自分のユーザ名を当てはめてください。

例:ユーザー名 takashi でWindows 10の場合のSendToのパス
C:\Users\takashi\AppData\Roaming\Microsoft\Windows\SendTo\

※ 古いOSのSendToディレクトリのパスは様々なウェブサイトを参照して以下の表を作成しました。誤りがあればコメントでご報告ください。

Windows 10のSendToの場所

C:\Users\[ユーザー名]\AppData\Roaming\Microsoft\Windows\SendTo\

Windows 8 (Windows 8.1)のSendToの場所

C:\Users\[ユーザー名]\AppData\Roaming\Microsoft\Windows\SendTo\

Windows 7のSendToの場所

C:\Users\[ユーザー名]\AppData\Roaming\Microsoft\Windows\SendTo\

Windows VistaのSendToの場所

C:\Users\[ユーザー名]\AppData\Roaming\Microsoft\Windows\SendTo\

Windows 2000のSendToの場所

C:\Documents and Settings\[ユーザー名]\SendTo\

Windows XPのSendToの場所

C:\Documents and Settings\[ユーザー名]\SendTo\

Windows NT4.0のSendToの場所

C:\WINNT\Profiles\[ユーザー名]\SendTo\

Windows MeのSendToの場所

C:\WINDOWS\SendTo\

Windows 98のSendToの場所

C:\Windows\SendTo\

Windows 95のSendToの場所

C:\Windows\SendTo\

まとめ

いかがでしたでしょうか?送るメニュー役に立ちそうですか?

作業効率化に貢献できると嬉しいです。

 

しかし、shell:sendto でSendToディレクトリが表示されるようになったのはいつからだろうなぁ。



[IDE] Eclipse 4.7(OXYGEN)のインストール手順と日本語化

Aptanaのアップデートが止まっている!
新しいIDEを探そう!

私は以前からAptana(Aptana Studio 3)を愛用しているのですが、2014年頃から新しいバージョンがリリースされず。

このまま使い続けるのもいいのですが、他のIDE(統合開発環境)を模索しても良い頃かと思い、AptanaのベースともなっているEclipseをインストールしてみました。

2017年の6月末にEclipseのバージョン4.7(コードネームをOXYGEN(酸素))がリリースされており変わらず活発にアップデートがされているようです。

今回はWindows 10(64bit)でEclipseをインストールする手順をまとめてみました。

日本語化についても簡単に触れていますが不足部分はググってくださいませ。

ダウンロード

公式サイトのダウンロードページへアクセス

https://www.eclipse.org/downloads/

ダウンロードボタンをクリック。

もう一度ダウンロードボタンをクリック

ダウンロードが開始される。

 

お金に余裕のある方は、ダウンロード中の画面に表示される寄付を検討してみてくださいませ。

インストール

ダウンロードしてきた、「eclipse-inst-win64.exe」をダブルクリックしてインストール操作を行います。

Eclipse IDE for JavaScript and Web Developersを選択

Eclipse IDE for JavaScript and Web Developersを選択

インストールパスを指定

インストールパスを指定

利用規約に同意

よく内容を読み、Accept Nowをクリック。

利用規約に同意

インストール完了まで待つ

Eclipseのインストール中

インストール完了したらEclipseを起動

インストール完了 Eclipseの起動

おおぉ!Eclipse!

Eclipseのスプライト画面

ワークスペースディレクトリを指定

ワークスペースを指定

Eclipseが無事に起動しました

Eclipse無事に起動

日本語化

Eclipseの日本語化といえば、Pleiades (プレアデス)。

公式サイトよりPleiadesのプラグインをダウンロード

Pleiades – Eclipse プラグイン日本語化プラグイン
http://mergedoc.osdn.jp/

Eclipseの日本語化

日本語化の設定

詳しくはreadme_pleiades.txtを参照ください。

readme_pleiades.txtより、設定方法部分だけ以下に抜粋します。

1. pleiades_x.x.x.zip を解凍し、plugins、features ディレクトリーを <ECLIPSE_HOME> ディレクトリーに
コピー。(<ECLIPSE_HOME> は Eclipse デフォルトの plugins や features があるディレクトリー)

2. eclipse.ini の最終行に以下の 2 行を追加。Xverify は Eclipse 4.4 以降で必須で、これを指定しないと
起動できなかったり、一部の機能が正常に動作しない可能性があります。
Windows 以外の場合は後述の Eclipse 起動オプション参照してください。

-Xverify:none
-javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar

3. Pleiades スプラッシュ画像を使う場合は
eclipse.ini の -showsplash org.eclipse.platform (実際は 2 行) を削除。

最低限1と2だけ行えばEclipseが日本語化されます。

まとめ

以前Javaでプログラムをしていた頃と比べるとロゴがおしゃれになっていたり、Eclipse Marketplace が出来ていたりと色々なアップデートが加えられているようです。

Eclipseを試してみつつ、IDE探しの旅引き続き行ってまいります。



パワポ最高!ビジネスで使えるプレゼンや提案資料用のPowerPointテンプレート[無料]を作りました!

仕事で使えるシンプルなPowerPointテンプレートを作りました


パワーポイントはダサい。

パワーポイントは使いづらい。

やっぱKeynoteっしょ。


そう思っていた時期が私にもありました。

しかし、今まで何十回とプレゼンテーションを作り、発表を行ってきた結果、「ダサいのはデフォルトテンプレートを使っているからだ」という結論にたどり着きました。

今回、プレゼンや提案に使えて、そのまま配布資料としてA4で印刷も出来る、”シュッ”としたパワーポイントのテンプレートを作ったのでご紹介します。

PowerPointテンプレートのイメージ

どんなものかは、見てもらえれば早いと思いますので以下にキャプチャを貼りました。

縦横比は画面サイズではなく、A4サイズの縦横比になっています。

プロジェクターで表示した際には左右に余白が出来ますが、印刷をする際には完璧な印刷が可能です。

また、デフォルトフォントに游ゴシックを採用しているので、游ゴシックのインストールされているパソコンであれば、フォントだけでもそれっぽく見えます。

パワーポイントサンプルテンプレートの表紙
A4サイズで印刷出来るパワポスライドの表紙イメージ
パワーポイントサンプルテンプレートのセクション見出しページ
パワーポイントサンプルテンプレートのセクション見出しページ
パワーポイントサンプルテンプレートのコンテンツページ
パワーポイントサンプルテンプレートのコンテンツページ

全体をスライドシェアにアップしました。

PowerPointテンプレートダウンロード

ダウンロード

powerpoint-template.pptx

ちょっと試しに使ってみようという奇特な方がいればどうぞご利用ください。

念の為の注意ですが、このファイルにより起こった、いかなる障害・損失などについて、私は責任を負いませんので、自己責任でご活用くださいね。

GitHubからダウンロード

GitHubからは、サンプルデータも含めてダウンロード出来ます。

https://github.com/onocom/powerpoint-template

ライセンス

MIT license

GitHub格納されているデータ

powerpoint-template.pptx

これがテンプレート本体です。

powerpoint-template-sample.pptx と powerpoint-template-sample.pdf

テンプレートを使ってスライドを作るとこうなるよ~。ということを確認出来ます。

使い方

フッターのコピーライトの記述を変更して頂き、以降は基本的にそのまま使ってもらえれば良いかと思います。

フッターのコピーライトを変更する方法

  1. powerpoint-template.pptx を開き、2シート目を選択
  2. 挿入タブの「ヘッダーとフッター」を選択
  3. フッターの「Copyright © SAMPLE COMPANY All Rights Reserved.」となっている部分をご利用環境に合わせて書き換える。

プレゼンテーションスライドのフッターを変更する

デザインがシンプル過ぎる?!

えっ。めっちゃシンプル過ぎない?と思われた方いますか?

そうです。めっちゃシンプルです。

印刷した時に無駄なインクを使わない為。

というのも理由の一つですが、一番の理由は、


『提案相手に提案内容を確実に届けるため』


にこんなシンプルなデザインにしてあります。

あと、私がデザインが苦手ということもあります(笑)

無駄で華美な装飾は、提案内容を曇らせる

参考までに以下にパワーポイントに最初から定義されているテンプレートを使ったプレゼンテーションの表紙を作ってみました。

ザッ!パワーポイント!という感じの表紙スライドですね。

このスライドで伝えたいことは、「提案書のタイトルと提案日だけ」です。

しかし、パッとこのスライドを見せられたら、背景の謎のタイルが提案書の内容を邪推させてしまいます。


なんか陽気な内容の提案かな。
ゴチャゴチャしている提案かな。


という事を提案を受けた側は感じてしまうのではないでしょうか?

 

意図して「陽気なスライドにして気分をアゲアゲなプレゼンがしたい」ということであれば全く問題ないのです。

しかし、そんな意図を持ってこのテンプレートを選んでいる人ほとんどいないですよね。

なんとなくこのテンプレートにしよう。

と思って使っていませんか?

その結果、本来届けたい内容を届けられなかったら、せっかくの努力が無駄になってしまいます。

それを避けるためにも、私はいつも極力シンプルなスライドや資料になるように努めています。

まとめ

超個人的なパワーポイントのオリジナルテンプレートですが、私個人はこのテンプレートを重宝しています(実際はもうちょっとマニアックなカスタマイズをしていますが、そこは個人的すぎるので今回省いています)。

パワーポイントと聞くと、プレゼンテーションだけのもの。と捉えられがちですが、操作方法の説明資料を作るときなどに、このパワーポイントテンプレートを使って、ペラ1枚の資料を作って渡したりしています。

デフォルトのテンプレートしか使った事がない!という方、ダメ元だと思って利用してもられると嬉しいです!

フィードバックをコメントしてもらえると尚嬉しいです!

余談 – パワーポイントで動画が作れる

実はパワーポイントって結構万能な事をご存知でしょうか。

作った資料をPDFに書き出しして配布出来るのは当たり前かもしれませんが、パワポで動画や画像も作れたりします。

デジタルサイネージ広告を作るのにもパワーポイントが結構活用されているとか。

興味を持った方はぜひ調べてみてくださいね。