Skip to main content

なんで文字化けするの?

今日もプログラミングを頑張っていこう!

ブラウザでHTMLチェック・・・

うあぁぁ!?

バグったでござるぅぅぅ

落ち着いてお侍さん!!

それはただの文字化けです。

文字化け・・・

妖怪の仕業でござるね!

違います!

今回は文字化けについてざくっと解説しますので、落ち着いてください!

①文字化けとは

「文字化け」とは、この画像のように読み取れず、どのような言語でもなさそうな文字の羅列になる現象です。

全くもってホラーでござるな!

原因はデータを読み取るときに、間違った文字コードで読み込むとこのような現象がおきます。

うむ?文字コードって何でござるか?

②文字コードとは

文字コードとは、いろんな言語(英語、日本語、アラビア語など)を機械で表現するためにあります。

以前も、こちらの記事でお伝えしたとおり、機械は「0」と「1」しか認識できません。

なんか、その話聞いた気がするでござる。

それで、機械に言語を置き換えるために、文字コード(JIS,EUC,UTF等)というものがあります。

日本語の文字も以下のように16進数の値に置き換えて、機械が認識しています。

日本語の文字JISEUCUTF-16
2422A4A23042
2459A4D93079
2537A5B730B7
※なお、他にもたくさんの文字コードがあります

日本語の「あ」はJISという文字コードでは「2422」になるでざるか。

なるほどー。人間が使う言葉と機械の言葉を変換してくれるでござるなぁ。

③どうして文字化けが発生するのか

では、なぜ文字化けが起きるかというと、データを読み取るときに文字コードが違うからです。

例えば「あ」の場合JISコードでは「2422」ですが、UTF-16では「3042」です。ということは、文字コードの変換を間違えると全く違う文字として表示されるのです。

このように、違う文字コードでファイルを開くと、バグったような表示になります。

私は子供の頃、ウイルス感染したと思い込み、心臓バクバクでした。

確かに、パソコン初心者には怖いでござる。

このため、データが壊れたり、バグったりしているわけではないので安心してください。

また、このような場合は対応する文字コードを読めるソフトウェアを使ってください。ググると大体代わりになるソフトはすぐに見つかります。

Windowsの基本のショートカットキー vol.2

以前、Windowsのショートカットキーについて説明しました。

やったでござるね。
「Ctr+C」で色々コピーして、「Ctr+V」で貼り付けしまくってるでござる。

ホント、ショートカットキーを知っているだけで作業効率が全然違います。今回は、さらに紹介していこうと思います!便利ですので、ぜひ使ってください

①画面キャプチャー 「Win」+「Shift」+「S」キー

Windowsの画面をキャプチャーする時、色んな手段があります。
Windows標準の「Snipping tool」というものを使うこともできますし、キーボードの「PrtSc」キーを押すことでも出来ます。

しかし、今回のショートカットキーを使うと一瞬で必要な個所の切り取りが出来ます。

おぉ。簡単に画像を切り取れるでござる!「Ctr+V」でペイントなどのツールに貼り付けられるござる!

②ワードやPPTなどで文字を太文字にする。「Ctr+B」キー

ワード, PPT, Excel等を使っているときに、文字を太文字にする機会はたくさんあります。
その都度画面上のボタンから設定していると手間です。

めんどくさいでござるよねー。
毎回マウスを合わせないと行けなくてめんどいでござる。

そんな時は、太文字にしたいものを指定して、「Ctr」+「B」をで太文字にできます。

おぉ!!簡単でござる。早く知っておけばよかったでござる。。。

③ウィンドウを閉じる「Alt +F4」

これは古より伝わるショートカットキーです。
Windows画面の✕ボタンをクリックする代わりに「Alt+F4」を押すとウインドウが閉じます。

おぉ。本当でござる。

使い道としては、パソコンでウインドウを閉じるだけですが、例えばウインドウがフリーズした時に連打して強制終了させたりしました。

今後も、パソコンの使いやすい方法などを記事にしていきますのでよろしくお願い致します。

ガントチャートを活用してタスクを整理しよう

さて、この作業は終わったから消込をしよう。

りょうじ殿、何をしているでござる?

ガントチャートという管理表を活用して、仕事やタスクを整理しているんですよ。

がんとちゃあと?甘いお菓子みたいな名前でごさるな

(もしかして、ガトーショコラの事を言っている・・・?)

