2026
2025
2024
2023
2022
2021
2020
2019
2018
2017
2016
2015
2014
2013
2004年09月の記事
全20件 (20件中 1-20件目)
1
-
テクニカルライターの喜び(^0^) （担当S）
テクニカルライターの喜びといったら、それはもちろん自分たちが作成したマニュアルに、高い評価をいただけること。発注いただいた方に、作ってもらってよかったと言っていただけることです。そして、さらにうれしいのは、マニュアルを実際使っていただく方が、システムの概要を理解して、操作ができるようになること。※一般ユーザの方には、マニュアルがわかる・わからないという意識などもたないで、読んで当然のように操作できるというのが理想かなぁ。今日うれしいことがありました。タイトなスケジュールの中、新規システムのマニュアルを作っていたのですが、無事納品できました。そして、お客様に喜んでいただけたことです。マニュアルの出来がよかったと直接言ってもらえることは、励みになります。ありがとうございます。m(_ _)m今日読んだメルマガに、自分の売っているものに自信がもてないならば、売らないほうがよいという主旨の記事がありました。「パソコン関連製品のユーザーズマニュアルならば、私たちにおまかせください。」と、いつも自信をもって言いたいし、それだけの質の高いマニュアル作りを目指していきたいと、改めて思いました。
2004/09/30
-
罫線が１ピクセルのtableを表示するタグ その3 （担当Ｍ）
ホームページ作成ソフト「D」の挙動が少しずつあやしくなっていてひやひやしている、担当Mです。サイト内置換をするとハング、外部スタイルシートファイルの中味が読み込めないという状況です。なんとか騙し騙し使っていますが…定義済みサイトを整理したらよいかしら？？？-------それでは、スタイルシートを使って実現する方法です。ちょっと強引ですが、h1の周りに罫線を表示してみましょう。こんなかんじになります というデザインを実現するタグの例はこちら。<html><head><meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"><title>TEST</title><style type="text/css"><!--h1 { border-top: solid 1px #006600; border-right: solid 1px #006600; border-bottom: solid 1px #006600; border-left: solid 1px #006600}--></style></head><body><h1>こんなかんじになります </h1></body></html>いかがでしたか？いったいスタイルシートって何？という方向けの説明もいつか掲載したいと思っています～その前にNN4対策を書きますね。お楽しみに～
2004/09/29
-
我が家のインターネットその後（担当S）
ネットワークカードの交換で、復旧した我が家のインターネット。その後快適に使ってますといいたいところなのですが、またまたトラブルが...もともと、インターネットの常時接続よりも、IP電話でプロバイダを決めた私。インターネットが使えないよりも、電話が使えないほうが困る生活をしております。とある日の土曜日。仕事で遅くなるので、我が家にTEL。うちでは、娘とその友達が留守番のはず。ところが、呼び出し音が鳴らない。あれ～? 050-からのIP電話の番号では、「ぷっぷっぷっ」という音が鳴るばかりで、いっこうに呼び出し音が鳴らない。NTT経由では、呼び出し音がなるばかり...。どうしたんだ。あせって家に帰って聞いてみたら、「電話は鳴っていない」という。ADSLモデムをチェックしたら、なんと電源以外のLEDが消えているではありませんか。これでは、電話は使えませんね。電源のON/OFFを数回したら、ピカピカとLEDがついたので一件落着。と思ったら、次の日パソコンを使っていた子どもたちが、「インターネットが使えない!」ふとみると、LEDがまた消えている。当然、電話も鳴らない。何度か電源をON/OFFしても戻らないので、今度はカスタマーサポートに電話をしてみることにしました。そこで、電話←→モデム、モデム←→モジュラージャックをつないでいる線を入れ替えるという指示をもらいました。ADSLモデムを交換してもよいとの話もありましたが、しばらく様子をみることにしました。その後、LEDが消えていることを発見しましたが、そのたびに線のつなぎかえをすると、もとに戻ります。うーむ。ちなみに、会社には同じプロバイダを使っている人が、あと二人いますが、私のような症状は起きず、快適に使っている様子。私は日ごろの行いが悪いのでしょうか(;_;)
2004/09/28
-
罫線が１ピクセルのtableを表示するタグ その2 （担当Ｍ）
前回は、1ピクセルのtdで罫線を描画する方法を紹介しました。今回はもっとカンタンな方法でやってみましょう。手順は次のとおりです。1.テーブルを1つ作成2.その中にもう1つテーブルを作成3.外側のテーブル、 border="0" cellspacing="0" cellpadding="1" を指定します。また、bgcolorを罫線の色にします。4.内側のテーブル、 border="0" cellspacing="0" cellpadding="0" を指定します。 また、bgcolorをテーブル内部の色にします。これでOKです～♪タグの例はこちら。<table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#006600"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"> <tr> <td align="center"> <p>こんな<br>かんじに<br>なります</p> </td> </tr> </table> </td> </tr></table>コピペしてやってみてください。あら不思議。テーブルをネストするだけで、簡単にできちゃいました。--------でも本当は、こういうことはスタイルシートで実現するのがスジというものです。次回はスタイルシートを使った例を紹介しますよ！
2004/09/27
-
ちょっと休養（担当S）
天気が安定していないせいか、はたまた夏の疲れか...ちょっとエネルギーが落ちているなぁと感じます。きっと、体が休みを必要としているのでしょう。こんなときは、無理に元気でいると、あとあと大変になるので、休養することにしました。仕事上、毎日パソコンの前にいるので、パソコンは使わず、好きなこと、やりたいことに専念する。そうしているうちに、また新しい気分になってくるものです。
2004/09/24
-
罫線が１ピクセルのtableを表示するタグ （担当Ｍ）
罫線が１ピクセルのtableを作りたい！ と思って「border="1"」を指定したあなた。どうも想像したよりも太い気がしませんか？そう、この指定では２ピクセルの罫線になってしまうのです。洗練された雰囲気を出したいときなどにはどうしても１ピクセルの罫線にしたいものですが、これを実現する方法は何通りかあります。よく見かける（？）のは、透過gifを使う方法です。以下のようにtdを区切り、周囲のtdに透過gifを挿入します。┌┐┌─────┐┌┐ 縦1ピクセル└┘└─────┘└┘┌┐┌─────┐┌┐│││ ││││││ ││││││ ││││││ │││└┘└─────┘└┘┌┐┌─────┐┌┐└┘└─────┘└┘縦1ピクセル幅1ピクセル 幅1ピクセル ※↑ブラウザのフォントの設定を等幅フォントにすると、 罫線ずれません。…この図で伝わるかどうか自信がありませんので、タグを掲載しておきましょう。<table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="1" height="1" bgcolor="#006600"><img src="transparent.gif" width="1" height="1"></td> <td width="120" height="1" bgcolor="#006600"><img src="transparent.gif" width="120" height="1"></td> <td width="1" height="1" bgcolor="#006600"><img src="transparent.gif" width="1" height="1" bgcolor="#006600"></td> </tr> <tr> <td width="1" height="50" bgcolor="#006600"><img src="transparent.gif" width="1" height="50" bgcolor="#006600"></td> <td bgcolor="#FFFFFF">こんなかんじになります</td> <td width="1" height="50" bgcolor="#006600"><img src="transparent.gif" width="1" height="50" bgcolor="#006600"></td> </tr> <tr> <td width="1" height="1" bgcolor="#006600"><img src="transparent.gif" width="1" height="1" bgcolor="#006600"></td> <td width="120" height="1" bgcolor="#006600"><img src="transparent.gif" width="120" height="1"></td> <td width="1" height="1" bgcolor="#006600"><img src="transparent.gif" width="1" height="1" bgcolor="#006600"></td> </tr></table>コピペして使ってみてください。えーと、透過gifはtransparent.gifという名前で高さ1、幅1ピクセルのものを、同じディレクトリに保存しておく必要があります。できましたね？？…ううむ、確かに実現しましたが、ちょっと面倒ですね。このタグの欠点は、編集しているうちにたまに訳わからなくなってしまうことです(^_^;)もっとかんたんなタグはないの？？？はい、あります。もっと単純で、スタイルシートも使わずに簡単に1ピクセルの罫線が実現できるタグが…。ということで、次回に続きます。最初からそっちを教えてよ、というご指摘はご遠慮ください。（笑）
2004/09/22
-
考える力・イメージする力 （担当S）
近頃思うことは、「考える力」「イメージする力」って大事なことだなぁということです。筋道をたてて、自分でどう思うか考えてみる。この行動をすることで、ほかにどう影響があるのか考えてみる。とても当たり前のことなのに、案外できていないのでは?って思うようなケースにぶつかります。この考える力、イメージする力は、いわゆる学歴とはまったく関係はありません。答えが設定されている課題を解いて、よい成績をとるのとは、また別の力だと思います。たぶん、指示がしっかりきている仕事であっても、どうしてこのような指示がきているのか考えたり、仕事をこなす道筋を自分で設定したりする。そういうことが大切なのだと思います。「常識だから」という言葉でかたづけている事柄を、どうして常識だと自分は思っているのか、そう問いかけてみるといいかもしれません。ただ、機械的にそれを選んでいるのと、一回咀嚼した上で選ぶのとでは、考えている分違うと思います。また、どうしてマンションのエントランスはいつもきれいなのかとか、食事は誰が用意して誰が片付けるのかとか、考えてみるのもいいと思います。必ず、そのお仕事を担当している人がいるから、そうなっているはず。今まで見えなかったものに、気がつくかもしれません。
2004/09/21
-
生きるか死ぬか（担当Ｍ）
ちょっと重い話ですみません。先々週妹が手術を受けました。3～5時間の予定が7時間を越える大手術になりました。予想を越えて状態が悪かったためです。平均寿命の半分も生きていないのに、病魔と必死で闘っています。周りは励まし、祈ることしかできません。生きるか死ぬか、の問題を目の前にした妹を見ていると自分の抱える問題など、本当に小さいものだとつくづく思います。皆様の祈りの力をお貸しください。
2004/09/17
-
階段の一段飛ばし（担当S）
IT業界といいますと、ストレスが多い割には、動きません。忙しくなればなるほど、パソコンにはりつき状態になり、眠気覚ましにおかしを食べるってことが多いからだと思います。私もそのわなにはまり、みるみる丸くなっていったことが、過去数回あります。まずい!!で、極力体を動かし、食べるものと食べ方に気をつけるようになりました。現在のマイブームは、階段を一段おきに上ること。毎朝、4階にある会社に行くときは、エレベータを使いません。これは、大腰筋（だいようきん）を鍛えるのにいいそうです。大腰筋が衰えると、姿勢が悪くなったり、ころびやすくなったりするそうです。大腰筋は体の内部にある筋肉で、背骨と大腿骨をつないでいる筋肉だそう。大腰筋のことは、代行で発行している「かわかみ先生の外科・整形外科コラム」に載ってます。よかったら読んでみてくださいね。階段の一段飛ばしは、やってみるとけっこうきついです。
2004/09/16
-
P○geMakerの歌 （担当Ｍ）
一昨日からP○geMakerで思わぬツボにはまっている担当Ｓさん。昨日午後、私の背後のＳさんから何やら歌声が聞こえてくるではありませんか。せっかく～編集～したのにねぇぇ～もう一度ーやーりなおーし♪曲調が心なしかドナドナに似ていました。
2004/09/15
-
のりうつった「イライラッ」（担当S）
以前から、この日記を読んでいただいている皆さま。Mがとあるソフトウェアにイライラしていたのを覚えてますか? そうです。「納期が迫っているときトラブルシューティングを実行したらダメ」で、「少なくとも午前中に 1 回と昼食後に 1 回再起動しなければならない」あのソフトウェアです。新しく読み始めた皆さま、詳しくは「2004/06/16分の日記」をご覧ください。 仕事をいただけるのはとても感謝することなのですが、何で制作したデータなのか聞いたときは、一瞬目の前が真っ暗になりました。これで作業工程は、まったく読めなくなってしまった...夏中、SはMがMacintoshを再起動する音を聞きながら過ごしたのですから。昨日、編集中にいきなり致命的なエラーが発生して、作業をいちからやり直し...「ん～、いつになったら終わるかわかんないなぁ。」と言ったら、「大丈夫。いつかきっと終わります。」まぁそうなのですけれど...でもなぁ、ファイルを開いている最中に、暴走しちゃったら、作業はいつ終わるかわからないよ(T_T)今日はぐちの日記でした。
2004/09/14
-
誰も私に話しかけてはいけません （担当Ｍ）
6月以降、山場、土壇場、修羅場…と続いてきましたが今週も1つの山場を迎えようとしております。見積もり、マニュアル校正提出、システム入れ替え、納品、サンプル提出、メルマガ発行、HP公開、セミナー、客先訪問…誰も私に話しかけてはいけません(>_
2004/09/13
-
追い詰められたライター （担当S）
この世には、テクニカルライター泣かせのユーザインタフェイスが存在します。Windows XPの［スタート］メニューなどは、あまり好きではありません。なぜなら状況によって、［スタート］メニューに表示される内容が違うから。何が表示されるかは、使う方の状況次第。マニュアル読む方は、掲載されている図版と実際にソフトウェアに表示されている内容を比較して、異なっていると不安になることがあるのですね。なので、「この図は開発中のものですから、実際と一部異なることがあります。」とか、「○○の設定によって、表示される内容は異なります。」など、注釈が多くなります。ときどき不安になるのは、本当にこのような注意書きを入れるだけでよいのなかぁということです。ほかには概念やしくみがちょっと複雑で、どうやって文章で表現したらよいか、めどがたたないときも悩みます。パソコンの操作自体は、たとえばプルダウンメニューから選択だけだとしても、それがどういう意味があって、結果がどうなるのか、自分でストンと理解できなかったときは、ほんとうに難しいです。この夏、そのようなUIに出会いました。たいてい仕様書を読むと説明の道筋がこう頭に浮かんでくるのですが、そのときばかりは浮かばない。仕様書を何度読んでも、マニュアルとして組み立てられない（はぁぁぁ）。そのときの私、ほかにも機能があったのであとまわし。締め切りぎりぎりになって、頭が沸騰しておりました。定番の書き方があるので、とりあえずは操作の流れはできていましたが、自分が納得しない...ぐつぐつ... 頭の中は煮えたぎり...どう組み立てようかなぁと、それで頭がいっぱいのまま、席を立った。そうして、お手洗いの水が流れる音を聞いた瞬間、ぱっと、ページの構成図が見えました。あの部分に図版を入れて、表組みにして説明だ!うれしかったなぁ♪そのほか、出勤途中に地下鉄の駅で自分の書いた原稿が間違っていたことに気づいたり、帰宅途中に書かなければならないことを思い出したり。締め切り間近でせっぱ詰まっているときは、思いがけない場所で救われることがあります。
2004/09/10
-
「ペイント」を侮るなかれ （担当Ｍ）
昨日の台風で停電になった、というお客様から手書きのメモをいただいて打ち合わせをしました。メールの連絡も便利だけど、たまにはこういうのも味があっていいですね。さて、画像の編集はやはりPhotoshopやFireworksが便利ですが、Windowsのアクセサリとして標準でインストールされる「ペイント」も意外に侮れません。それでは、便利な機能、カラー消しゴムをご紹介しましょう。例えば、画像の黒い部分を赤に変えたい場合、以下のように操作すると、簡単に色が変更できるんです。1.左側に表示されているツールパレットから、「消しゴムツール」を選択します。2.カラーパレットで、変更前の色を左クリックします。 ここでは黒から赤に変更したいので、黒を左クリックします。3.カラーパレットで、変更後の色を右クリックします。 ここでは黒から赤に変更したいので、赤を右クリックします。4.マウスの 右ボタン を押しながら、画像に消しゴムをかけます。 黒い部分だけが赤に変わります。これ、結構感動します。やってみてくださいませ。
2004/09/09
-
無停電電源、設置完了 / 目次が吹っ飛んだ(T_T)（担当S）
札幌は、「ぴぉ～、びぉ～」と風が吹き荒れてます。出社の途中で、風でよろめくこと３回ほど。信号待ちしているおじさんは、電信柱につかまっていました。デジタルデータ命の私たち。悪天候で何よりもこわいのが「停電」。社員から電話が入って、近くでずっと停電しているとのこと。会社のほうはまだそんな気配はないのですが...「え～、停電...」と話していたら、一瞬電気が切れた。げっやばい。瞬電じゃないか。「そうだ!! 無停電電源。」こんなときになんなのですが、会社のサーバの無停電電源が壊れたとき、私たちの部署の無停電電源を提供。その後サーバ用に新調したので、また無停電電源を戻してもらうことになっていた。がしかし、根がずぼらというかのんきというか、仕事がいろいろ詰まっていたというか、そんなこんなでずっとほってあったのです。だって、運ぶの重いし、かたづけなきゃならないんだもん。瞬電になってから「無停電電源入れよう～」という事態に。「充電してなくて使い物にならないんじゃないの。」なんて言われつつも、とにかく設置しました。いったんパソコンをつないで、無停電電源のコンセントを抜いたら「ぴー、ぴー」鳴ったので、ちゃんと動作している模様。これで少し安心です。みなさん、今日はほんと気をつけてくださいね。あぁ、消防車と救急車が走ってる...===========無停電電源も設置したし、これで万全だわ～と安心してたのに...。瞬電が続く中、かなり頑張ってくれた無停電電源君。ついに力尽きた...。「ひぇ～～っ」そのとき、Sは新しいマニュアルの企画をしていた。やっとエンジンがかかり、かなり集中して目次を作成してたのに...。目の前、まっくら。そう、やっぱり充電が足りなかったのか、パソコンの電源が落ち、目次データもなくなりました。午後からやり直しだわ～
2004/09/08
-
スタイルシートをわかりやすく 2 （担当Ｍ）
スタイルシートにコメントを入れるときのポイントその2です。TOPページ用と下位ページ用のスタイルが、それぞれ膨大にできちゃったとき、どうしますか？TOPページ専用、下位ページ専用のCSSファイルを別個に作成してリンクさせるのも１つの方法です。でも、両方に共通のスタイルが含まれていると、スタイル変更が必要になったとき、２ファイルをいっぺんに変更しなければならなくなり、作業が煩雑になってしまいますよね。ミスも出てきます。そこで、CSSファイルは１つにして、次のようにコメントを入れておきます。-----------------------------------------/* TOPページ専用スタイル */.footer { font-size: 70%; font-weight: normal; color: #ffffff}.catch { font-size: 100%; color: #cccccc}/* 下位ページ専用スタイル */.nodecoration { text-decoration: none; color: #FFFFFF; font-size: 9pt}.topicpath { font-size: 8pt; font-weight: bolder; color: #FFFFFF}/* 共通スタイル */.font9pt { font-size: 9pt}-----------------------------------------こんな感じで組み立てておき、さらにa.top{*******}a.sub{*******}など、HTMLタグ自体にclassの指定を入れておく方法も併用すると、スタイルがかなり判別しやすくなりますよ～ん。
2004/09/07
-
文書作成のちょっとしたポイント（担当S）
ニュースレターや、パンフレットをいただく機会が多くなりました。みなさま、それぞれ個性豊かな文書を作成していらっしゃいますね。文章が面白いだけに、ときどきおしいなぁと思うのは、レイアウトをちょっと変えたら、読みやすい書面になるのになということです。・ホワイトスペースの確保 紙面びっちりに文字が書かれていると、読むのがちょっと 大変です。教科書でも、文字があまり書かれていないペー ジがあるとほっとしませんでしたか? 紙面に適度に何も書かれていない、白い部分を作るといい ですよ。 情報のかたまりごとに、スペースを入れておくと、 情報が頭に入りやすくなります。・行間 行と行がびっちりつまっていると、圧迫感があります。 適度にあけることが必要です。 あけすぎると、逆に読みにくいです。 ・フォントの使い分け フォントの選定で、その書面の雰囲気が決まります。 ポップ体は親しみやすさを出すのにぴったり。 明朝にすると、教科書的な雰囲気? どんな情報をどんな人に提供するのか考えて、フォント も選んでみましょう。 ひとつの文書に、いろいろなフォントを使いすぎると、 乱雑な印象になります。・基準線を作る 文書は、左寄せ、中央寄せで作るのがほとんどかと思いま す。段落下げの位置は、２箇所くらいに決めておくと、 すっきりします。 私が作る文書は、だいたい左5mmで一箇所、10mmで一箇所 設定することが多いです。
2004/09/06
-
スタイルシートをわかりやすく（担当Ｍ）
前回、スタイルシートにコメントをつけておくとよい、と書きましたが、「実際、どんな風にすればいいの？」と思われた方がいるかもしれませんので、具体的にご紹介しますね。----------------------------.txt-normal { font-size: 100%; padding-left: 0px; /* 左余白をゼロ */}----------------------------こんな風に、/*と*/で括ります。1つのスタイル内で指定して大丈夫なんですよ。まー、「padding-left: 0px」程度なら「左余白ゼロ」などとコメントつけなくてもわかるかと思いますが…。例えば、特定のブラウザ対策で入れた指定には、/* IE6.0で間延びしないように */のようにコメントしておくと、分かりやすくなるのです。
2004/09/03
-
インターネット復旧（担当S）
インターネットに接続できなくなってはや１週間。プロバイダのカスタマーサポートの方と話したら、「ADSLモデムを交換」ということになったのが先々週の土曜日。その後、水曜日にモデムを交換してみたのですが症状は改善されず...。相変わらず、IPアドレスを取得できない問題が続いていました。うーむ。ところで、この問題が発生してから、プログラムをしている友達、自分の会社のプログラマ、プロバイダのカスタマサポートの方と、いろいろ話を聞いてもらって、私は「ネットワークカードがおかしいかも」と言っていたのですが、彼らは口をそろえて、カードの可能性は低いと言っていたんです。パソコンはちゃんとカードを認識していたし、モデムとパソコンは通信できていたからです。昨日、電気屋さんの近くを通ったので、ネットワークカードを衝動買いしました。2650円の値札をみてびっくり。なんて安くなっているんだ。それで、ネットワークカードを取り替えてみたら...じゃじゃーん。動きました。セットアップユーティリティがまだ終了していないうちから、Nortonが起動して、最新のファイルに更新しなさいという。実行してみたら、Nortonのサイトにアクセスして、最新ファイルをダウンロードしているじゃあ、ありませんか。というわけで、今回の問題はネットワークカードでした。日ごろ、脳天気でカンのみで生きているといわれる私ですが、野生のカンが論理武装にかったわ! と思いました。(^^)\
2004/09/02
-
忙しいときの「伝説の男」攻撃 （担当Ｍ）
貧乏ヒマなしというべきか、おかげ様で商売繁盛というべきか、（あまり使いたくない言葉ではありますが）いそがしい毎日を送っております。作業が多くて、テンションが上がってくる頃、Ｓさんから、とある攻撃を食らいます。それは一言、私に向かって「伝説の男」と言い放つだけ。しかし、私の頭の中はそれ以降♪でんせつのおとこ♪節が鳴り響き、仕事に多大なダメージが与えられます。なんて恐ろしい攻撃でしょう…。さて、あなたの頭の中も「伝説の男」がエンドレスで流れていれば、Ｓさんのネット越しの「伝説の男」攻撃は成功です…。
2004/09/01
全20件 (20件中 1-20件目)
1
