※このホームページは、バリアフリーを目指し、音声読み上げソフトに対応しています。

 


新・電子ノートブック Snap Note 3
  フリーソフト Snap Note 3 mini 公開!  

ソフトウェア・デザイン館 Sage Plaisir 21 へようこそ!
隔週月曜更新 : 毎週1つのニュースまたはプログラミング技術を取り上げ、解説します。

東日本大震災 まとめページ

[PR] 最強のスクリプト・ライブラリ vbslib5 が Windows 10 に対応!
[PR] シェル・スクリプトを格段に使いやすくする bashlib1 公開中


2020年より、IT ニュース&コラムは 3週に1度の配信となります。

週刊 IT プログラミング技術 2021/ 6/ 7

メニュー項目の場所を上下左右で示すこと - 手順メモ (1)


最近、ノーコードがブームになっています。 ノーコードとは、ソフトウエアを
開発するときに、プログラミング言語でコード(プログラム)を書かないで、
ビジュアル化したパーツを組み合わせるという方法一般のことです。
ノーコードと似た発音として、少しだけコードを書くローコードもブームになっています。

プログラミング言語を知らないけどエクセルの関数なら少し使えるという方々は
非常にたくさんいますし、そういった方々はITの開発者よりも対象となる分野の
知識が深いため、そういった方々が直接ソフトウェアが作れれば全体として
生産性が上がるだろうと注目を浴びています。

こういった考えは昔からあり、失敗と成功を繰り返しています。ノーコードの
ブームもあって、そういった開発ツールの種類は非常に多くなってきています。
また、画像・動画・イラスト関連のツールをITの開発者が使うケースも
多くなってきました。

これらを総じて単にツールと呼ぶことにします。ツールはアプリという形で
誰でも使えるようになっているかと思うかもしれませんが、実際は使い方を
ググって操作方法の説明を見ながら使うことが多いと思います。
したいことを実現するためにどのツールを使えばいいかがすぐに分かること、
ツールごとに異なる操作方法がすぐに分かること、
これらが個人のスキルの差になって現れてきます。
何でも記憶できる頭のいい人もいますが、私のようにそれほど記憶力がない人は
なんらかの工夫が必要です。

それが手順メモです。手順メモをいかに早く作り、すぐに取り出せるかが
スキルの差になると考えています。

手順書と言えば操作対象となるメニュー項目やボタンの場所を強調表示した
スクショ(スクリーンショット)が定番ですが、スクショを作るには早くても
1分近くかかります。しかし、テキスト(文字)で書くことができれば数秒でできます。
また、スクショよりテキストのほうが ファイル サイズ が非常に小さくなります。
これは検索性と持ち運びやすさに差が出ます。
全くのド素人がいるかもしれない不特定多数に説明する資料ならスクショが良いですが、
普段からPCを使っている人が操作を理解するのであれば、テキストで十分です。
実際、IT開発者が見る公式の説明書にはスクショがないことが多いです。
しかし、少し文書を工夫すれば理解しやすいのにと常に思っています。

これから数回に分けて手順メモをテキスト形式(特に YAML 形式)に書くときの
ポイントを説明していきます。 また、手順メモを活かすためのツール typrm を
開発中です。開発途中のものは GitHub に公開しており、typrm でググれば
見つかります。

初回は、スクショを使わないでメニュー項目やボタンの場所をすぐに見つけ
られるようにするためのテキストの書き方を説明します。

それは、操作対象の位置を上下左右で示すことです。

たとえば、Windows のロックをする手順メモをテキストで普通に書くとしたら、

「Windows のスタートボタンを押して、人型ボタンを押して、ロックを選びます。」

になるでしょう。この説明の場合、人型ボタンってどこ?になると思います。

そこで、人型ボタンの場所を上下左右で示します。

「Windows のスタートボタンを押して、人型ボタン(左下のボタンの並びの最も上)
を押して、ロックを選びます。」

上下左右で位置を示されることで探す範囲が狭くなるからですが、
それ以上に、示されることでそこに集中して見るような心理状態になります。
そこに書いてあるのに分からないの?と煽られて集中しようとする効果もあります。

すべてのボタンに対して位置を示す必要はありません。 スタートボタンは誰でも
知っているからです。 超初心者であれば示す必要がありますが、それは超初心者の
ための手順メモに書いておき、そこへガイドすればよいです。

位置を示すテキストは、左下、上、などの八方と中央で十分なことが多いです。
上記は画像のボタンであるため詳細な位置の説明が必要ですが、
言葉で書かれたボタンなら曖昧な説明で十分です。


Sage Plaisir 21 のブログやツイッターを読もう!

Sage Plaisir 21 では、ここのホームページのほかにブログとツイッター も行っています。
ブログは、こちら。
ツイッターは、こちら。

Sage Plaisir 21 メールマガジンを読もう!

週刊 IT ニュース&コラム』には、 このページに掲載している コラムの他に、注目ニュースを集めたリンク集も、掲載しています。 日々多く集まる IT 情報から、注目すべき話題をコラム形式で取り上げますので、 ぜひチェックしておきましょう。 (サンプル、および登録)


Sage Plaisir 21 Contents
[ English | 日本語 ]

自動化ツールのダウンロード (2017-01-04) update!

急速な IT 革命により開発スピードの向上が課題になっています。 その鍵になるのがツールの活用または開発です。 一般的なものから専門的なものまで使えるツールを公開しています。

技術資料&オープンソース (2012-03-19)