ITの仕事だけでなく、タスクの管理として有名な管理方法なので、ざくっと解説しますので、理解してください。

色んな職場で活用されてますよ。

ガントチャートとは・・・?

以下の画像は、私がプライベートで雑に作ったものになります。
(タスク名をモザイクかけさせてもらっています)

ふむふむ。やることと、それを行う時期、現在の状況などが書いてあるでござるな。

記載する項目は割と自由で、期間を日レベルで書くことも多いですし、列に「担当者・成果物名・項番」等を追加することもあります。

職場やその人次第でかなりカスタマイズされてて違います。

どのようなツールを使うの?

ガントチャートは、Excelやスプレッドシートを使うでござるか?

正直、その職場や個人の考え方で変わってきます。

業務用としてはExcelが多いと思いますが、専用のプロジェクト管理ツールも世の中に沢山あります。

ガントチャートを作るツール(例)

Excel,googleスプレッドシート

王道のツール。ファイルを送受信する状況では汎用的に使いやすい。
しかし、人によって癖のあるものになる可能性も

REDMINE

サーバを立てることができ、組織やチーム内で独自に管理するには大変お勧め。ブラウザベースで管理でき、プラグインも充実

Microsoft Project

マイクロソフト製品を多用している場合、互換性があってお勧め。
月額課金や購入費が必要。

いろいろツールがあるのでござるね。。。

どれで始めればいいんだろうか・・・

個人でタスク整理するだけであれば、Excelやgoogleスプレッドシートで十分だと思いますよ。

作るのが面倒くさい。

しかし、ガントチャートの項目を作ったりするのめんどくさいでござる。。。

そんな時は、大体グーグル先生で検索すれば、サンプルや無料ダウンロードの物が見つかりますよ。

ちなみに、以下のリンク先はマイクロソフト公式のガントチャート(Excel)があります。

https://templates.office.com/ja-jp/%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB-%E3%82%AC%E3%83%B3%E3%83%88-%E3%83%81%E3%83%A3%E3%83%BC%E3%83%88-tm16400962

Excelマクロや式を組み込めば、自分の思い通りにカスタマイズできるのでプログラミングの練習だと思ってアレンジしまくっていきましょう!!

Windows便利機能-ウインドウ枠を一斉に最小化

たくさんウインドウを開いていて、閉じるのが面倒でござる。

長時間作業をしていると、あるあるですよね。
今回簡単にウィンドウズ枠を収納する方法をざくっと3つご紹介します。

①ウィンドウズバーをつかんでフルフルする

ちょっとコツがいるでござるが、知らなかったでござる!!

②「Win」キー+「D」ボタン

すーぱーはっかーになった気分んでござる!

③タスクバーの右下のスペースをクリックする

拙者はまうすを使うから、この方法が楽でいいでござる!

こういった小技も、このブログでは紹介していきますね。


if文とは?

