こんにちわ。sugiです。
ブログ更新するまでに若干間があいてしまったので、
最近やってることをちらっと書きます。
ここ最近、redmineという「オープンソースのプロジェクト管理ソフトウェア」を触っています。
まだ使ってみて間もないので、使ってみた感想ですね。
今後使う方、まだ使っていない方もよければ参考にして下さい。
redmineってなに？
簡単に言うとプロジェクト管理をする機能。主にプロジェクトのタスク管理、進捗管理、情報共有が行えます
主に今使っている機能は、以下三点。
チケット
チームメンバーが登録したタスク（チケット）を確認することできます。主にどのようなタスクが割り当てられているのか、ほかの人のタスクの進捗状況等を把握する為の機能のようです。
新しいチケット
チームのメンバーが実施すべきタスクをチケットとして登録します。
更新はできますが、内容の修正はできないので注意。
wiki
プロジェクトに関するメモ、共有事項などを登録することができます。
結構、汎用性があるので、簡単に使い方をまとめます。
特にRedmineは、Wikiをはじめとして、
テキストを入力するほとんどの箇所で Textile 記法が利用できます。
知っておくと便利なタグを以下簡単にまとめておきますね。
■見出し
h1.〜h6.が使用できます。
例）
h1. 見出し1
h2. 見出し2
h3. 見出し3
h4. 見出し4
h5. 見出し5
h6. 見出し6
■table
文字列を”|”で囲むとテーブルとして表示されます。
例）
|コード|商品名|値段|
|01|サンプル01|1000円|
|02|サンプル02|1500円|
■整形済みテキスト
ソースコードなど、そのまま表示したいテキストは、HTMLの<pre>タグで囲みます。
<pre>
<div>
aaaaaaaaa
</div>
</pre>
■箇条書き
リスト
記載例)* the
表示例）・the
番号付きリスト
記載例)
# the
# quick
表示例）
1. the
2. quick
■リンクの仕方
①添付ファイル
ファイル名の後ろにfile.zipという現在のオブジェクト上の添付ファイルへのリンクを表示します
例）attachment:file.zip
②外部リンク
HTTP URLとメールアドレスは自動的にリンクになります。
例）
http://sample.ne.jp
info@sample.mail.com
とりあえず、触ってみた感想は独自のタグを使用している為、はじめの設定や作成にかなりとまどうこと。マニュアルみてもわかるとこなんて少しだけだし、触るならプログラムの知識があるとかなりいいかも。
今はメモ的な感じなので、もっと効率よくやれる方法があれば是非教えて下さい。
以上です。
Sugi 未分類
こんにちわ。sugiです。
今回はスマートフォンデザインのポイントを紹介します。
PC向けのWebサイトのブラウザーには
ブラウザーのウィンドウサイズに関わらず一定の幅で表示を固定する「固定幅」
とブラウザーの幅に合わせて変化する「可変幅」があります。
webでは、ブラウザーのウィンドウサイズに関わらず一定の幅で表示を固定する「固定幅」が一般的ですが、スマートフォンの場合、特別な理由がないかぎり
「可変幅」を採用します。
スマートフォンの場合、本体の向き（縦横）によって画面サイズが変動する為、
幅を固定するのは好ましくありません。
例えば、デザインを作る際には横方向に伸縮しづらいボタンや背景画像はさけ、
伸縮しても違和感がないようにしましょう。
例）
次回は、「画面の向きに応じてデザインする」を紹介します。
Sugi Design関係
こんにちわ。sugiです。
毎日蒸し暑い日が続いてますね。
最近、仕事でオンラインマニュアルを作成しているのですが、
修正する画像形式をいつもPNG形式で保存しています。
なぜPNG形式がいいのかよく理解していなかったので、調べてみました。
Webサイトで一般的に利用される画像形式には、GIF、JPEG、PNGがあります。
携帯サイトではキャリアや端末によって対応している画像形式が異なるため、
画像形式の選定は悩むところです。
特に、ほとんどのキャリアや端末が対応しているGIFは
256色までしか扱えないため、色数を抑えるなどの工夫が必要です。
また、iPhone、AndroidではGIF画像の代わりにPNG画像が利用できます。
GIF形式とPNG形式を比較すると以下のようなメリットがあることがわかりました。
・フルカラー
GIF→ 256色までしか利用できない
PNG→フルカラーで利用できる
・アルファチャンネル
GIF→完全な透明色しか表現できません
PNG→アルファチャンネルを利用して半透明を表現できるのでデザインの幅が広がります。
・高い圧縮率
GIFに比べて圧縮効率がよく、画像のデータ容量を抑えられます。
こうしたメリットを考えると、スマートフォン専用のサイトを作る場合はGIF
画像の代わりにPNG画像を積極的に活用するのがよいですね。
Sugi Design関係, その他, 未分類
こんにちわ、sugiです。
WEBサイトを制作したことがある方なら誰でも経験したことがあると思いますが、
HTMLを作成した時にインデントが崩れて後から修正するのがとても大変だったって事ありますよね。
今回、ご紹介するのはHTMLやjavascriptのインデントを自動修正してくれるサイトをご紹介します。
Javascript beautifier
http://jsbeautifier.org/
※海外のサイトですがソフトなどインストールしたくない人向けのサイトです。
JavaScriptのソースを見やすく自動整形してくれます。
ＨＴＭＬ整形ツール
http://dp25299446.lolipop.jp/pikamap/html_seikei.php
CSSの整形ができるツール
http://styleneat.com/
目的に合わせて様々なツールがありますので、ぜひ活用して下さい。
Sugi HTMLとか