扱う技術が多くなってくるにつれ、 技術はマスターするものではなく調べるものになり、 どれだけ実践に即した資料を集められるかどうかが、 勝負になります。標準的な技術の資料だけでなく、 プログラムソースやライセンスフリーのライブラリも公開しています。

オブジェクト指向プログラミング設計 (2000-04-01)

Visual Basic 7 にもついに本格的なオブジェクト指向の 機能が追加され、ソフトウェア技術者には必須の知識に なりつつあります。長年の研究の成果から、最新の応用方法まで 様々なメモを公開しています。

ソフトウェア・デザイン館より(技術エッセイ)   (2000-11-01)

プロの経験を通じて習得したソフトウェア全般に関する 技術を解説しています。 ソフトウェアとは何かといった根本的なことを通じて、 デザインに関するポイントをわかりやすく説明しています。


          
 ソフトウェア
デザイン館
Sage Plaisir 21

Simple and Visual

SagePlaisir21サーチ
パワード・バイ・グーグル

週刊 IT ニュース&コラム

6/6 メニュー項目の場所を上下左右で示すこと - 手順メモ (1)

5/16 GitHub のアカウント認証からパスワード認証が廃止へ

4/26 Jest の watch モードで Visual Studio Code のデバッガーを一瞬で再起動させる方法

4/5 LINE のトーク内容が中国企業で閲覧可能だった問題

3/15 cypress で期待通りに自動テストが動かなかったときの対策集

2/22 新型 コロナ ウィルス 感染経路特定アプリ COCOA の不具合放置問題

2/1 cypress を使って自動テストを簡単に導入する方法

1/11 ソフトウェアエンジニア40年のキャリアから学んだ 6つのアイデア

12/21 リセット状態の Windows から Jest + TypeScript + React + Visual Studio Code を確実に構築する手順

11/30 Apple Silicon がインテルや ARM の性能を大幅に超える結果に

11/9 チュートリアルや手順書を手軽にするプレースホルダーの書式

10/19 ドコモ口座から不正な引き出し、スマホ決済会社はセキュリティを軽視

9/28 したくない作業でもするようになる 5分スイッチ テクニック (4)

9/7 30%の手数料を支払っていないとしてアップルが Epic Games の Fortnite を削除

8/17 したくない作業でもするようになる 5分スイッチ テクニック (3)

7/27 Linux と Apple が人種差別的な用語を包括的な用語に置き換えると発表

7/6 したくない作業でもするようになる 5分スイッチ テクニック (2)

6/15 GitHub と MySQL を組み合わせたサーバー DoltHub

5/25 したくない作業でもするようになる 5分スイッチ テクニック (1)

5/4 Apple と Google が新型コロナウイルス感染者を追跡するシステムを発表

4/13 手続き型プログラミング言語で宣言型プログラミングをする(2)

3/23 新型コロナウィルスの影響でリモートワークの仮導入が進む

3/2 手続き型プログラミング言語で宣言型プログラミングをする

2/10 飲食店や病院などの予約システムをクラウドで簡単に作れる SELECTTYPE

1/20 コメントを書かずに概要を説明する方法 - リーダブル コード(61)

12/30 書くスペースを半自動的に作ってメモをしやすくする SpaceInk

12/16 手続き型プログラミングと宣言型プログラミングを使い分ける

12/2 ヤフーとLINEが経営統合して、あらゆる決済ができるスーパーアプリを提供へ

11/18 Linuxによくある謎の記号による処理を説明変数で読みやすくする方法

11/4 アップルが HKmap.live を香港デモを支援するアプリと判断し配信停止

10/21 エラーが発生したときに例外を投げずに返り値としてエラーを返したときの問題

10/7 暗号化PDFを開こうとパスワードを入力すると流出する脆弱性

9/23 Go 言語でよく defer される Close 関数のエラーを捕まえる

9/9 多くの Web サービスのインフラを提供している aws に障害発生

8/26 POSIX の ls コマンドで表示される一覧の区切りの空白は2文字

8/12 Google が Chrome のシークレットモードで有料記事を無料で読める機能を強化

7/29 プログラムとしての定数と仕様としての定数を明確に分けること

7/15 電子決済サービス開始で再び不正利用。7pay の対応の問題とは

7/1 インストール手順にバグがある原因は、スクリプトを作っていないから

6/17 音楽権利情報処理にAWSのブロックチェーン技術が採用される

6/3 インストーラーでインストールする対象のバージョンは、最新版より特定版

5/20 PC上での共同作業をインテリジェンスにする Fluid Framework

5/6 Windows で Python スクリプトを Python の仮想環境の中で起動する方法

4/22 Windows で USB デバイスの安全な取り外しの操作が不要に

4/7 ブール型の説明変数の名前は文にする - リーダブル コード(60)

3/25 グーグルがゲーム ストリーミング サービスに参入、STADIA を発表

3/11 ソースコードが早く読めるようになる、シンプルコメント2 - リーダブル コード(59)

2/25 無料で使えるように改変した iOS アプリを何者かが配布

2/11 ソースコードが早く読めるようになる、シンプルコメント2 - リーダブル コード(58)

1/28 5月1日から変更される新元号の名前の発表が 4月1日に決定

もっと前の記事

自動化ツールのダウンロード

Snap Note 3 mini - サクサク使える自由ノート  new!

Plastic Window 1.20 - ウィンドウを半透明に  new!

Shortcut Director 1.00 - ショートカットのリンク切れ修正

Archives Folderizer SV 1.10 - 圧縮解凍

デジタルスクラップブックSVG Cats 2

その他のツール

オブジェクト指向プログラミング設計

技術資料

All Text composed by T's-Neko ts-neko@sage-p.com,