for文に続き、if文にも触れていきたいと思います。(過去のブログはこちら

このif文はよく見るでござる。

Excelの式とかでも見たことがあるでござる。

if文は、言葉の通り「もしも」という意味で、条件を付けてあげることで、のちのプログラム処理を変えてあげることができます。

割とシンプルでござるな。

上の図のように、多くのプログラムでは、条件部分が正と誤で、別の処理を行います。

言語によっては、Switch分、case分など複数の条件と処理ルートを一度に表現するものもあります。

とりあえずこのif文さえ扱えれば、いろんな処理の分岐が出来るので、プログラムっぽくなります。

なるほど。でもこのif文、やっぱりHTMLでは出てこないでござるよな?

はい。HTMLやCSSはWEB画面のデザインを担当しているので、このように条件が変わった時の処理などを扱いません。

その代わりにJavaScriptやphpなどのプログラミング言語で、HTMLで入力されたデータを処理しましょう。

その辺りは、また解説していきたいですね。

繰り返し処理(for文)の意義

今回は、プログラミングの基本である繰り返し処理(for文)についてざくっと解説していきたいと思います。

拙者は、HTMLとCSSを知ってるが、繰り返し処理なんか知らないでござる。

その二つの言語の場合は、「ウェブ画面を作る」と言う意味合いが強いので、繰り返し処理は活用しないですよね。

でも、JavaScriptやC言語などのメジャーな言語では、この繰り返し処理は基本の基本です。

超基本ですので、HTMLやCSSを中心で書いている人も、一応覚えておきましょう。

for文の書き方は、言語によって多少異なりますが以下のような書き方となります。

この3つのコード全てで、”Hello World”という文字列を5回表示させるプログラムになります。

これって別にfor文使わなくても、5回同じ文章をコピペすればよいのでは?

確かに、それでも同じように表示することができます。

しかし例えば、数万行の文字列を表示させようと思った時に、一つ一つコードを書いて表示させることは大変です。

一方、「for文を活用して1行目から数万行目まで表示させる」ってしてしまえばプログラムもシンプルですし、簡単に表示させてあげることができます。

な、なるほど。。。

for文は、プログラミングの基本です。
違う言語でもちょっとルールが違うこともありますが、基本的に同じです。
自分の好きな言語で、どんどんコーディングしていって、理解を深めましょう!

HTMLで簡単に実装できるJavaScriptでやってみるでござる!!

相対パスと絶対パス

作成したHTMLファイルをサーバにアップするでござる。

あれ・・・?URLリンクが開けないでござる・・・。

お侍さん、順調・・・じゃなさそうですね。
どれどれ・・・あー絶対パスでリンクを設定してそうですね。
相対パスで記載すれば解決すると思いますよ。

ぜったい?そうたい?

じゃあ基本からざくっと解説しましょう!

絶対パス

絶対パスは、完全なファイルやURLの場所といったイメージです。

例えば、このブログサイトは「https://rakuraku-ict.com/zakutto/」というパスになります。

フルパスとも呼ばれます。

うむ。ブラウザに表示されているものを全部コピーでござるな。

相対パス

相対パスは、「とある地点からパスという場所を指定する」感じです。

表記が楽になったでござる!

でも、簡略化できるだけでござるか・・・?

パスの形式の使い分け

それぞれ、以下のように特徴があります。

特徴を理解して使い分けましょう!

<絶対パス>

  • パスのすべてを表記するので、確実にパスを指定できる
  • 階層型のもの(ファイルやURL)等では、逐一パスを記載していると大変
  • 外部WEBサイトを参照するときに使用

相対パス

  • 自分のWEBサイトなど、ファイルの配置場所が分かっている場合は相対パスが圧倒的に楽
  • ./や..などの相対パス特有の記号の使い方を学ぶ必要がある
  • 外部のWEBサイト参照には使えない

ふむふむ。拙者外部リンクも、自分のWEBサイト内のリンクも絶対パスにしてたでござる。

パソコン内部の絶対パスと、サーバ上の絶対パスは表記が変わるので注意しましょう!
(PCだと「C:\Users\Yorimichi\HTML」みたいなのが、サーバだと「D:\ServerX\HTML」みたいな感じで前半の部分が絶対パスだと間違ったりします。)

IE(Internet Explorer)のサポート期間終了って何を気をつければいいいの?

ふむふむ。IEのサポートが終了。。。

らしいですねー。企業内では、IEをバリバリ使っているところもあるから、大変ですねー。

うむ?そもそもサポートが切れて、どうなるでござる?

では、その辺りの事を今回ざくっと説明しますね。

まず、IEというのはインターネットブラウザという点は大丈夫ですね?

うむ。インターネット上のWEBサイト(HTML等)を見るためのツールでござる

その通りです。
復習したい場合は、こちらをご参照下さいね。

ブラウザの代表格としてgoogleが開発したchormeが有名ですが、その他にもsafariやFirefoxなどもありますね。

今回は、Microsoftが長年提供してきたIE(Internet Explorer)のサポート期間が終わるという話になります。

サポート期間とやらが終わると、どうなるでござるか?

サポート期間が終了したのに、そのツールやシステムを使用しているとざくっと言うと、ウイルス感染したり、PCを乗っ取られやすくなったりとセキュリティ上のリスクが大きくなります。

なんだかやばそうでござる

実際、サポート無しのブラウザを使用し続けることは、かなり危険です。
このため、以下のように対応しましょう。

<個人の場合>

・ブラウザやソフトウェアは、常時最新のものにする
・アップデートできなくなったサポート切れの物はアンインストールする
・怪しいサイトやクレジットカードなどは入力しない

<企業の場合>

・個人の場合の対応に加えて、企業としての方針を決める。
・固有の機能(例えばIEでしか動かせなかった機能等)を調査する
・他のブラウザに移行するためにシステム改修を行う。

企業さんは、なんだか大変そうでござる。

逆にいうと、IEから他のブラウザにプログラムを移行させる作業がありますため、エンジニアの方々は仕事が増えるということになります。
このため、お侍さんも、頑張って実力をつけていってくださいね!

クラウドサービスとオンプレ構築のメリット・デメリット

よーし。コーディングの作業も終わったー。

じゃあ、クラウド上にアップして、今日の仕事は終わりにしよう!

今更でござるが、クラウドって何でござるか?

なんだか、みんな普通に使っている言葉だが、よくわからんでござる。

じゃあ、今回はクラウドっていう言葉が、どういうものなのかざくっと説明しますね!

一方、企業内に自前でサーバー確保したりすることを、オンプレ(オンプレミス)と呼びます。

こちらもざくっと説明します!

クラウドは、以下の図のようにインターネットに常に繋がっているサーバやシステムなどを、ざくっと指します。

ふむふむ雲の先にある感じのシステム・・・

これって、今の生活のシステムはほとんどクラウドなんじゃ・・・?

はい。その通りです。

レンタルサーバもクラウドサービスですし、ブログもクラウド。Googleドライブでファイルを保存しておくこともクラウドストレージを活用してます。

・・・じゃあオンプレミスってどんな感じでござるか?

例えば企業内でサーバー(物理)を購入し、ネットワークを構築し、自前でアプリケーションを使えるようにした感じですね。

まだまだ多くの企業はオンプレのシステムを抱えていますし、外部のからアクセスを遮断をすることで、セキュリティを高めたりしています。

うむ。クラウドとオンプレのメリット・デメリットってあるでござるか?

ざくっというと、以下のような感じになります。
一概には断定できないため、ケースバイケースであることを、ご承知の上、ご確認ください。

とりあえずお金の無い拙者は、クラウドサービスを活用するでござる!

        クラウドサービスオンプレ構築
メリット・導入コストが安い
・保守・サポートもセットの物が多い
・月額課金形式が多く、利用した分だけの支払いでOK
・自由度が高く、カスタマイズ性が高い。
・自分の資産として計上することが出来る
・技術者としては、1から学べることが多い
デメリット・サービスによっては、カスタマイズ性が低いことも
・サーバーが海外に配置されていた場合、海外の法律に従う
・導入・運用・維持のコストが高い
・自分たちで保守サポートや人員が必要




IT業界の言葉が分かりづらくて辛い vol.1

(TEL中)このプロジェクトは、B to B向けの案件なので、顧客のターゲッティングユーザーfix しといてください。

り、りょうじ殿。急に呪文を唱えだしてどうしたでござるか・・・?

お疲れ様です、お侍さん。

実は、同僚と電話をしていたのですが、ITの横文字が好きな人だったので、相手に合わせて使っていたんですよ。

IT業界では、それが普通でござるか?

会社・部署・人で、どれだけ専門用語や横文字を使うかは違いますね。

まずは、話を何となく理解するために、よく使われる言葉だけざくっと解説しましょう!

業界っぽい用語ざくっとした意味
アウトソース(アウトソーシング)外部発注の意味。プログラムや設計書等を外部の取引先に依頼すること。
エンドユーザーそのシステムを利用する人。
お客さんとは限らない。(お客さんが第三者にサービスを提供したい場合もある)
カットオーバー新しいシステムを公開すること。
同じような言葉でサービスインという言い方もある。
ターゲティングそのシステムやサービスを利用する層(年齢、性別、業種など)を定めること。
デプロイサーバにプログラムや機能を配置すること。
本番機やテスト機などに配置する際に、特に言う。
クライアント顧客の意味。
クライアントPCだと、通常のパソコンのようなイメージになる。
フィックス根回しをした結果、誰かと何かを合意した感じ。
ペンディング保留や先送りという意味。
ペンディングの方が、言葉がかっこいいので、何となく上司に容赦されそうなイメージ。
リソース人・物・金などの資源の事を指す。このため、「開発リソースが足りない」と言う場合、「人や技術不足」というイメージ。
リリースシステムやサービスを利用者の公開する。
リスケスケジュールや締め切りを再設定する。

・・・これって日本語じゃだめでござるか?

・・・

・・・基本、日本語でOKです。

但し、ITの用語や仕組みは、米国発祥の物が多いので、英語に慣れておくことはITの理解に繋がりやすくなります。

また、その業界や職場での共通言語は理解しておかないと、内容を食い違ってしまうこともあります。

面倒かもしれませんが、それぞれの意味を使っていく中で言葉を検索して、意味を理解していきましょう!