山場


sikkuisikkuiです。

気が付いたら、もう3月中盤です。
この繁忙期、時間の流れが想像以上に早い。1日が3倍のスピードで流れていく感覚です。
全体の回し方を考えつつ、自分の仕事もさらにスピードアップさせていかなければ、仕事をこなしていくのが難しいかもしれません。

ただこれを乗越えたら、さらにレベルが上がることでしょう。
どこまで進化できるか、自らの勝負ですね。

Opera10.50


sikkuisikkuiです。

Opera10.50がリリースされました。
Opera10.50のUIが変わって、少し戸惑いましたが、ページの表示時間まで分かるようになり、
「作成者モード」が常に表示できるようになっているので、CSSの切り替え、アウトライン表示などが行いやすくなっています。

またOpera9.5以降で使用できる、Opera Dragonflyが標準搭載されているようです。
CSSの調べたい要素を右クリック→「要素を調べる」でFireBugのような画面になります。
FireBugのような画面ですが、使いやすさはFireBugやGoogleChromeよりも上だと思います。
opera doragonfly demo

Dragonflyの立ち上げが重いのと、たまにソフトが落ちるのが難点ですが、CSS以外にもHTML、HTML5、CSS2.1などのvalidateが行えたり、web制作に欠かせない存在になりそうです。

zen-coding


sikkuisikkuiです。

DreamWeaverはデザインなどHTMLを触ると、不要なタグが勝手に追加されたり、
コードのところでも、まだタグを打っているのに、勝手にタグを補完したり、
僕にとって非常に使い勝手の悪いソフトでしたが、
RSSからコーディングが3倍以上になる「zen-coding」という情報が入ってきたので、早速Dreamweaver CS4の体験版をインストールしてやってみました。

実際コーディングがかなり早くなります。
今まで面倒臭かった、

<h1></h1>
<ul id="nav" class="clearfix">
  <li><a href=""><em></em></a></li>
  <li><a href=""><em></em></a></li>
  <li><a href=""><em></em></a></li>
  <li><a href=""><em></em></a></li>
  <li><a href=""><em></em></a></li>
</ul>

のようなタグも、手打ちですと非常に時間が掛かっていましたが、
h1+ul#nav.clearfix>li*5>a>em
と打ち、キーボードのctr+,で上記のようなコードに一発変換できます。

しかも、zen-codingのh1+ul#nav.clearfix~の組み立て方は、僕が画像レイアウトからHTMLレイアウトに起こす思考と非常に良く似ているので、スムーズに非常に早くコーディングすることができました。
HTMLを触る時は、zen-codingがおすすめです。

WEB


sikkuisikkuiです。

仕事過多の今月、来月ですが頻繁に「社内WEB講義」を開いています。
目的はアルバイトのWEBスキル向上です。
この繁忙期だからこそ、スキルを上げて仕事の能率を上げてもらおう、という企みです。
技術的な分野ですので、習得にはもちろん時間と根気が必要になります。
ただ今月、来月が勝負なので、付け焼刃でもWEBスキルを向上してもらおうかと思っています。

****************************************

話は変わりますが、GoogleがGoogle docsとsiteについて、Internet Explorer 6のサポートを3月1日に終了すると発表しました。
またGmailなどについては年内中にIE6のサポート終了、Youtubeも「IE6のサポートはまもなく終了します」という表示が出ています。これに伴って他の大手企業がIE6のサポート打ち切ってくれる事を祈ります。

パソコンで目が痛くなったら


sikkuisikkuiです。

長時間パソコンを見続けていると、目が痛くなってきます。
デザインインしている時は、カラーを多用したりするので目の疲労が多少軽減されていますが、
問題は"コーディング"という作業を行っている時。

僕のコーディングのやり方は、完全手打ち。高機能のメモ帳で行います。
白背景に黒い文字の羅列、というコントラストの高い画面をを見続けなければなりません。
太陽に向かって、飛んでる鳥をずっと数えているような状態です。
これを長時間行っていると、目が非常に痛くなってきます。時に文字がゲシュタルトを起します。

モニタの明るさを変えればいいだけの話ですが、デザインも行うので色の状態はすぐ戻せる状態にする必要があります。そこでツールを探してみるとありました。

如意スクリーン。画面が眩しい時に、グレーのスクリーンをかけてくれます。なおかつ、グレーの不透明度も調節可能。
長時間の文章作成など行う場合など、便利です。

ペンタブ


sikkuisikkuiです。

専門時代から使用していたペンタブレットが壊れたので、
iPhoneのように指先で操ったり、従来通りペンで操作できるように切り替え可能な「Bamboo」というペンタブに新調しました。

以前持っていたペンタブはphotoshopを使用する以外は使用用途が限られていましたが、
新調したペンタブは「スクロール」「戻る」「進む」がペンタブの指先のジェスチャーで行えるため、使用用途の幅が広がりました。

今は右手に通常のマウス、左にペンタブを配置して両手でパソコンを操作できる状態で作業しています。
これで業務効率が上がってる、ような気がします・・・
ただマウスによる指の負担は確実に軽減されているので、便利ツールとして使っていくつもりです。

task


sikkuisikkuiです。

今週から4月までの、この2ヶ月間。
怒涛のような仕事量です、有難いことですが、大変です。
仕事量が非常に多いので、通常の紙やらエクセルやらのToDoでは完全に追いつかないので、ToDoリストのシステム化されたものを、つい2日前から使い始めました。

優先順位、日付、予測時間、場所、メモと細かく記述可能。
今日、明日、週間のスケジュールを一発で出せるので、非常に便利。

ただToDoが使いやすくなったにもかかわらず、タスク完了がタスクの入力に追い付いていないのが、問題です。

MTOS


sikkuisikkuiです。

ここ最近集中してMovableTypeの案件が忙しくなってきています。
MovableTypeのタグや機能のことを調べていると、"Movable Type Open Source"を発見。
ライセンスはGPL。

これは使えそうだけども、MTの使い勝手はどうなのか?
日本でのMTは有償ライセンス、個人ライセンス共に、同等の機能だが、MTOS(MovableTyleOpenSource)はUSのMTは個人ライセンスの同等の機能らしい。
USの個人ライセンスのMTの機能がどの程度のものなのか検証してみないと分からないが、実用レベルで問題ないレベルであれば、使ってみても良いかもしれない。

Jquery


sikkuisikkuiです。

仕事でCSS3の効果をIEでも表現できるJavaScriptを一時期使用していましたが、不要な機能も一部あるためJavaScriptの読み込みに0.5秒ほど時間がかかってしまうことがありました。
現在進行している仕事でもCSS3の効果を使用しなければならない場所がありましたが、今までのJavaScriptを使用するとWebパフォーマンスを損なう恐れがあるので、Jqueryを使用して必要な機能のみを再現することにしました。
また外部リンクの場合、自動でアイコンを表示し、なおかつ自動で_blankを挿入するJavaScriptも必要でしたが、複数の他サイトのサンプルは簡潔ではなかったので、ついでなので作ってみました。
IE6~8,Opera,FireFox,Safari等で動きます。*Jqueryが必須です。

JavaScript

<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function(){
$("a[href^=http://]").not("[href^=自サイトURLを記載]").addClass("extlink")
.click(function(){
window.open(this.href, '_blank');
return false;
});
});
</script>

CSS

.extlink {
background:url(アイコンのURL先) bottom right no-repeat;
padding:5px 0 0 20px; /*アイコンの幅数値を入れて下さい。*/
}

クレバテックのブログ


sikkuisikkuiです。

明けましておめでとうございます。
今年も宜しくお願い致します。

実は新年からクレバテックのブログの構造を書き換えていました。
見た目ほとんど変わっていませんが、JavaScriptを一部切ったり、CSSを書き換えたりして、ページの表示速度も0.5秒ほど上がっています。

そして一番変わったのは内部構造。
研修生やインターン生などのスタッフの入れ替わりに合わせて、ブログの左の「メインスタッフ&研修生」欄を入れて変えていましたが、非常に面倒臭い作りにしていたので、汎用性が高いように書き直しました。
また記事数の多い社長の記事だけを別ブログに写し、研修生用の旧ブログが一杯になったので、書き込み不可にしたり。見た目以上に内部構造が変わっています。

そうしなければブログのシステムがダウンしたり、更新が煩雑になりやすいからです。
事実、カテゴリやらブログの記述場所がバラバラだったので、社長以外のスタッフはブログを固定化にしました。

このブログは1年前に制作したものなので、本当はXHTML,CSS自体を丸ごと書き換えて、表示速度向上や更新のしやすいようにしたいですが、そんな時間はないな。

 

株式会社クレバテックの紹介

ホームページ、Webシステム、業務システムから、パンフレット、ポスター、名刺、ロゴ、キャラクター作成まで、御社のCI(コーポレート・アイデンティティ)をトータルでサポートし、企業価値を高めるお手伝いをさせていただきます。

クレバテック ブログをRSSに登録 RSSに登録

関連サイト