【パソコン選び】普段使いのPCを快適に楽しく使うなら、Mac Book とSurfaceでこれを選ぶのがオススメ
普段使いのパソコンを選んでいくなかで、
どのような使い方をするのかは、
その人によって全く違います。
しかし、
一般的によく使う内容として、
- ネットで動画を見ている時間
- ネットで調べ物をしている時間
のほとんどを占める人が、
普段のパソコンを使う理由として、
大きい理由としてあります。
そんな普段使いのパソコンに対して、
なかなか動きが重くて困っている方など、
次に買うパソコンを迷っている方には、
Mac BookとSurfaceで自分に合うパソコンを
選んで購入するのが非常におすすめです。
この記事では、
Mac BookとSurfaceがおすすめである理由などを、
初心者にもわかりやすく説明していきます。
【パソコン選び】普段使いのPCを快適に楽しく使うなら、Mac Book とSurfaceでこれを選ぶのがオススメ
パソコンを使う上で、考えておきたいこと
パソコンを使う方で、
パソコンに性能を必要とすることとして、
- 動画編集
- プログラミング学習
などがあります。
これらを行わない人に関しては、
パソコンを買う上で、
家電の店舗でおすすめされるスペックのパソコンは、
そこまで必要ないことが多いです。
自分自身が、
上記のようなパソコンに負荷が行うのか、
全く行わないのかは、
パソコンを選ぶ上では重要なので、
まずは、この点を自分の中で整理しておくと良いでしょう。
動画閲覧やネット検索では、最高スペックは必要ない
パソコンを買う上で、
ネット検索やサイト検索をメインで行うのであれば、
パソコンのスペックとして最高スペックは「必要ない」
ということを覚えておきましょう。
実際に使っていく中で、
パソコンの動きとして、
- 動画やネット検索でタブを複数開いても動きに問題がない
- アプリの起動が不満を持たないスピードである
- パソコンの起動や再起動のスピードにストレスを感じない
という点が重要です。
実際にパソコンを使っていく中で、
最低限の応答速度があれば、ストレスは大幅に減る
ということがあるので、
この記事でもお勧めするパソコンなどは、
「コスパ」の観点でもおすすめの商品なので、
ストレスを感じずに快適な環境で、
毎日を過ごせるようにしていきましょう。
まずは、Excel / Wordなどのオフィスソフトを使いたいかを考える
実際に使うパソコンを考えていく中で、
SurfaceやMac Bookをおすすめしますが、
1点、最初に自分自身で決める必要があることがあります。
それが、
ExcelやWordなどの「オフィスソフト」を使う必要があるのか
という点です。
普段使いの中でも、
- 自分の仕事に関わることも少しパソコンを使って行いたい
- 資料作成などの作業にも使えるようにしておきたい
という人は、
上記に当てはまるので、
このような人に関しては、
Excel / Wordが標準で付いている「Surface」を選択する
ということがおすすめです。
実際のSurfaceに関して、
どれがおすすめなのかを紹介していきます。
Excel / Wordを使うなら「Surface Laptop」

Excel / Wordを使う上で、
Surfaceがオススメと紹介しましたが、
そのSurfaceの中でも、
おすすめのパソコンが、
Surface Laptop
を選ぶことをオススメします。
なぜ、Surface Laptopがオススメなのかというと、
- ソフトウェアとして「Office」が付いてくる
- パソコンのスペックと価格のコスパが良い
- 持ち運びなども楽なノートPCサイズで使い勝手が良い
というメリットがあるので、
Excel / Wordを使いたいという方に、
おすすめのパソコンとして紹介しています。
特にポイントとして、
他のSurfaceのシリーズでは、
「Office」が標準ではなく、
Office 365など、オプションでつける必要があり、
初心者の方には、なかなかハードルが高いことがあります。
その点に関して、

このように、
標準でついているので、
Office 365などに関して理解できない部分がある人であれば、
このSurface Laptopを選ぶのがおすすめです。
Excel/Wordを使わず、動画閲覧などがメインならMac Book Air /Proがおすすめ

ExcelやWordを使う方は、
Surface Laptopがオススメであると紹介しました。
そんなExcel /Wordに関して、
「Office」は全く使うことがない
という方には、
- Mac Book Airの256GBストレージ
- Mac Book Pro(13インチ)の256GBストレージ
のどちらかをオススメしています。
まず、
Mac Book Airの256GBに関しては、
最低限の性能を持ちながら、軽くて持ち運びが楽
というのがポイントです。
次に、
Mac Book Pro(13インチ)の256GBストレージ
に関しては、
性能をAirよりも持ちながら、コスパが良い
ということがポイントです。
Mac Book Proシリーズには、
モニタサイズがいくつかありますが、
コスパの観点で考えると、
サイズは一番小さな13インチを選ぶと良いでしょう。
Linuxで鍵情報の作成とSSH接続をする時の対応メモ
簡単にメモとして残しておく。
SSHのキーファイルの作成と設定のメモ
キーファイルの作成
キーファイルの作成を行うコマンド。
作成としてメールアドレスを設定に含める。
ssh-keygen -C "email@sample.com"
キーファイルの確認
先ほどのコマンドで、
~/.ssh
のフォルダに
- id_rsa
- id_rsa.pub
の2つが作成されていればオッケー。
キーファイルの設定
キーファイルの設定は、
id_rsa.pub
のファイルをサーバ側に設定して、
id_rsa
のファイルで、
クライアントから接続する。
ssh -i ~/.ssh/id_rsa user@【サーバのIPアドレス】
ElasticsearchとKibanaの初期設定
Ubuntuの確認
Ubuntuのバージョン確認
コマンドラインで確認
$ lsb_release -a
No LSB modules are available.
Distributor ID: Ubuntu
Description: Ubuntu 20.04.2 LTS
Release: 20.04
Elasticsearchの確認
Elasticsearchのバージョン
コマンドラインで確認
$ curl -XGET 'http://localhost:9200'
{
:
"version" : {
"number" : "7.15.1",
},
}
Kibanaの確認
Kibanaのバージョン
画面から確認

Elasticsearchのインストール
Ubuntuに対して、Elasticsearchをインストール
Elasticsearchの初期設定
Elasticseachのメモリ使用量
メモリを使用すぎてサーバに負荷をかけてしまっていたので、
設定から使用量を設定した。
修正ファイル
sudo vi /etc/elasticsearch/jvm.options
修正内容
-Xms1g
-Xmx1g
ElasticseachのCORSの設定
メモリを使用すぎてサーバに負荷をかけてしまっていたので、
設定から使用量を設定した。
修正ファイル
sudo vi /etc/elasticsearch/elasticsearch.yml
修正内容
http.cors.enabled: true
http.cors.allow-origin: "*(or IP)"
メモリを使用すぎてサーバに負荷をかけてしまっていたので、
KibanaのXPACKの停止
Kibanaの画面でセキュリティエラーが起きていたので、面倒なので停止させた。
修正ファイル
sudo vi /etc/elasticsearch/elasticsearch.yml
修正内容
xpack.security.enabled: false
Kibanaの日本語化
Kibanaの画面を日本語化することができるので設定させた。
修正ファイル
sudo vi /etc/kibana/kibana.yml
修正内容
i18n.locale: "ja-JP"
稼いだお金の収支を把握してない!?自分なりに把握しないと無駄遣いに繋がる
会社員として働いたり、
自営業やフリーランスとして働くなど、
さまざまな働き方が可能な時代です。
そんな中で、
「働いて稼いだけれど、なぜか手元にお金が残らない」
という人もいます。
そういう人は、
- 稼いで「入ってくる」お金
- 使って「出ていく」お金
の2つの項目について、
収支を把握することを始めてみましょう。
「稼いで「入ってくる」お金」
については、
入金される日などに、
口座を確認して確認している方は多いと思います。
一方で、
「使って「出ていく」お金」
については、
自分なりに把握できておらず、
収支の中の支出が把握できていない人が多いです。
もし、
あなたが、
「毎月、なぜか手元にお金が残らない」
ということに悩んでいるのであれば、
まずは支出を把握するところからはじめましょう。
そのために、
口座の中から支出の項目を把握する必要がありますが、
楽に管理する方法として、
- 銀行をリアル店舗ではなくネット銀行に変更する
- 口座の入出金明細をアプリで確認する
という2つに取り組むと良いでしょう。
KibanaでWarning: 299が発生した件
Ubuntuの確認
Ubuntuのバージョン確認
コマンドラインで確認
$ lsb_release -a
No LSB modules are available.
Distributor ID: Ubuntu
Description: Ubuntu 20.04.2 LTS
Release: 20.04
Elasticsearh
導入した方法、バージョンなど
以下の記事を参考
Kibana
導入した方法、バージョンなど
以下の記事を参考
発生したエラー
試していたこと
KibanaのAnalyticsのDiscoverを試していた
エラー表示
画面上に以下のようなエラーが発生

Warning: 299 Elasticsearch-7.15.1
"Elasticsearch built-in security features are not enabled.
Without authentication,
your cluster could be accessible to anyone.
See https://www.elastic.co/guide/en/elasticsearch/reference/7.15/... to enable security."
対応した方法
参考にした記事
修正ファイル
/etc/elasticsearch/elasticsearch.yml
ファイル内に追記した設定
xpack.security.enabled: false
UbuntuにKibanaをインストール
Ubuntuの確認
Ubuntuのバージョン確認
コマンドラインで確認
$ lsb_release -a
No LSB modules are available.
Distributor ID: Ubuntu
Description: Ubuntu 20.04.2 LTS
Release: 20.04
Kibanaのインストール
参考にしたサイト
コマンドを以下のサイトで確認
https://www.elastic.co/guide/en/elasticsearch/reference/current/deb.html
インストール
apt-get コマンドでインストール
sudo apt-get install kibana
Kibanaを動かす方法の種類の確認
「SysV init」か「systemd」なのかで違うようなので、
まずは、以下のコマンドで確認すると良いらしい
ps -p 1
実行すると、
以下のように自分の環境だとsystemdらしい。
$ ps -p 1
PID TTY TIME CMD
1 ? 00:10:51 systemd
Elasticsearchの起動
起動
sudo systemctl start kibana.service
停止
sudo systemctl stop kibana.service
Kibanaの起動確認
デフォルトで5601ポートを使っているので、
lsofコマンドで確認する。
$ sudo lsof -i:5601
COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME
node 830324 kibana 45u IPv4 5966686 0t0 TCP localhost:5601 (LISTEN)
UbuntuにElasticsearchをインストール
Ubuntuの確認
Ubuntuのバージョン確認
コマンドラインで確認
$ lsb_release -a
No LSB modules are available.
Distributor ID: Ubuntu
Description: Ubuntu 20.04.2 LTS
Release: 20.04
Elasticsearchのインストール
参考にしたサイト
コマンドを以下のサイトで確認
インストール
apt-get コマンドでインストール
wget -qO - https://artifacts.elastic.co/GPG-KEY-elasticsearch | sudo apt-key add -
sudo apt-get install apt-transport-https
echo "deb https://artifacts.elastic.co/packages/7.x/apt stable main" | sudo tee /etc/apt/sources.list.d/elastic-7.x.list
sudo apt-get update && sudo apt-get install elasticsearch
Elasticsearchの動かす方法の種類の確認
「SysV init」か「systemd」なのかで違うようなので、
まずは、以下のコマンドで確認すると良いらしい
ps -p 1
実行すると、
以下のように自分の環境だとsystemdらしい。
$ ps -p 1
PID TTY TIME CMD
1 ? 00:10:51 systemd
Elasticsearchの起動
起動
sudo systemctl start elasticsearch.service
停止
sudo systemctl stop elasticsearch.service
Elasticsearchの起動確認
デフォルトで9200ポートを使っているので、
lsofコマンドで確認する。
$ sudo lsof -i:9200
COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME
java 828030 elasticsearch 290u IPv6 5914830 0t0 TCP ip6-localhost:9200 (LISTEN)
java 828030 elasticsearch 291u IPv6 5914831 0t0 TCP localhost:9200 (LISTEN)
MySQLに外部からアクセスを可能に設定
MySQLの確認
MySQLのバージョン確認
mysqlのコマンドラインで確認
mysql -V
実行結果
$ mysql -V
mysql Ver 8.0.27-0ubuntu0.20.04.1 for Linux on x86_64 ((Ubuntu))
外部アクセス用の設定
外部アクセス用のアカウントの作成
mysql内のコマンドで作成
CREATE USER "local-user"@"123.123.123.123" IDENTIFIED BY "password";
権限の追加
mysql内のコマンドで権限追加
GRANT ALL PRIVILEGES ON *.* TO "local-user"@"123.123.123.123";
MySQLのConfファイルの設定変更
修正対象ファイルは「mysqld.cnf」
cd /etc/mysql/mysql.conf.d
vi mysqld.cnf
対象ファイルを調整
[修正前]
bind-address = 127.0.0.1
mysqlx-bind-address = 127.0.0.1
[修正後]
bind-address = 0.0.0.0
mysqlx-bind-address = 0.0.0.0
MySQLの再起動
「mysqld.cnf」を変更したら、反映のために再起動
$ /etc/init.d/mysql restart
Seleniumのバージョン確認と再インストール
Seleniumの確認
インストール済みのバージョン確認
pythonのコマンドラインで確認
$ python3
Python 3.8.10 (default, Sep 28 2021, 16:10:42)
[GCC 9.3.0] on linux
Type "help", "copyright", "credits" or "license" for more information.
>>> import selenium
>>> selenium.__version__
'4.0.0a1'
Seleniumの再インストール
Seleniumの削除
Seleniumをaptコマンドで削除
$ apt remove python3-selenium
Reading package lists... Done
Building dependency tree
Reading state information... Done
:
The following packages will be REMOVED:
python3-selenium
0 upgraded, 0 newly installed, 1 to remove and 90 not upgraded.
After this operation, 588 kB disk space will be freed.
Do you want to continue? [Y/n] Y
(Reading database ... 197911 files and directories currently installed.)
Removing python3-selenium (4.0.0~a1+dfsg1-1.1) ...
Seleniumのインストール
Seleniumをaptコマンドでインストール
$ apt install python3-selenium
【コマンド】Dockerを立ち上げたあとなどに使うコマンド
Dockerを立ち上げようとして、
- Dockerfileというファイルを作成する
- ビルドしてDockerイメージを作成する
- Dockerイメージからコンテナを作成する
- コンテナに接続してログインする
という手順を行ったのだが、
その時の手順は以下にまとめているので、参照してください。
【簡易サンプル】Dockerの基本的な手順とコマンドサンプル
上記をやってみたあとに、
- Dockerのイメージの確認
- Dockerのコンテナの確認
- Dockerのコンテナの停止と削除
などを行おうとしたとき、
うまくコマンドや手順がわからなかったのでメモ。
Dockerコンテナの操作
コンテナの一覧確認
以下のコマンドで確認する
docker ps
確認結果
$ docker ps
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
22c015f31ba6 go "bash" 6 seconds ago Up 5 seconds go
コンテナの削除(事前に停止が必要)
コンテナを削除しようとする場合は、
事前にコンテナを停止する必要がある。
まずは、先程のコンテナ一覧を確認。
確認コマンド
docker ps
確認結果
$ docker ps
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
22c015f31ba6 go "bash" 6 seconds ago Up 5 seconds go
この「CONTAINER ID」を確認する。
「CONTAINER ID」を使って停止する
コマンド
docker stop [container-id]
実行結果
% docker stop 22c015f31ba6
22c015f31ba6
コンテナとして動いているのかを確認するためには、
これで停止されたので、
同じ「CONTAINER ID」を使って、
コンテナ自体を削除します。
コマンド
docker rm [container-id]
実行結果
$ docker rm 22c015f31ba6
22c015f31ba6
これでうまくコンテナ自体が削除できました。
Dockerイメージの操作
イメージの一覧確認
Dockerイメージの一覧を確認するには、
以下のコマンドで確認します。
コマンド
docker image ls
確認結果
$ docker image ls
REPOSITORY TAG IMAGE ID CREATED SIZE
go latest d8fbddf8cfb5 20 hours ago 769MB
ubuntu latest ba6acccedd29 3 days ago 72.8MB
イメージの削除
Dockerイメージの削除は、
上記の一覧確認の中の「IMAGE ID」を使います。
コマンド
docker image rm [image-id]
実行結果
$ docker image rm d8fbddf8cfb5
Untagged: go:latest
Deleted: sha256:d8fbddf8cfb502ea019feeed24ee212602c6227ab1e64a4433c99826419cfeaf
Deleted: sha256:5d242dcb1ee1465128f1caa69566dd47e3bc7ca5f47c2bc8afb08848c3ec785f
Deleted: sha256:b9196b29827e599c13e8055ace34c1ef8a48a96d63273267b03bdc75f042a1b2
Deleted: sha256:72c89820a85f94f29c2f6bb53b5e0de35567c8f962df240f0ad86e0f31508b16
Deleted: sha256:e7ddd108fa791647d4bd5c4eb8b69474dfb8f18f1d5054290932fd5bb92dec7d
Deleted: sha256:a7ef743109cefc56222027d909b53042015a1004573024a7fe88d1f5e8204fb2
Deleted: sha256:4cb94a4afbd30a8e76b54d2b3a9610e00e7d50ffaab6a46b4a9cbbc4de7c8f8a
Deleted: sha256:778dff3870eccb8e890e13093c699298c4975bb7fdfd8141689eb8615466eb74
Deleted: sha256:38a659e2b02788f3b98f6e4aed628ffad5dd004300d5a2ea93e263d450301e69
Deleted: sha256:2baa14312d2999f8fd14dd9e2c9a2b80190c9a200c54586d7599645e723f0c25
Deleted: sha256:3657684b40e165fdf4f0f968178edf6851ada6457bbde346a16c247a30cd0003
Deleted: sha256:e04f0eac482c267ff6739238a789438cfeb3b8ceba7233145b6db401e8a818b4
Deleted: sha256:57b268d31ab7fd21e6731cda4854ebe3d407975364dde514034282748d6b6bda
Deleted: sha256:a07004eb3988d1fe589c5ce4b35bb43da32595ec3a334af3f328b4a2aabe77db
Deleted: sha256:5c88b69d9751da9db5470eac9d21d8708cb97852b183b41bf508cf0ab2a64865
Deleted: sha256:a81bb9181300f6b3265d7a14678ec83a1a3f1671502a33acb30934e049b7c113
Deleted: sha256:b1e712fa0caabc35d404bdad492a284230171797ac451d28a3272fb15e46a09f
Deleted: sha256:8109ee88d14465f8be1552647cafb7b719179882a70dd576d4fd998f1a054ceb
Deleted: sha256:10cb351232b81619c2cebe379511d22699cf2c1ae84563fc274546ab77b54c10
Deleted: sha256:73ce0066437f5a80c61944b24296ab76771c55d0061c8b9798bd19f9eb7b6bfa
Deleted: sha256:3fae9174e5a384ebc939d19d3946523b2a25a69755147013782baf91310d5942
Deleted: sha256:645f0d547dfe945d0c0dfa786225f721fe0d9f8dcdd1ed5a17b07dadebf2125c
Deleted: sha256:250aa89c7d28eaccfe9f32995e4e0f22812b4fab3b3fd6460e47b3c523541f50
実行後に削除されていることを確認
コマンド
docker image ls
確認結果
$ docker image ls
REPOSITORY TAG IMAGE ID CREATED SIZE
ubuntu latest ba6acccedd29 3 days ago 72.8MB
対象のDockerイメージが削除されていますね。
最終的に綺麗になくすと
$ docker image ls
REPOSITORY TAG IMAGE ID CREATED SIZE
この表示だけになるので、
全て削除されたか確認するときは上記で確認しましょう。
イメージを全削除
Docker のイメージを全て削除してよかったら、
以下のコマンドで一括削除が可能。
コマンド
docker rmi $(docker images -q) -f
実行結果
$ docker rmi $(docker images -q) -f
Deleted: sha256:5326128db4b889426b1fa2e04390a386ae6e9bef3194ed120a8df47edeb66f4a
Deleted: sha256:76c46ac6bc3d59f696bc78830c81b9ea246ed83aa8c64476d434fc1357e08b0d
Deleted: sha256:b1475656391fa6dded1c2249fe99086120e55f8845a81b99cf958c1f96efd1d9
Deleted: sha256:5662be071f94848bf8f9fd0c0632881e5f671c7dc666b026cbbb0ac0fa6fbd48
Deleted: sha256:6530f7d224671ba446ec40373f27790658ae1f8b6578339c50b7d4ab50667a84
Deleted: sha256:c252564b8c60b2421bc4dca3224f482adf7771add046cf4b580650e4514df462
Deleted: sha256:c936c415d95e5276cf9a948f4ca03009caa388f0c0dbb6bf6d953b634354b7a3
Deleted: sha256:f8c2f4626a059d2bf67bed1f38b9edd60c474ea398e000e610c4591300f06647
Deleted: sha256:db56946d8d05f97f8442e54a23eaf211b7133c72e943702af97c7c13adbf3721
Deleted: sha256:33099551c13419a2b73383942bd793dec8fa9f69a79cfa6eaf4ab1da344323a7
Deleted: sha256:057bcb3d20cd47090eee23d7ef8c96f9941c243c8de82cee2dcb39573b5b8bf9
Deleted: sha256:fe4abcba9e6d9efe996f4df98dc76d60513223f56157f7d8434549b1e4a80c32
Deleted: sha256:0897d6a390a966080f75d02fa8b3dc40f5eafeca5ce32dc97705a9b80e7d9ae8
Untagged: ubuntu:latest
Untagged: ubuntu@sha256:626ffe58f6e7566e00254b638eb7e0f3b11d4da9675088f4781a50ae288f3322
Deleted: sha256:ba6acccedd2923aee4c2acc6a23780b14ed4b8a5fa4e14e252a23b846df9b6c1
このコマンドで全て削除することができます。
消えたかを確認すると、
コマンド
docker image ls
確認結果
$ docker image ls
REPOSITORY TAG IMAGE ID CREATED SIZE
という感じで、すべてのDockerイメージが消えています。
Vue3/TypeScriptのプロジェクトを作る
Vueのプロジェクト作成において、
TypeScriptを使おうとした時に、
こちらの記事のように、
既存のプロジェクトに追加する形で使おうとしたが、
表示など、一部、うまくいかなかったので、
最初からインストールする形で、
Vue3/TypeScriptのプロジェクトを作成した。
Vue
Vue.jsの公式サイト
https://v3.vuejs.org/guide/installation.html#npm
プロジェクト作成前の準備
$ npm i -g @vue/cli
Vue3 / TypeScriptのプロジェクト作成
$ vue create sample-project
自分でセレクトして入れるを選択。
そして、
以下の選択で、
デフォルトで「TypeScript」が外れているので選択。
Vue CLI v4.5.13
? Please pick a preset: Manually select features
? Check the features needed for your project:
◉ Choose Vue version
◉ Babel
❯◉ TypeScript
◯ Progressive Web App (PWA) Support
◯ Router
◉ Vuex
◯ CSS Pre-processors
◉ Linter / Formatter
◯ Unit Testing
◯ E2E Testing
Vue.jsのバージョンを聞かれるので「3.x」を選択
? Choose a version of Vue.js that you want to start the project with
2.x
❯ 3.x
それ以降はデフォルトでも良い(変えても良い)。
そこからインストールが進んで完了。
$ vue create sample-project
:
🎉 Successfully created project automation.
👉 Get started with the following commands:
cd sample-project
npm run serve
上記の完了時のメッセージ内のコマンドに沿って、
コマンドを実行する
$ cd sample-project
$ npm run serve
:
DONE Compiled successfully
App running at:
- Local: http://localhost:8080/
- Network: http://192.168.11.23:8080/
これで画面表示で、「TypeScript」の表示が出ればオッケー。
画面表示の例

Vueのプロジェクト作成でtypeScriptに対応させる
Vueのプロジェクト作成において、
typeScriptを使おうとした時のメモ。
Vue
Vue.jsの公式サイト
https://v3.vuejs.org/guide/installation.html#npm
実際のコマンド(公式サイトより引用)
$ npm install vue@next
$ npm install -g @vue/cli
$ vue upgrade --next
# npm 6.x
$ npm init vite@latest <project-name> --template vue
# npm 7+, extra double-dash is needed:
$ npm init vite@latest <project-name> -- --template vue
$ cd <project-name>
$ npm install
$ npm run dev
typeScript追加
$ vue add typescript
エラー…
Invoking generator for @vue/cli-plugin-typescript...
ERROR Error: Cannot find module '@vue/cli-service/generator/template/src/App.vue' from '〜/src'
Error: Cannot find module '@vue/cli-service/generator/template/src/App.vue' from '〜/src'
対応
$ npm install --save-dev @vue/cli-service
再実行
$ vue add typescript
:
✔ Successfully invoked generator for plugin: @vue/cli-plugin-typescript
Macnrbenvでエラー「error: failed to download ruby-x.x.x.tar.bz2」
Macを使っている中で、
rbenvを使ったバージョン変更時にエラーになった。
エラー
rbenvでのバージョン変更
$ rbenv install x.x.x
Downloading ruby-x.x.x.tar.bz2...
:
error: failed to download ruby-x.x.x.tar.bz2
rerboseをつけて実行確認
$ rbenv install --verbose x.x.x
Downloading ruby-x.x.x.tar.bz2...
:
curl: (1) Protocol "https" not supported or disabled in libcurl
error: failed to download ruby-x.x.x.tar.bz2
エラー…
curl: (1) Protocol "https" not supported or disabled in libcurl
上記が対象なので、
Mac上での対応を調べる。
参考記事
https://github.com/git-ftp/git-ftp/issues/503
実際に対応した内容
brew install libssh2
brew install openssl
# in downloaded curl directory
./configure --with-libssh2 --with-ssl=/usr/local/opt/openssl
make
make install
Gitコマンド一覧
Gitコマンドのメモ
Gitコマンド
クローンの取得
$ git clone https://〜
ローカルリポジトリへの追加(全て)
$ git add .
ローカルリポジトリへの追加(ファイル指定)
$ git add sample.txt
ローカルリポジトリのaddの取り消し(ファイル指定)
$ git rm --cached -r sample.txt
ローカルリポジトリのaddの取り消して、完全にやり直す
$ git rm --cached -r .
ローカルリポジトリにコミットする
$ git commit -m "残すコメント"
リポジトリ本体に反映
$ git push
Seleniumでの複数タブ開いた時の閉じる操作(Python)
Seleniumを
ポートを閉じたり、開いたり、
その設定方法をメモ。
バージョン情報
Python
# python3 -V
Python 3.9.6
Chrome Driver
$ chromedriver -V
Starting ChromeDriver 94.0.4606.61
Selenium
Seleniumドキュメント
https://www.selenium.dev/ja/documentation/overview/
解決方法
ウィンドウの取得
handles = driver.window_handles
ウィンドウ切り替え
driver.switch_to_window(handles[idx])
ウィンドウを閉じる
driver.close()
Laravelでcross-envが見つからない
CentOS8に対して、
ポートを閉じたり、開いたり、
その設定方法をメモ。
バージョン情報
CentOS
# lsb_release -a
No LSB modules are available.
Distributor ID: Ubuntu
Description: Ubuntu 20.04.2 LTS
Php
$ php -v
PHP 7.4.3
Laravel起動時のエラー
Laravelの起動をトライ
起動コマンド
$ npm run watch
エラー
sh: 1: cross-env: not found
解決方法
cross-envのインストール
$ npm install --global cross-env
/usr/local/bin/cross-env -> /usr/local/lib/node_modules/cross-env/src/bin/cross-env.js
/usr/local/bin/cross-env-shell -> /usr/local/lib/node_modules/cross-env/src/bin/cross-env-shell.js
+ cross-env@7.0.3
added 7 packages from 5 contributors in 0.943s
CentOS8のポート開放方法
CentOS8に対して、
ポートを閉じたり、開いたり、
その設定方法をメモ。
バージョン情報
CentOS
# cat /etc/centos-release
CentOS Stream release 8
Php
$ php -v
PHP 7.4.24
ポート設定
ポートの開放
開放コマンド
$ firewall-cmd --zone=public --permanent --add-port 8000/tcp
閉鎖コマンド
firewall-cmd --zone=public --permanent --remove-port 8000/tcp
CentOSのcomposerがうまく動かない問題(一般ユーザー)
バージョン情報
CentOS
# cat /etc/centos-release
CentOS Stream release 8
Php
$ php -v
PHP 7.4.24
remiでのインストール
remiでインストールは、以下の記事と状況は同じ
エラーと解決方法
初期のエラー
エラーログ
PHP's phar extension is missing. Composer requires it to run.
Enable the extension or recompile php without --disable-phar then try again.
PHPの設定変更
$ sudo dnf module install php:remi-7.4
しかし、
エラーになった。
The operation would result in switching of module 'php' stream '7.2' to stream 'remi-8.0'
Error: It is not possible to switch enabled streams of a module unless explicitly enabled via configuration option module_stream_switch.
It is recommended to rather remove all installed content from the module, and reset the module using 'dnf module reset <module_name>' command. After you reset the module, you can install the other stream.
このエラー事態を、
解決するために以下を実施。
sudo dnf module reset php
これでリセットされるので、
再度、以下を実際。
$ sudo dnf module install php:remi-7.4
===================================================================================================
Package Architecture Version Repository Size
===================================================================================================
Upgrading:
php-common x86_64 7.4.24-1.el8.remi remi-modular 1.2 M
php-json x86_64 7.4.24-1.el8.remi remi-modular 78 k
Installing group/module packages:
php-cli x86_64 7.4.24-1.el8.remi remi-modular 4.6 M
php-fpm x86_64 7.4.24-1.el8.remi remi-modular 1.6 M
php-mbstring x86_64 7.4.24-1.el8.remi remi-modular 529 k
php-xml x86_64 7.4.24-1.el8.remi remi-modular 217 k
Installing module profiles:
php/common
Enabling module streams:
php remi-7.4
:
:
:
Upgraded:
php-common-7.4.24-1.el8.remi.x86_64 php-json-7.4.24-1.el8.remi.x86_64
Installed:
php-cli-7.4.24-1.el8.remi.x86_64 php-fpm-7.4.24-1.el8.remi.x86_64
php-mbstring-7.4.24-1.el8.remi.x86_64 php-xml-7.4.24-1.el8.remi.x86_64
:
:
Complete!
CentOSのphp-fmpのインストールと起動
CentOS8に対して、
php-fpmを入れようとしたが、
なぜか、7.2系になってしまっていた。
これに関しては、
この記事と状況は同じ。
バージョン情報
CentOS
# cat /etc/centos-release
CentOS Stream release 8
Php
$ php -v
PHP 7.4.24
remiでのインストール
remiでインストールは、以下の記事と状況は同じ
php-fmpのインストール起動
インストール
インストールコマンド
yum install php74-php-fpm
設定ファイル
/etc/opt/remi/php74/php-fpm.d/www.conf
起動
systemctl start php74-php-fpm.service
確認
$ systemctl status php74-php-fpm.service
● php74-php-fpm.service - The PHP FastCGI Process Manager
Loaded: loaded (/usr/lib/systemd/system/php74-php-fpm.service; disabled; vendor preset: disabled)
Active: active (running) since Wed 2021-09-29 10:53:19 JST; 5min ago
Main PID: 32834 (php-fpm)
Status: "Processes active: 0, idle: 5, Requests: 0, slow: 0, Traffic: 0req/sec"
Tasks: 6 (limit: 2752)
Memory: 28.9M
CGroup: /system.slice/php74-php-fpm.service
├─32834 php-fpm: master process (/etc/opt/remi/php74/php-fpm.conf)
├─32835 php-fpm: pool www
├─32836 php-fpm: pool www
├─32837 php-fpm: pool www
├─32838 php-fpm: pool www
└─32839 php-fpm: pool www
CentOSへのphp-xmlのインストール
CentOS8に対して、
php-xmlの7.4系を入れようとしたが、
なぜか、7.2系になってしまっていた。
この点で対応方法をメモ。
バージョン情報
CentOS
# cat /etc/centos-release
CentOS Stream release 8
Php
$ php -v
PHP 7.4.24
remiでのインストール
remiでインストール
$ yum install --enablerepo=remi php-xml
:
:
Remi's RPM repository for Enterprise Linux 8 - x86_64 591 B/s | 858 B 00:01
Remi's RPM repository for Enterprise Linux 8 - x86_64 1.0 MB/s | 3.7 MB 00:03
Dependencies resolved.
====================================================================================================
Package Architecture Version Repository Size
====================================================================================================
Installing:
php-xml x86_64 7.2.24-1.module_el8.2.0+313+b04d0a66 appstream 188 k
Installing dependencies:
php-common x86_64 7.2.24-1.module_el8.2.0+313+b04d0a66 appstream 661 k
Transaction Summary
====================================================================================================
Install 2 Packages
このように、
php-xml x86_64 7.2.24-1.module_el8.2.0+313+b04d0a66 appstream 188 k
なぜか7.2系になってしまった。
このremiでのインストールのままで対応したかったが、
解決方法が見つからず、以下の方法で対応した。
php-xmlのインストール
関連するサイト
https://pkgs.org/download/php74-php-xml
インストール
インストールコマンド
yum install php74-php-xml
実行結果
yum install php74-php-xml
Failed to set locale, defaulting to C.UTF-8
Dependencies resolved.
====================================================================================================
Package Architecture Version Repository Size
====================================================================================================
Installing:
php74-php-xml x86_64 7.4.24-1.el8.remi remi-safe 180 k
Transaction Summary
====================================================================================================
Install 1 Package
Total download size: 180 k
Installed size: 402 k
Is this ok [y/N]: y
Downloading Packages:
php74-php-xml-7.4.24-1.el8.remi.x86_64.rpm 156 kB/s | 180 kB 00:01
----------------------------------------------------------------------------------------------------
Total 108 kB/s | 180 kB 00:01
Running transaction check
Transaction check succeeded.
Running transaction test
Transaction test succeeded.
Running transaction
Preparing : 1/1
Installing : php74-php-xml-7.4.24-1.el8.remi.x86_64 1/1
Verifying : php74-php-xml-7.4.24-1.el8.remi.x86_64 1/1
Installed:
php74-php-xml-7.4.24-1.el8.remi.x86_64
Complete!
就職・転職・副業のためにビジネス情報として採用情報のおすすめの収集方法
就職・転職・副業のために、
世の中のビジネス情報を収集する必要があります。
このビジネス情報を集めるという行為ですが、
- 発生した事項を早いタイミングで収集する
- 自分の目的にあう情報を取集する
- 募集などの採用に関わる情報を収集する
など、
ビジネス情報を取得するタイミングや内容など、
幅広くビジネス情報を収集しながらも、
自分に関連して、
なおかつ、
自分に必要である情報を拾う必要があります。
この中で、
募集などの採用に関わる情報を収集する
という点に関しては、
- 自ら情報を収集する
- 知人の紹介から情報を収集する
という方法が一般的で、
この方法での情報収集に取り組む人も多いです。
自分自身で収集することや、
知人の紹介を聞くことなどは良い方でもありますが、
情報収集する上で1つ考えておくことは、
情報収集にかかる時間をできる限り減らす
ということです。
転職サイトを自分自身で検索して、
1つ1つの企業を確認していくなど、
なかなか、
時間がかかることをやっている人も多いです。
この点に関しては、
転職サイトを複数登録して、オファーのみ確認する
ということがおすすめです。
この方法を取ることで、
- 自分のプロフィールに沿った情報を得られる
- 自分のスキル状況に合う情報が得られる
というメリットがあるので、
自分自身が情報を収集する時間を減らしながら、
自分のプロフィールに適した情報を得ることができます。
また、
この方法を取ることで、
知人の紹介であれば、
- 紹介してくれる知人の数だけしか情報を得られない
- 知人の主観で、自分のスキルなど客観的に見た情報を得られにくい
というデメリットがありますが、
転職サイトを複数登録して、
オファーのみを確認する方法を取るだけでも、
- オファーの数は限界がないので、数多く情報を取得できる
- 客観的に自分のスキルなどを見られた上で、自分に合う情報が取得できる
というメリットがあるので、
ぜひ、この方法を取り入れて、
情報収集の時間を減らしながらも、
自分に合う良い情報を収集するようにしましょう。
【担当者におすすめ】社内のドキュメント整理は共有が「必要」なファイルだけ共有ドライブに保存しよう
各種の社内資料など、
組織内でシェアした方が良い資料は、
シェアした上で、
共有できる場所に保存しておくことが、
ドキュメントの整理や運用の面でも、
非常におすすめの方法です。
管理する立場として、
どのようにドキュメントをまとめて、
シェアしていくのか、
また、共有ドライブなどに保存していくのか、
おすすめの方法を紹介していきます。
【担当者におすすめ】社内のドキュメント整理は共有が「必要」なファイルだけ共有ドライブに保存しよう
ドキュメント整理で共有管理するために大切なこと
ドキュメント整理をしていく上で、
まず、把握しておくことは、
- 全体でどのくらいのドキュメントがあるのか
- ドキュメントを分類した時のカテゴリ
- 各カテゴリごとのドキュメントの数・サイズ
という情報です。
この辺りの情報によっては、
例えば、
画像が多いカテゴリがある場合は、
サイズを必要とするため、
そこを切り分けて、
それだけを切り分けてシェアするという考えもあります。
それらを考えた上で、
ドキュメント整理として、
共有ドライブなどで管理すべき資料としては、
組織内で「共有」する必要があるドキュメントのみ
ということがおすすめです。
この「共有」する必要があるという点では、
- 複数人で情報を管理する必要があるドキュメント
- テンプレートとして活用するドキュメント
というドキュメントに絞って、
ドキュメント整理をすると良いでしょう。
整理するドキュメント自体を絞ることで、
- 不要なドキュメントが少なく、サイズが小さくなりやすい
- 数がすくないことで、検索性が上がりやすい
などのメリットがあるので、
ドキュメント運用の面でも、
非常に有効に共有ドライブなどを活用できます。
どのようなフォルダ分類で管理するのがおすすめ?
ここまで説明した共有が必要なドキュメントに関して、
実際にドキュメント整理をする上で、
どのようなフォルダで分類をして、
整理するのが良いのかは大切なポイントです。
このフォルダ分類については、
- 「共通」と「小さな組織ごと」で分ける
- 各フォルダの階層は、5階層目までに抑える
という2つの点を、
意識して取り組むことがおすすめです。
まず、
「共通」と「小さな組織ごと」で分ける
という点に関しては、
イメージとして、

このようなフォルダ構成で、
「共通」のフォルダを1つ設け、
それ以外は、組織ごとに分類する形がおすすめです。
また、
各組織のフォルダの中身として、
フォルダの階層は、5階層目までに抑える
ということです。
ここでいう階層に関しては、

このような、
フォルダの中で、
さらにカテゴリごとに分類することで、
上記のような画像のイメージのことを指します。
この階層に関しては、
5階層までに抑えた方が良いですが、
この5階層は、組織が大きくなって、
ドキュメントも増えてきた時のことを想定しており、
組織の数や規模、ドキュメントの量にもよりますが、
理想としては、3階層目までに抑える
と考えておくと良いでしょう。
階層を深くしすぎないことで、
- 分かりやすい階層構造で理解しやすい
- 階層が浅いので資料を探す手間が減りやすい
というメリットがあるので、
階層を深くしすぎないことは、
意識して取り組むと良いでしょう。
ドキュメントの保存先としておすすめは?

実際にドキュメントを整理する上で、
共有できる場所として、
どこに保存するのがおすすめなのか。
この点については、
様々なサービスがありますが、
Google ドライブ
にまずは保存していくと良いでしょう。
Googleドライブに関しては、
- 基本的に無料で使うことができる
- ドキュメントの共有設定管理が可能
- 出張時などでもネット環境があれば参照可能
などのメリットがあるので、
まずは、Googleドライブを活用して、
ドキュメントの共有管理を行うのが良いでしょう。
シンプルな情報の管理については別で管理もおすすめ
ドキュメント整理をする上で、
共有フォルダとしてまとめるまではないけれど、
シンプルな各種情報を共有管理したい
という要望はよくあります。
この要望に関しては、
Backlog(バックログ)
というサービスが、
一番、使いやすく、
様々な機能も併せて使用できるのでおすすめです。
このBacklogというサービスについては、
以下の記事にまとめているので、参考にしてください。
家庭の将来にもお金は大切。就職・転職の時は採用条件で給与、賞与、手当ての細かな確認が大切。
家庭を持った時に、
新たな職種の仕事に就職を目指したり、
同じ業種の中で転職をしていく中で、
男性でも女性でも、
家庭を持っている状態である時の就職・転職
については、
勤務地などの大切な確認すべき事項として、
採用条件を確認する必要がありますが、
- 毎月の給与
- 残業代の有無(全額、固定、みなしなど)
- 賞与(タイミング、金額)
これらの3つが、
まずは基本的に確認すべき項目としてあげられます。
これらを踏まえた上で、
家庭の将来のためにも、
金銭的な面で、負担を軽くするために各種手当を確認する
ということを確認すると良いでしょう。
この各種手当に関しては、
どのようなことを確認した方が良いのか、
この記事で説明していくので、
就職・転職の際の参考にしてみましょう。
家庭の将来にもお金は大切。就職・転職の時は採用条件で給与、賞与、手当ての細かな確認が大切。
家庭のある人の就職・転職で金銭面は大切
新たな業界で就職をしたり、
同じ業界で転職したりするなど、
どのような人でも、
転機となるタイミングは訪れます。
そんな転機となるタイミングで、
自らの家庭がある状況では、
生活をしていく上で、お金を稼ぐ手段
ということを、
働くということに対して、
割り切って考えることもより良い方法の1つです。
金銭面で納得のいかない転職をすることで、
毎月の給与などをもらうたびに不満が募る
ということに陥ってしまうので、
自分の家庭の生活費として、
稼ぎたい金額が、
自ら就職・転職しようとしている企業で、
それを実現できるのかを、
しっかりと見極めるようにしましょう。
金銭面を考える上での3分類
それでは、
就職・転職をしていく上で、
金銭面で考えるべき3つのことを、
しっかりと把握しておきましょう。
その3つは、
- 毎月の「給与」
- 毎年の「賞与」
- その他の「手当て」
という3つの項目です。
「給与」に関しては、
基本給はしっかりと抑え、
それ以外で残業代を含めて、
トータルでの支給額はしっかりと抑えておきましょう。
そして、
年間で何回、「賞与」の支給タイミングがあり、
自分の支給額が、どのように決まり、
見込み的にいくらになるのかは確認しておきましょう。
この辺りの「給与」や「賞与」に関しては、
以下の記事も参考にしてみましょう。
また、参考までに、
就職・転職に関して給与収入に関する所得税の税率構造も知っておこう
この記事のように、
所得税の構造に関しても、
頭の片隅に入れておくと良いでしょう。
そして、
給与や賞与とは別に「手当て」として、
企業によって様々なので、
住宅手当や資格手当など、
自分に該当するものがどの程度あるのか、
しっかりと確認しておきましょう。
面接で「自ら確認する」ことの大切さ
就職や転職のために、
求人サイトなどで、
給与や賞与などの情報を収集することで、
ある程度、確認できます。
しかし、
同じ額面給与でも、
基本給が異常に安かったりするなど、
求人情報のサイトではわからない部分は多い
ということがあり、
この求人サイトだけの情報で判断するのではなく、
就職・転職における「面談」で情報を収集する
ということが大切です。
この面談での情報収集に関しては、
企業の担当者側から細かく説明してくれることはない
と考えておくのがよく、
自ら収集しなければ、何もわからないまま
であると考えておく方が良いでしょう。
しっかりとした情報収集をすることで、
後悔する就職・転職にならず、
より良い転機にすることができるので、
自らアクションを起こして情報収集していきましょう。
Djangoのテンプレート(HTML)の分割とアセット(CSS/JS)周りの読み込み
Djangoの設定を変更して、
上記の記事の感じで、
独自のHTMLを使ってみて、
各ページをシンプルに作ってみることはやってみた。
その上で、
必要に応じて、
- ファイルを分けたい
- CSS/JSなどのアセットを追加したい
と考えて試したので、
その方法おを記載しておく。
Django / Python3のバージョン
Django
$ python3 manage.py runserver --version
3.2.6
Python3
$ python3 -V
Python 3.8.10
Djangoのテンプレート(HTML)の分割とアセット(CSS/JS)周りの読み込み
関連する公式サイトのドキュメント
参考:公式サイトのドキュメント
https://docs.djangoproject.com/ja/3.2/topics/templates/
https://docs.djangoproject.com/ja/3.2/ref/templates/language/
https://docs.djangoproject.com/ja/3.2/intro/tutorial06/
Djangoのテンプレート(HTML)の分割
HTMLファイルのフォルダ
/project/templates
分割前のファイル
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル</title>
</head>
<body>
<h1>Sample</h1>
<p>Sample</p>
</body>
</html>
このファイルを、
例えば、headの中だけを分割する場合は、
以下のように分割できる。
<meta charset="utf-8">
<title>サンプル</title>
<!DOCTYPE html>
<html>
<head>
{% include "header.html" %}
</head>
<body>
<h1>Sample</h1>
<p>Sample</p>
</body>
</html>
アセット(CSS/JS)周りの読み込み
アセット周りの読み込みは、
ファイルを用意したら、
テンプレートのHTML内でパス指定する。
その際、staticというパス設定が必要になるので、
それをうまくやると読み込めるようになった。
まずは、
以下のようにフォルダ、ファイルを用意。
/project/static/css
.sample {
color: red;
}
フォルダの構造は、
公式サイトにも書いてある通り、

上記のようにきちんとフォルダを分割しましょうとのこと。
テンプレートのHTML側から、
このstaticを読み込むには、
以下のように設定。
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
ここまでの設定でうまくいくはずだが、
自分の環境だとうまくいかなかった。
そして、
https://stackoverflow.com/questions/6014663/django-static-file-not-found
の情報の中で、

この部分を参考に調整。
具体的には、
自分の環境であれば、
以下の設定を追加するとうまく動いた。
STATICFILES_DIRS = (
os.path.join(BASE_DIR, 'static/'),
)
【担当者向け】IT人材がいない時に、サイトを作成するときは、外注よりもサービス活用がおすすめ
小さな企業や組織において、
ホームページなどのサイトを作って、
外部にアピールしたいなど、
サイトを作る必要性が、
組織内で高まることがあります。
そのようなときに、
大きく2つの方法があり、
1つが、
外部のサイトを作れる人にカスタマイズで作ってもらう
という方法。
そして、もう1つが、
自分たちでサービスを活用して作っていく
という方法です。
この2つの方法に関して、
外注よりもサービスを活用する方法がおすすめ
ということが多いので、
この記事では、
なぜサービスを活用する方がおすすめなのかを、
おすすめのサービスも含めて紹介していきます。
【担当者向け】IT人材がいない時に、サイトを作成するときは、外注よりもサービス活用がおすすめ
サイトを作る上で、何に気をつける?
組織の中でホームページなどのサイトを作ることになった時に、
いきなり外注ですべてを丸投げしてしまうことは、
費用の面でも高くなりやすく、
できた後も管理コストが高くなるなど、
あまり良いことはありません。
そんなサイトを作る上では、
- サイト内に掲載が必要な情報の整理
- サイトとして必要な機能
ということを組織内で検討することで、
「作ってみたけれど、ここまでいらなかった」
「なぜか、外注する工数や金額が高くなりすぎた」
ということを防ぐことに繋がります。
なぜ、サービスを活用するのがおすすめなの?
先程のサイトを作る上で気をつけることを、
組織内でしっかりと検討すると、
作っていくサイトに対して、
必要最低限の内容が決まることになります。
その上で、
外注ではなく、サービスを活用することが、
現時点でなぜおすすめなのかという理由として、
- やりたいことの多くが1つのサービスで実現できることが多い
- サービスを活用することで、安く、サイトを作成できる
- 管理や運用がサービスを活用することで楽になる
- 運用後の機能追加もサービスを活用することで楽になる
ということが理由として挙げられます。
なかなか、知らないだけで、
使ってみると、自分たちで作成や管理ができるサービスは、
世の中にいくつもあるので、
組織にあったサービスを探して、
活用することが非常におすすめです。
サイトを作成するためにおすすめのサービスは?
ここまで、
記事の中でサービスを活用して、
サイトを作成することがおすすめであることを説明しました。
そんなサイトを作成するサービスですが、
どのようなサービスがようなおすすめなのかを、
以下の記事にまとめているので、
ぜひ、参考にしてもらえればと思います。
【18-24歳の中卒・高卒限定】東京でコスパ良く就職・転職を実現するためのサービス
就職や転職に向けて、
学習や就職・転職活動をする時に、
働きながらの活動にはならず、
費用の面で負担になることが多いです。
この費用の面を考え、
コスパの良いおすすめの就職・転職サービス
であること、
そして、
東京で就職・転職できるサービス
ということをどちらも考慮して、
「東京でコスパ良く就職・転職を目指せるサービス」
を紹介していきます。
紹介するサービスは、
コスパが良いこともあり、
枠が埋まっていたり、
サービスが早めに終了する可能性もあるので、
気になったサービスがあれば、
就職・転職に向けて早めに行動に移しましょう。
コスパ良く就職・転職に向けたサポートが受けれるサービス
18-24歳で東京で住む場所もサポートしてIT業界にチャレンジ「ヤンキーインターン」

若年層のためのサービスとして、
住む場所など、
若い人が金銭的に負担がかかりやすいことにも、
サポートの幅が広く、
仕事がより取れやすい東京という都会で、
就職を目指せるサービスが、
「ヤンキーインターン」
というサービスです。
この「ヤンキーインターン」は、
- 住む場所をサポートしてくれる
- サポート範囲になりにくい、中卒や高卒が対象
- 学習時のサービスだけでなく、就職活動のサポートが充実
という特徴があり、
中卒や高卒で、
なかなか地方で仕事がなく、
都会にでたいけれど、
金銭的な負担などから迷っている方には、
非常におすすめのサービスです。
この「ヤンキーインターン」に関しては、
Youtubeにも情報があったので、
こちらにも共有しておきます。
中卒や高卒の方に向けた就職サポートのサービスは、
ありそうで、なかなかないのが実情なので、
当てはまる人がいれば、
このサービスを活用することで、
就職につながりやすくなるので、
サービスが展開しているうちに、
早めにトライしてみると良いでしょう。
Djangoのレイアウトとして独自のHTMLを使う
Djangoの設定を変更して、
上記の記事の感じで、
ログインページを試していたり、
以下のようにUbuntuでDjangoを動かす環境はできた。
これらの基本の表示はできたので、
「シンプルにHTMLのページを表示させるには」
という観点で、
試してうまくいった方法を記載しておく。
Django / Python3のバージョン
Django
$ python3 manage.py runserver --version
3.2.6
Python3
$ python3 -V
Python 3.8.10
独自レイアウトの作成と設定
関連する公式サイトのドキュメント
参考:公式サイトのドキュメント
https://docs.djangoproject.com/ja/3.2/topics/templates/
https://docs.djangoproject.com/ja/3.2/ref/templates/language/
HTMLファイルの準備
作成するフォルダ
/project/templates
試しに作ったファイル
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル</title>
</head>
<body>
<h1>Sample</h1>
<p>Sample</p>
</body>
</html>
URLの設定
表示のためURLの設定
urlpatterns = [
:
path('sample', TemplateView.as_view(template_name='sample.html'), name='sample'),
]
Djangoの起動 / 再確認
Djangoのスタートコマンド
$ python3 manage.py runserver
Django version 3.2.6, using settings 'sample.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.
Djangoの確認用URL
http://127.0.0.1:8000/sample
Djangoの画面表示確認

【プログラミング初心者向け】コードの理解のために、ソースコードのコメントをたくさん書きましょう。
初心者の方は、
プログラミング学習を始めて、
いろいろなコードを書いては、
試行錯誤しながら、
自分なりに理解を深めていくことが大切です。
そんなプログラミング初心者の方が、
プログラミングのコードを書く上で、
1つ、学習していく中で、
取り組むと良いことの1つが、
ソースコードに自分なりのメモを書き込む
という方法です。
コードを書くことでどのように良いのか、
また、どのような点に気をつけると良いかなど、
この記事で説明していくので、
プログラミング初心者の方は参考にしてください。
【プログラミング初心者向け】コードの理解のために、ソースコードのコメントをたくさん書きましょう。
ソースコードのコメントとは?
プログラミングをしていく中で、
ソースコードを書く必要性がでてきます。
例えば、
if(a > 10) {
:
}
このような処理のプログラムのコードを書いたときに、
この処理が何を行なっているかを、
その直前に書くのが「コメント」です。
上記の例では、
// これは「a」の値が10より大きいかを判定する
if(a > 10) {
:
}
このように、
処理の上にコメントを書くことで、
自分なりのメモとして残すことができます。
実際の現場では、
あまりにも不要なコメントは控えるように指示があるかもしれませんが、
プログラミング初心者の方が、
自分の学習として始めている段階であれば、
コメントはたくさん書いても問題ありません。
コメントをたくさん書くメリットは?
このコメントをたくさん書くということは、
書籍を読んだりするときの、
必要に応じてメモを残すことと同じで、
自分なりのメモをコード上に残せるということが、
メリットとしてありますが、
プログラミング学習をしていくという点では、
- コメントを書くことで頭の中の整理ができる
- 自分のコードを見直すときに意図が思い出しやすい
- コメントの流れを読むことで処理の理解が進みやすい
というメリットがあります。
この3つのメリットは、
プログラミングに慣れてくると、
コメント自体を少なくしても、
自分の頭の中で把握してできるようになりますが、
プログラミング初心者が行う上では、
非常にメリットになるので試してみましょう。
コメントを書くことで頭の中の整理ができる
プログラミングをしていく中で、
「自分の書いたコードを頭の中で整理する」
ということが大切です。
これには、
プログラミングで自分が描くコードに対して、
「どのような意図でこのコードを書いたのか」
ということが、
自分の中でしっかりと考えられていれば、
学習をしていく中でも問題にはなりません。
この点に関して、
コメントを追加していくことで、
「プログラミングコード」と「コードの意図」が結びつく
ことで、
自分の頭の中にも残りやすくなるので、
コードを書いている時に、
そのコードに対して自分の理解がある状況で、
コメントを残しておくと良いでしょう。
自分のコードを見直すときに意図が思い出しやすい
コメント自体を残すことで、
コードの理解がより深まることを説明しました。
そんなコメントを残すことで、
初心者の学習の時によくある、
「コードを書いているときは覚えていたのに」
という悩みを、
解決につなげやすくなるメリットがあります。
これは、
他人の説明ではなかなか理解ができなくても、
「自分の言葉で書いてある説明なので腑に落ちる」
ということがあり、
過去の自分が残したコメントを読むことで、
そのコードの意図を思い出しやすくなります。
このメリットは、
学習を進めていく中で、
学習の手戻りが増えてしまうことも防ぐので、
継続的に学習を続けていくためにも、
コメントを残すようにすると良いでしょう。
コメントの流れを読むことで処理の理解が進みやすい
プログラミングの学習を進めていくと、
- プログラミングコードの量が増えていく
- 処理が少しずつ、複雑になっていく
になることが多く、
学習の最初のうちは理解できたけれど、
コードが長くなると、
「全体として何をしているかわからない」
となってしまう初心者の方もいます。
そのような時に、
自分なりにしっかりとしたコメントを残しておくことで、
「コメントを順に読むことで、全体の処理が理解しやすい」
というメリットがあります。
このメリットは、
継続を続けていけばいくほど、
コメントをしっかりと残しておくことが、
将来の自分自身の学習を助けるので、
学習の初期段階からコメントを残すようにすると良いでしょう。
プログラミング初心者が他に大切なことは?
この記事で、
プログラミング初心者の方が、
コメントを残すことで、
学習する自分自身にメリットがあることを説明しました。
そんな学習をやっていく初心者の方に、
他にも大切にして欲しいことがあります。
その大切にして欲しいことは、
以下の記事を参考にして、
学習に取り組んでください。
情報収集よりも情報を分析する能力が求められている時代
税理士、弁護士、医師などの自分自身の知識をもとに、
仕事をしていくという職種などを除いて、
一般企業の会社員、サラリーマンとして働いていく中で、
就職・転職をしていく上で求められるのが、
「情報を分析して、わかりやすく説明する能力」
というのが求められています。
仕事をしていく上で、
必要になってくる業界や業種の情報は、
取得するにしても、
以前よりは、
簡単にネットを通じて取得できるようになりました。
そんな時代の中で、
就職・転職する人材として、
企業側から見たときに魅力的なのが、
「情報をもとに分析結果を自分の言葉で説明できること」
ができる人材です。
今の世の中の情報を知ることが前提ですが、
その情報をえた上で、
分析結果を自分の言葉で説明するには、
- 自分で必要な情報を探せるという基礎能力
- 情報を集計するという集計能力
- 集計結果をもとに仮説を導き出す分析能力
など、
幅広い能力が必要です。
この能力を身につけていくことを考えたとき、
情報収集の次の段階として、
「情報を集計する」
という点に関しては、
「必要なツールを使って、集計することができる」
という状態であれば、
それだけで、
企業側からは重宝される人材に見えることが多いです。
ここでいうツールは、
Excel、Googleスプレッドシートなどで、
関数など基本機能を使って集計することを指しており、
習得に取り組むことで身につけることができます。
就職、転職ではプラスアルファのアピールで、
合否が決まっていくこともあります。
そんな時に、
自分なりに情報を集計した結果を、
わかりやすく資料貸して説明するなど、
アピールすることにつなげていくアクションを起こせば、
より良い就職・転職活動につながることになるでしょう。
Djangoのadminのユーザーを作成
Djangoの設定を変更して、
トップページをログインページに変更した。
その設定自体は以下の対応で行っている。
このトップページをログインページにしたことで、

この画面を表示できるようになった。
ただ、
問題として、
「ログインするユーザー情報がない」
ということがあるので、
ユーザー情報を追加した。
その時のコマンドなどをメモしておく。
ちなみに、
Ubuntuでやっており、
関連する内容は、
以下を参照して欲しい。
Django / Python3のバージョン
Django
$ python3 manage.py runserver --version
3.2.6
Python3
$ python3 -V
Python 3.8.10
Djangoの設定変更
必要テーブルの初期化(マイグレーション)
参考:公式サイトのデータベースドキュメント
https://docs.djangoproject.com/ja/3.2/topics/migrations/
実際に実行したコマンド
$ python manage.py migrate
ユーザーの追加
参考:公式サイトのデータベースドキュメント
https://docs.djangoproject.com/ja/3.2/topics/auth/default/
スーパーユーザーを作成
$ python3 manage.py createsuperuser --username=joe --email=joe@example.com
Djangoの起動 / 再確認
Djangoのスタートコマンド
$ python3 manage.py runserver
Django version 3.2.6, using settings 'sample.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.
Djangoのログイン確認
まずは、以下のログイン画面

この画面になって、
先程のスーパーユーザーで作ったアカウントを使うと、
ログインできて以下のような表示になればオッケー。

【担当者向け】メールからの卒業。小さな規模で無料で日々の情報共有をしたいなら「Slack(スラック)」がおすすめ
小さな企業や組織などで、
リモートワークなども含めて、
「メールでのやりとりで何とかやっている」
という組織もあります。
そのような、
比較的規模が小さく、
エンジニアがいないなど、
ITのサービスやツールなどの情報が、
なかなか得られない担当者におすすめしたいのが、
「Slack(スラック)」
というチャットツールです。
chatworkなどのチャットツールもありますが、
個人的にはSlackの方が良いと思います。
この辺りはおすすめの理由も含めて、
紹介するので参考にしてください。
【担当者向け】メールから卒業。小さな規模で日々の情報共有をしたいなら「Slack(スラック)」がおすすめ
Slackとは?
Slackは、シンプルで簡易にメッセージを送ることができ、
メールを使うよりも、より効率的なやりとりにつなげることができるツールです。
Slackは、

このような画面で、
シンプルにメッセージのやりとりを行えるので、
組織内のコミュニケーションには、
非常におすすめのツールです。
なぜ、chatworkよりもおすすめ?
Slackとchatworkは、
有料プランもありますが、
どちらも「無料」で始めることができます。
この「無料」ではじめるときに、
Slackをお勧めする理由として、
「無料」プランでも広告が表示されずシンプルに使える
という点でSlackの方がおすすめです。
実際のchatworkのプランを見ると、

このように、
無料プランだと、
- 広告が表示されてしまう
- ユーザー管理ができない
という点があるので、
「無料」で使うのであれば、
chatworkよりもSlackの方がおすすめなのです。
Slackのサイトを確認する
ここまで紹介してきたSlackですが、
実際にSlackのサイトを確認していただき、
無料プランで試してもらいながら、
組織の円滑なやりとりにつなげてもらえれば幸いです。
Slack以外でもおすすめの組織内で使うべきツール
組織内のやりとりには、
Slackというツールがおすすめなのは、
この記事で紹介しました。
このSlack以外のツールとして、
組織内で共有するためのWikiとしておすすめなのが、
Backlog(バックログ)
というサービスです。
このサービスに関しては、
以下のページに紹介しているので参考にしてください。
スキルやキャリアを次のステージに進めるために取り組むべきこと
自分自身の将来を考えていく上で、
- 自分自身が身につける技術やスキル
- 自分自身の今後のキャリア
という2つのことを、
自分なりに考えてみることが大切。
そんな2つのことに関して、
どのようなことを意識して、
自分の中で落とし込むのかを考えてみましょう。
まず、
自分自身が身につける技術やスキル
に関しては、
「今の自分には何のスキルがあるのか」
という点と、
「新たな技術やスキル習得で市場価値がどのようにかわるのか」
ということを考えてみるようにしましょう。
うまく自分自身で現状を判断できずに、
上記のどちらかの点だけを考えて、
将来への思考がうまくできていないこともあります。
そのような思考をせずに、
現実的にしっかりと自分を見つめるためにも、
上記の2つの点を意識するべきです。
次に、
自分自身の今後のキャリア
に関しても、
しっかりと自分なりに考え、
その考えをもとに行動に移すことで、
自分なりの未来を切り開きやすくなります。
この今後のキャリアを考える上では、
「もし、自分があと2回転職するなら」
という観点で、
「最初の1回はどのようなキャリアが必要なのか」
ということを考えてみると良いでしょう。
この複数回、転職した時のことを想像することは、
- 将来に「繋がる」キャリアパスを描きやすい
- 長いスパンで自分の将来を考えることができる
- 目先の条件だけで判断することが少なくなる
というメリットがあるので、
自分自身が就職や転職をする上で、
継続的な自分自身の成長を考え、
より市場価値の高い人材になることを目指し、
将来的な高待遇につなげやすくすることができます。
DjangoのデータベースをMySqlに変更
Djangoの設定の1つとして、
データベースをMySQLに変更したので、
その時のコマンドなどをメモしておく。
ちなみに、
Ubuntuでやっており、
関連する内容は、
以下を参照して欲しい。
Django / Python3のバージョン
Django
$ python3 manage.py runserver --version
3.2.6
Python3
$ python3 -V
Python 3.8.10
Djangoの設定変更
参考:公式サイトのデータベースドキュメント
https://docs.djangoproject.com/ja/3.2/ref/databases/
データベースの設定情報ファイルの準備(my.cnf)
[client]
database = sample_db
user = sample_user
password = sample_password
default-character-set = utf8
settings.pyの設定変更
$ vi settings.py
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.mysql',
'OPTIONS': {
'read_default_file': os.path.join(BASE_DIR , 'my.cnf'),
}
}
}
Djangoの起動 / 再確認
Djangoのスタートコマンド
$ python3 manage.py runserver
Django version 3.2.6, using settings 'sample.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.
Djangoの初期表示画面(エラーにならなければ大丈夫

Djangoのトップページをログインページに変更
Djangoの設定の1つとして、
トップページをログインページに変更したので、
その時のコマンドなどをメモしておく。
ちなみに、
Ubuntuでやっているので、
環境にDjangoをインストールするまでは、
以下を参照して欲しい。
また、
Nginxでの設定方法は、以下を参照して欲しい。
Django / Python3のバージョン
Django
$ python3 manage.py runserver --version
3.2.6
Python3
$ python3 -V
Python 3.8.10
Djangoの設定変更
URLの設定変更
$ vi urls.py
from django.contrib import admin
from django.urls import path
urlpatterns = [
path('', admin.site.urls, name='index'), ← ← ←追加
:
]
Djangoの起動 / 再確認
Djangoのスタートコマンド
$ python3 manage.py runserver
Django version 3.2.6, using settings 'sample.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.
Djangoの初期表示画面

理想を持って、現実的に行動する
就職や転職を考えていく上で、
「理想」と「現実」
をそれぞれ、
自分なりに考えていくことは、
今後の自分自身の生き方を再定義することにもなり、
迷いなく、活動できることに繋がります。
そんな「理想」と「現実」ですが、
「理想」を求める上で考えるべきこと
は何かというと、
- どのくらいの生活水準が欲しいのか
- どの場所で生きていきたいのか
- どのくらい自分自身の時間を取りたいのか
このように、
短絡的なことではなく、
自分が生きていく中で、
長期的に自分自身の生活的な納得度を上げるために、
どのようにしていきたいのかを考えましょう。
「将来的に、自分自身はこのような生活をしたい」
ということを、
自分なりでイメージしていくことが大切。
まずは理想を考えてみることから、
自分の内側にあるモノを汲み上げてみましょう。
次に、
「現実」としてどのような働き方ができるか
という点については、
先程の長期的な「理想」を考えながらも、
自分が就職・転職で可能性がある中で、
優先度をつける意味でも、
何を大切にしたいかを考えてみましょう。
具体的には、
- 生活水準として「最低」いくらの手取りが必要なのか
- 住む場所から、どの距離までが働ける範囲なのか
- 自分の体力・知力に合う働き方ができるのか
- 働く以外の時間を自分が求めている時間、確保できるのか
ということを、
自分なりに「できる限り細かく」、
検討して決めていくことが大切です。
そして、
これらの「現実」を考えていく上で、
それぞれの項目を考えた上で、
「現実」的な項目の中で、どの項目を「優先させたいのか」
という点を決めて、
自分なりに働き方、働く先を決める時に、
1つの指標にすることで、
自分自身の就職・転職のゴールをぶらさずに、
自分の納得いく結果に結び付けやすいので、
「理想」と「現実」。
この2つを自分なりにしっかりと考え、
自分なりのより良い選択に結びつけていきましょう。
DjangoをNginxで動かすまでの設定
DjangoをNginxで動かすまでの設定をしたので、
その時のコマンドなどをメモしておく。
ちなみに、
Ubuntuでやっているので、
環境にDjangoをインストールするまでは、
以下を参照して欲しい。
Djangoの設定
プロジェクトの作成
$ django-admin startproject sample
プロジェクトへ移動
$ cd sample
初期化
$ python3 manage.py migrate
Operations to perform:
Apply all migrations: admin, auth, contenttypes, sessions
Running migrations:
Applying contenttypes.0001_initial... OK
Applying auth.0001_initial... OK
Applying admin.0001_initial... OK
Applying admin.0002_logentry_remove_auto_add... OK
Applying admin.0003_logentry_add_action_flag_choices... OK
Applying contenttypes.0002_remove_content_type_name... OK
Applying auth.0002_alter_permission_name_max_length... OK
Applying auth.0003_alter_user_email_max_length... OK
Applying auth.0004_alter_user_username_opts... OK
Applying auth.0005_alter_user_last_login_null... OK
Applying auth.0006_require_contenttypes_0002... OK
Applying auth.0007_alter_validators_add_error_messages... OK
Applying auth.0008_alter_user_username_max_length... OK
Applying auth.0009_alter_user_last_name_max_length... OK
Applying auth.0010_alter_group_name_max_length... OK
Applying auth.0011_update_proxy_permissions... OK
Applying auth.0012_alter_user_first_name_max_length... OK
Applying sessions.0001_initial... OK
Djangoの管理ユーザーを追加
$ python3 manage.py createsuperuser
Username (leave blank to use 'xxxxxxx'):
Email address:
Password:
Password (again):
Superuser created successfully.
アクセス許可設定(ドメイン or IP)
$ vi settings.py
ALLOWED_HOSTS = []
↓ ↓ ↓ ↓
ALLOWED_HOSTS = ['xxxxx.xxxxx']
Nginxの設定
設定フォルダへ移動
$ cd /etc/nginx/conf.d
設定ファイルを追加
sudo vi django.conf
設定内容
server {
listen 80;
server_name 【domain-name】;
error_log /var/log/nginx/seal.error.log;
access_log /var/log/nginx/seal.access.log;
location / {
rewrite ^/(.*) /$1 break;
proxy_ignore_client_abort on;
proxy_pass http://localhost:8000;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $http_host;
proxy_set_header X-Forwarded-Proto https;
}
}
Djangoの起動
Djangoのスタートコマンド
$ python3 manage.py runserver
Django version 3.2.6, using settings 'sample.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.
Djangoの初期表示画面

UbuntuにDjangoをインストール
Djangoでの開発をするために、
Ubuntuの環境に、
Djangoをインストールした時のメモ。
事前準備、環境確認
Ubuntuのバージョン確認
$lsb_release -a
No LSB modules are available.
Distributor ID: Ubuntu
Description: Ubuntu 20.04.2 LTS
Release: 20.04
Python3のバージョン確認
$python3 -V
Python 3.8.10
pip3のバージョン確認
$pip3 -V
pip 20.0.2 from /usr/lib/python3/dist-packages/pip (python 3.8)
Djangoのインストール
pip3でのインストール
$ pip3 install Django
django-adminのバージョン確認
$ django-admin --version
3.2.6
Djangoのプロジェクト作成
$ django-admin startproject sample
フロントエンドの学習で、初心者にはReactよりもVue.jsをオススメする理由
プログラミング学習を始めようとしている初心者の中で、
「フロントエンド」
という領域に興味を持って、
学習を始めることを考える人も多いです。
このフロントエンドの学習としては、
- HTML
- CSS
- javaScript
という基本的な、
3つの言語を使うことが基本となります。
そして、
現場でも活躍できるフロントエンドになるために、
学習の中で取り組む必要が出てくるのが、
javaScriptのフレームワークを1つ覚える
ということがポイントです。
この点に関して、
個人的には、
「初心者にはVue.jsでの学習がおすすめ」
という理由を説明していきます。
javaScriptのフレームワークとは?
フロントエンドの処理を実装していく上で、
javaScriptは、
切っても切れない関係のプログラミング言語です。
そんなjavaScriptでの実装において、
1から10まで、
全てを自分だけで実装するとなると、
すごくシンプルなものだと問題はないですが、
いろいろな機能を追加しようとすると、
次第に手詰まりになっていきます。
そのような、
手詰まりにならないようにするためにも、
javaScriptで実装でき、
ベースとしての機能を備えているものが、
「フレームワーク」
と呼ばれるものです。
このフレームワークは、
現在の現場では、
ほぼ、必ずと言って良いほど、
導入してフレームワークを活用した開発が行われています。
フレームワーク自体は、
- 大規模開発に向けたベースとなる機能がある
- 複数人での開発にも適応しやすい
- エラーチェックなどが用意である
などのメリットがあるので、
フレームワークを扱えるようになることが、
このメリットを現場でも生かすことができ、
実際に必要とされる人材になるための一歩です。
javaScriptのフレームワークの種類は?
このjavaScriptのフレームワークの種類ですが、
世の中にはいろいろな種類のものがあり、
すごく細かなものを除いて、
主要で認知度もあるものを3つ挙げると、
- React
- Vue.js
- Angular
の3つがあります。
この3つについては、
Googleトレンドで確認してみると、

このように、
過去5年でみると、
少しAngularが下がり気味で、

直近だと、
「React」と「Vue.js」が、
人気のトレンドであることが、
この結果から見ることができます。
この点を考えてみると、
フロントエンドのフレームワークの学習として、
選択肢と考えるなら、
- React
- Vue.js
の2つのどちらかを学ぶことが、
トレンド的にもおすすめと言えます。
初心者には、ReactよりもVue.jsがおすすめな理由
ここまで、
フロントエンドのフレームワークをみてきた中で、
- React
- Vue.js
この2つのどちらが良いかを考えた時に、
対象を「初心者」として考えた場合、
学習としておすすめなのは、
個人的な考えでは、
Vue.jsの方が初心者にはおすすめ
であると考えています。
フレームワークとして、
どのようなことができるのかという点は、
どちらのフレームワークも、
そこまでの違いがないので、
おすすめの理由として、
初心者がより学習しやすい
という点で、
Vue.jsが初心者には優しいと考えています。
HTML/CSSの構成がわかりやすい
フロントエンドの学習をする上で、
- HTML
- CSS
この2つは、
レイアウトを組む上で、
基本となる言語で、よく使うことになります。
そんなこの2つの言語について、
フレームワークの中での使いやすさを考えた時に、
Vue.jsの方が、HTML/CSSの構造が理解しやすい
と考えています。
スキルのある経験豊富なエンジニアは、
ReactでもVue.jsでも、
どちらでも違和感なく、
使うことができると思います。
しかし、
初心者となると、
ちょっとしたことが学習の壁となって、
挫折しやすくなるので、
この点を考えて、Vue.jsの方が良いと考えています。
実際に、
Vue.jsでは、

このように、
- templateの中にHTMLを書く
- styleの中にCSSを書く
という点が、
非常にシンプルで、
初心者が戸惑うことを減らせるので、
Vue.jsの方が初心者の学習にはおすすめです。
フロントエンドを学ぶならスクール活用もあり
プログラミングの学習において、
現場でも使われる知識や経験は、
独学だけでは、
なかなか身につけるのは難しいものです。
そんな学習においては、
スクールなどを使って、
短期間で目標を持って取り組むことがおすすめです。
以下のスクール一覧のおすすめから、
自分に合いそうなスクールを見つけて、
まずは、無料相談などから始めてみましょう。
Vue.jsで使うべきおすすめのチャートライブラリ
Vue.jsのライブラリの中で、
チャートを表示するライブラリについて、
使ってみてよかったチャートライブラリを紹介。
vue-chartjs
シンプルでパラメータなどが使いやすいチャートライブラリ
npm install vue-chartjs chart.js --save
apexchart
ちょっと癖はあるけれど、レイアウトパターンも多いチャートライブラリ
npm install --save apexcharts
npm install --save vue-apexcharts
このVue.jsのライブラリのページ
関連するjsのapexchartsのページ
プログラミング学習でトライ&エラーの繰り返しが大切な理由
プログラミング学習をしていく上で、
どのような教材やスクールを活用するのかなどは、
この記事などにまとめていますが、
実際に取り組みにあたって、
プログラミング学習で大切なこと
として
トライ&エラーを繰り返すこと
ということが大切です。
この点は、
よく言われることでもありますが、
自分自身の学習において、
うまくそれができているのか、
トライ&エラーをやっていく上で、
どのようなことに注意したほうが良いのか、
この辺りのことを考えながら、
自分自身に当てはめて確認してみましょう。
プログラミング学習でトライ&エラーがなぜ必要か。
トライ&エラーを繰り返すことで「経験」として身につける
プログラミング学習をしていく中で、
まずは基本を抑えるために、
各種のプログラミング言語を使う上で、
- 基本的な「書き方」
- 基本的な「考え方」
については、
最初に学習する必要はあります。
この学習を行った上で、
プログラミングをやっていく上で、
実践的に必要となる、
- 使い方を知った上での「活用方法」
- うまくいかない場合の「調べ方」
などを養うことが大切です。
この実践的な能力を養うために、
トライ&エラーを繰り返すことで、「経験」として身につける
ということが、
プログラミング学習において、
トライ&エラーを何度もやっていく事が、
必要であり、大切である1つの理由です。
コードの書き方を全て覚えるのは不可能に近い
プログラミングをやっていく上で、
「コードを書く」
ということは、
どのプログラミング言語でも、
必ず行う作業の1つです。
そんな「コードを書く」という行いに関して、
例えばの例でいうと、
- 処理の中でのイベントの種類
- 言語として使える関数の種類
- 各種類のイベントや関数の書き方
など、
このようなことを、
全て覚えてコードを書けるようにすることは、
非常に難易度が高く、
不可能に近いという事が言えます。
この点に関しては、
初心者が全ての書き方を覚えようとしてうまく学習が進まない
ということに強く関連しています。
うまく学習が進まないということで、
プログラミング学習を挫折する初心者もいますが、
特に独学で学習している人の中で、
挫折している人の多くは、
この全ての書き方を理解しようとしている事が、
挫折している大きな要因になっていることが多いです。
そのため、
全てのコードの書き方を覚えるような学習は、
途中で挫折してしまうことにつながりやすいので、
学習の途中からは、
トライ&エラーを繰り返す学習に、
ステップアップしていくことが重要となります。
トライ&エラーをやっていく上で、おすすめの学習方法
課題を使って、できる限り答えを見ず、トライ&エラーを繰り返す
トライ&エラーをやっていく上で、
最初に基本的な考え方や、
書き方などを学習して理解したあと、
おすすめの学習方法としては、
課題を使って「できる限り答えを見ず」、トライ&エラーを繰り返す
ということです。
課題を活用して、
自分なりに考えてトライ&エラーを繰り返すことで、
- 自分なりに考えた上の結果と比較することができる
- うまく描けなかったコードの書き方を知ることができる
というメリットがあるので、
学習をしていく上で、
課題を使ってトライ&エラーを繰り返していくことは、
自分なりに考えることをやりながら、
初期の基本的なことを覚えるだけの状態から、
ステップアップする方法としておすすめです。
ちなみに、
javaScriptに関しては、
参考となるサイト、サービスなどを自分なりに、シンプルな物として作ってみる
トライ&エラーを繰り返すために、
課題を使っていくことは、
おすすめな方法として説明しました。
この方法と合わせて、
プログラミング学習の方法として、
おすすめな方法が、
参考となるサイトやサービスを自分なりにシンプルに作ってみる
ということです。
この方法に関して、
やっていく上で大切なことは、
完璧に同じものを作る必要はない
ということです。
それは、
参考となるものを作っていく中で、
- 参考となるものを作る上での大きな考え方を理解できる
- 自分で考えることで、トライ&エラーを繰り返しやすい
ということが、
やっていくメリットとしてあり、
参考になるものを自分なりにトライすることで、
自分なりにトライしたという「経験」を、
身につけることができることで、
自然と実践的な能力を養うことができます。
完璧なものができなくても、
自分なりにトライ&エラーを繰り返したことが、
「経験」となって蓄積していくので、
まずは、参考となるものを決めて、
自分なりにトライしてみることが大切です。
自分なりにトライ&エラーをやって、煮詰まってしまったら、スクール活用もあり
プログラミング学習をしていく中で、
うまくいかないことはよくあり、
この点を解決していくことが、
実際にプログラミングで作っていく上でも
大切なことで、実践的にも求められます。
そのような、
物事を解決する中で、うまく解決できないこと
に対して、
- どのように原因を探れば良いのか
- どのように書き方を直せば良いのか
などということを、
スクールを活用することで、
より実践的な能力を養いながら、
身につけることができるので、
将来的に就職・転職を目的に
プログラミング学習をしているのであれば、
スクール活用も検討すると良いでしょう。
UbuntuのタイムゾーンをUTC→JSTに変更
Ubuntuでタイムゾーンは、
標準のUTCになっているので、
バッチ処理などで、
時間がずれて困ることがありました。
この点に関して、
変更する手順をメモ。
現在のタイムゾーンを確認
現在のタイムゾーンを確認するには、
コマンドラインで、
以下を実行して確認します。
コマンド
timedatectl
確認してみると、
$ timedatectl
Local time: Sun 2023-03-19 04:02:15 UTC
Universal time: Sun 2023-03-19 04:02:15 UTC
RTC time: Sun 2023-03-19 04:02:16
Time zone: Etc/UTC (UTC, +0000)
System clock synchronized: yes
NTP service: active
RTC in local TZ: no
このように、
現在、UTCになっていることがわかります。
もし、このコマンドが、
timedatectl: command not found
となるようなら、
apt-get install -y systemd
こちらで導入して再確認。
UTCからJSTに変更
上記のタイムゾーンの設定を
UTCからJSTに変更するには、
同じく、
timedatectl
を使います。
コマンド
sudo timedatectl set-timezone Asia/Tokyo
こちらを実行することで、
タイムゾーンの変更が完了します。
変更したので確認してみる
実際に変更してみたので、
再度、
timedatectl
のコマンドで確認してみます。
確認してみると、
$ timedatectl
Local time: Sun 2023-03-19 13:05:05 JST
Universal time: Sun 2023-03-19 04:05:05 UTC
RTC time: Sun 2023-03-19 04:05:06
Time zone: Asia/Tokyo (JST, +0900)
System clock synchronized: yes
NTP service: active
RTC in local TZ: no
という形で、
実行時間(Local time)が変更されました。
実際に現在のローカルのカウント時間を確認すると、
確認コマンド
watch date
確認結果
Sun 19 Mar 2023 01:08:15 PM JST
という形で、
JSTの時間にうまく切り替わったことが確認できました。
Ubuntuの基本設定の確認・変更
Ubuntuのバージョン確認
Ubuntuでバージョンを確認するときは、「lsb_release」コマンドを使う。
lsb_release -a
Ubuntuのホスト名の確認
Ubuntuのホスト名の確認は「hostname」コマンドを使う。
hostname
Ubuntuのホスト名の変更
Ubuntuでホスト名を変更するときは、
「hostnamectl」コマンドを使う
hostnamectl set-hostname newhostname
最終的に高年収のハイキャリアを目指すなら外資企業も視野に入れる
就職・転職においては、
自分の給与を上げていくことが、
ステップアップとして、
非常に分かり易い指標となります。
この給与を上げていくことを目標にしていく上で、
将来の転職時の目標として、
「外資企業で働くことを目標にする」
ということを、
転職活動をやっていく中で、
視野に入れていくことも検討しておくと、
目指せる企業の幅も広がり、
高待遇が可能な企業も探し易いので、
将来のキャリアの方向性の1つとして、
考えておくとよいでしょう。
どういう企業を目指すと良いかは、
継続して働くことが嫌になることがない企業を目指すのが、
長く働いていく上でも、選択する上で1つのポイントです。
就職や転職の目的自体が、
- 自分が好きな職種、業界に絞って働きたい
- 待遇よりも残業や休日などの休みを重視したい
- 自分の地元の近くで働きたい
ということであれば、
転職のためのエージェント選びは、サービスでなく、担当してくれる「人」で良いと思う人を選ぶ
などを参考に、
幅広く情報を持っているエージェントで、
親身になって対応してもらえる担当者を探すと、
目標が達成しやすいのでおすすめです。
このような、
転職エージェントのサポートを活用してもよいですが、
この外資企業への就職・転職を考えている人は、
「高待遇や外資企業への転職に強いエージェントを活用する」
という点を考えて、
活用することがおすすめです。
自分自身の将来的な方向性を、
- グローバルな企業で働くこと
- 外資系の企業で自分自身をチャレンジすること
- ハイクラスの高待遇の企業を目指すこと
などを目標にすることは、
転職をやっていく上で、
1つの選択肢として考えることも、
キャリアを考えていく中で、
選択肢として捉えていると良いでしょう。
継続することが嫌にならない職種で働くことも考える
年齢にかかわらず、
働いていく中で、
心身をすり減らして、
物事を継続することが嫌になりながら、
「もう嫌だ、やめたい」
と思いながら、
なんとなくで働き続けている人もいます。
自分自身の年齢や、
金銭的な事情で働き続けなければならないなど、
それぞれの状況はありますが、
「本当にそれを継続してやっていきたいのか」
という点を考えて、
転職するのか・転職しないのか。
これを考えてみることは、
自分自身の悩みをクリアに考える上でも、
冷静に感がていけるのでオススメです。
この点に関して、
「自分自身ではどうしても冷静に物事を考えられない」
という方や、
「どうしても客観的に自分自身を捉えられない」
ということがあるのであれば、
自分自身で悩むことも良いですが、
などを活用して、
自分自身で抱え込まず、
転職サポートのサービスを活用して、
「自分が継続しても嫌にならない職種を考える」
ということを、
転職活動をする上で考えてみることが、
自分自身がこれから働いていく環境で、
不満を持ちにくく、
納得できる働き方などもできることが増えるので、
・自分自身が嫌なことは何か。
・自分自身が継続していても嫌にならないことは何か。
このあたりを考えて、
人生を有意義にできる転職を考えてみると良いでしょう。
VPSへのドメインの設定方法
ポートフォリオを作る時に、
サイトのURLとして、
自分独自のURLを持つことは、
愛着もわき、自分自身のサイトのアピールにもなります。
この記事では、
ドメインの取得としてオススメな、
ドメイン取得として活用する「お名前.com」と、
VPSとして活用する「ConoHa VPS」について、
ドメインの設定方法を共有します。
お名前.comでのドメインの取得方法
まずは、お名前.comでドメインを取得しよう。
まずは、
ドメインを取得しておく必要があります。
ドメインの取得は、
を使って、
自分の好きなドメインで、
空きがあれば取得できるので、
以下の記事を参考にまずはドメインを取得してください。
VPSとしてConoHa VPSを活用する
ドメインを取得した後は、
サイトを構築するための、
を活用して、
VPSでサイトの構築を進めてください。
このConoHa VPSの契約方法に関しては、
以下の記事を参考にしてください。
設定するためのIPアドレスをConoHa VPSで確認する
お名前.comで取得したドメインを、
VPSのサーバーに設定するためには、
IPアドレスが必要なので、
のサイトで、

ページの中の、
「ログイン」
のボタンをクリック。
そして、

この画面で自分のログイン情報を入力。
ログインボタンで管理画面にログインできます。
ログインしたら、
最初の表示で契約して使っているサーバーが表示されるので、

この画面の
「詳細情報」
をクリックしてください。
サーバーの情報のページが表示されるので、

このページの中の、
「IPアドレス」
を確認しましょう。
ここで確認するIPアドレスは、お名前.comの設定で使うのでメモしましょう!!
お名前.comでVPSのIPアドレスをドメインに設定する
で確認したIPアドレスを、
で設定します。
のサイトを開いたら、

この「ログイン」ボタンをクリック。
ログイン情報が求められるので、

ログイン情報を入力して、
「ログイン」
のボタンをクリック。
管理画面のメニューの

ネームサーバーの設定から、
「ドメインのDNS設定」
をクリック。
表示される画面で、

対象のドメインにチェックを入れて、
「次へ」
をクリック。
開いた画面の中で、

この中の、
「DNSレコード設定を利用する」
の
「設定する」
のボタンをクリック。
設定画面が開くので、

この画面の中で、
上記の設定部分があるので、
「VALUE」
の部分に、
で確認したIPアドレスを入力。
その右のほうに
「追加」
のボタンがあるのでクリック。
ここまで終わったら、
画面の下の方に、

次の画面に進むボタンがあるので、
「確認画面へ進む」
があるのでクリック。
この画面の後に、反映確認があるので、
それもそのまま進めてください。
ここまで終わると、反映処理が完了です。
【注意】ドメインの反映までに時間がかかることがあるので、時間を空けてから確認しましょう!!
使うサービスのリンク
大学中のインターンの開始時期は3年生の秋までの開始が1つの目安
学生の時から、
将来に向けての活動の1つとして、
「インターンとして、将来に向けた経験を積みたい」
という学生の方も多いです。
この学生インターンに関しては、
大学3年生の春〜夏くらいから、
「そろそろ、インターン探してみようかな」
という形で、
インターンを探し始める人も多いです。
このインターンに関しては、
最近では、海外に目を向けたインターンもあり、
「海外へ自分の視野を向けることで経験を広げる」
ということを目標に、
インターンに取り組もうという人もいます。
ただ、
最近の企業担当者と関わる中で、
「4年生または、3年生が終わる時期の人はなかなか採用するのが難しい」
という現状があります。
秋以降や1〜3月に募集している場合は、
企業側から見た時に、
「早めにインターンを始めたい大学1〜2年生を採用したい」
ということが希望として考えて、
長期インターン募集として、
掲載している企業も多いです。
現在の企業としては、
長期インターンとして人材を募集している場合は、
「アルバイトよりも意欲があり、長く働ける大学生を採用しよう」
という考えのもと、
インターンとして意欲があり、
業務の一部でも、社員の助けになれそうな人材を探しているので、
- その企業の業種や職種に対する意欲があること
- 短期ではなく長期でインターンに取り組めること
この2つを企業が求めていることを理解して、
インターンを開始する時期を把握しておき、
面談の時は、上記をアピールすると良いでしょう。
インターンとして1〜2年生の長期インターンの人材を求める企業が増えている
学生の時から、
将来に向けての活動の1つとして、
「インターンとして、将来に向けた経験を積みたい」
という学生の方も多いです。
この学生インターンに関しては、
大学3年生の春〜夏くらいから、
「そろそろ、インターン探してみようかな」
という形で、
インターンを探し始める人も多いです。
このインターンに関しては、
最近では、海外に目を向けたインターンもあり、
などを用いて、
「海外へ自分の視野を向けることで経験を広げる」
ということを目標に、
インターンに取り組もうという人もいます。
ただ、
最近の企業担当者と関わる中で、
「インターンには業務内の細かな単純業務を任せたい」
ということを考えていることが多く、
さらに、
「できれば、業務の理解なども含めて2年くらいやってほしい」
ということが希望として考える担当者が多いです。
この点で、
大企業で余裕のあるところは、
インターンとして、3年生を対象にしていることがありますが、
「大学1〜2年生をインターンとして迎えて、2年はやってもらう」
という方針にインターンの求める人材を変え、
実際に募集として、
1〜2年生の募集を待っている企業も増えてきています。
ただし、
企業側としては、「1〜2年生のみ」などを、
はっきりと書いてあるところは少なく、
「1〜2年生歓迎」という伝えかたで、
長期インターンとして人材を募集している企業があるので、
大学生のうちにインターンをしたいという人は、
早めに行動していくことがおすすめです。
ポートフォリオのためのConoha VPSを契約しよう
ポートフォリオをVPSで作る時に、
VPSを選ぶ際は、
大手のVPSで使用ユーザーが多く、
情報も多いVPSが良いです。
そんな中で、
個人的には、VPSの中でも、
が1番使いやすいので、
初めてVPSを使う人にはおすすめです。
ConoHa VPSのはじめかた
まずは、ConoHa VPSサイトをみてみよう
まずは、
こちらからサイトにいってみると、

このようなトップページにいくので、
上記の「お申込み」のボタンをクリックしましょう。
そのあとは、
シンプルに入力を進めていけば良いのですが、

この画面での入力の際に1つ、注意点があります。
パスワードはログイン時に必要なので、忘れないように!!
この点は、
上記の入力の際に、自動でアカウントが作られますが、
そのパスワードがわからなくなると大変なので
忘れないようにメモなどしておきましょう。
「ConoHa VPS」(クリックでサイトへ)選ぶプランについて
のプランに関しては、

このようなプランの中でも、
おすすめとしては、
「1GB」のプラン
がスペックと価格を考えた時におすすめです。
この1GBのプランで、
- シンプルなHTML/CSSのLPページを作る
- Ruby on RailsやLaravelを使ったサイトを作る
- Vue.jsやReactなどのフロントエンドのサイトを作る
などに関しては、
この「1GB」のスペックで十分です。
プランの契約期間とVPS割引きっぷ
VPSを始めるにあたって、
からConoHa VPSのプラン契約を進めていく中で、
「プランの期間」
を決めていくことが大切です。
ポートフォリオに関しては、
- すぐに見せれるようにして、1ヶ月以降は使わないなら「1ヶ月」
- 見れるようにしてから、1〜2ヶ月くらいは使うなら「3ヶ月」
- 学習段階から使いたくて、半年くらいは使いそうなら「6ヶ月」
で考えて、
「VPS割引きっぷ」
を使って契約すると良いでしょう。
「ConoHa VPS」(クリックでサイトへ)未経験から学習なしのキャリアチェンジは難しい
年齢にかかわらず、
転職においては、
「転職でキャリアチェンジをしたい」
ということが、
転職活動をやっていく中で、
目標の1つとする人は多いです。
そんな転職においては、
最近の世の中の流れとしても、
「プログラミングを仕事にしたい」
「デザイナーという職種で働きたい」
「エンジニアにキャリアチェンジしたい」
という目標を持って、
未経験からキャリアチェンジをする方も多いです。
そんな中で、
自己学習が進んでいいない状況だと、
なかなか、面接に進めなかったり、
実際に採用に進めることが少なかったりします。
そもそも、
未経験でもチャレンジ可能な企業を、
探したり、良し悪しを判断することが、
未経験なので、余計に難しいので、
世の中の企業を知るためにも、
などの転職サポートを活用して、
自分自身で抱え込まずに、
「世の中の企業を知り、未経験でも可能な企業に応募する」
ということが大切です。
また、
未経験からキャリアチェンジをするときに、
「未経験でも学習して最低限の知識を得る取り組みをしていること」
をアピールする必要があります。
実際に作ったものを見せることで、
アピールできる材料として使えますが、
どのような学習をしたら良いのかという点で、
などを活用して、
「転職」を目的とした学習をすることが、
1番の学習の中でも近道になることが多いです。
このようなサービスを活用しながら、
学習を進めていくことが、
現実的に未経験から、
キャリアチェンジを実現できる可能性を高めます。
キャリアチェンジに関しては、
「考えるよりも行動してみる」
ということが、
前向きに物事を考え・進めることができ、
「キャリアチェンジを実現する」
ということに近づくので、
まずは行動してみましょう。
就職・転職を有意義にするために「成長したいこと」を決める
年齢にかかわらず、
就職・転職においては、
情報を収集すること、
応募して面接を受けること、
そのようなことが重要だと言われますが、
1つ大切なこととして、
「自分が成長したいと思う業種・分野を決める」
ということが、
就職・転職活動をやっていく中で、
世の中の企業を知り、
応募の段階での企業側の評価もよく、
「人材価値としてみとめてくれた」
と感じることで、
自分がやりたいこと、
やっていきたいことを考えず、
「何か、評価をされた気がするから」
という点だけをみて、
就職・転職を決めてしまうことがあります。
この方法でも悪くはないのですが、
長い目で見た時に、
幡羅木津づける中で、
「本当にこれが自分が学んで成長したかったことか?」
と悩んでしまい、
人によっては、うつ症状になってしまう人もいます。
成長したい業種や業界をしっかりと見極めて、
その分野で成長を続けることで、
「キャリアの一貫性があることで、転職をやる中でも人材価値は下がりにくい」
ということが言えます。
もし、
自分人だけで、
うまく「自分がやりたい業種や職種」が、
明確にならない・うまく決めれないという人は、
転職エージェントのサポートを活用して、
「自分がやりたいことを確認するための壁打ち」
として、
活用することがおすすめです。
自分で抱え込みすぎて、
軽いうつ症状になるようなら、
エージェントなどのサービスを活用することで、
「他の人に自分の意見を出すことで、自分のやりたいことに気づく」
ということがあるので、
気軽にエージェントなどのサービスなどを活用しながら、
自分がやっていきたいこと、
成長していきたいことを探っていきましょう。
海外に関わることを若いうちに。学生のうちに経験を得るためのインターン先。
学生の時から、
将来に向けての活動の1つとして、
「インターンとして、自分の経験の幅を広げたい」
という学生の方も多いです。
そのような方に関しては、
「自分も目指す方向性のスキル習得に向けたインターン」
というシンプルな方法としての、
ITスキルなどを身につけるためのインターンもありますが、
「海外へ自分の視野を向けることで経験を広げるインターン」
という視点で、
インターンに取り組むことも、
1つの方法として、考えてみることも良いでしょう。
インターン先を考えるときは、
「そのインターンで自分は何を得たいのか?」
ということをしっかりと考え、
その先の将来のことも考えれることが、
1番良いことで、
「そのインターンで得たことで、将来何をやっていきたいのか?」
ということを、
考えてみることが、
インターンに向けて取り組むべき大きな意義の1つです。
海外に行った方が良い、
やめておいた方が良いなど、
色々な情報があると思いますが、
「どのようなインターンがあるのかを”知る”こと」
ということが、
知っていることで、
自分の考え方の幅も広がるので、
色々なことを知り、
インターンをどのように繋げていくか、
海外に目を向けるのも、
1つの選択肢として考えてみましょう。
インターンとして1〜2年生の長期インターンの人材を求める企業が増えている
大学中のインターンの開始時期は3年生の秋までの開始が1つの目安
ポートフォリオのためのドメインをお名前.comで取得しよう
ポートフォリオを作る時に、
サイトのURLとして、
自分独自のURLを持つことは、
愛着もわき、自分自身のサイトのアピールにもなります。
この記事では、
ドメインの取得としてオススメな、
お名前.comでのドメイン取得方法を共有しておきます。
お名前.comでのドメインの取得方法
まずは、お名前.comのサイトをみてみよう
ドメインを取得する時に、
1番のおすすめは「お名前.com」。
ドメインを取得した後の管理など、
わかりやすくなっており、
何かあった時にメールなどで問い合わせできるので、
ドメインを取得するなら、
個人的にオススメは「お名前.com」の一択です。
まずは、どのドメインが空いているかをチェック
お名前.comのサイトに、
アクセスしてもらうと、

このようなページになります。
このページの中で、

この2箇所に入力をして、
「検索」
のボタンを押すと、
自分が調べたドメインが今、空いているのかの確認
ということをすることができます。
例えば、

このような感じで入力して、
「検索」
のボタンを押すと、

このような表示になり、
この中の

この赤い色で囲った部分で、
チェックできるものが、
今、空いていて自分が取得できるドメイン
であるということになります。
まずは、
ここまでをやってみましょう。
オススメの「お名前.com」のサイトへドメインを選んだら契約に進もう
先ほどのドメインの名前を調べる方法を使って、
自分なりに取得したいドメインが決まって、
うまく空いていたら、契約に進みましょう。
まず、

自分の使いたいドメインをチェック。
そして、注意点があります。
2の「サーバー」の選択は、VPSを使うと不要なので、
「利用しない」を選択しましょう!!
この注意点は、

このサーバーの利用有無の部分が、
「利用しない」
になっていることを確認して、

この
「お申込みへ進む」
を選択しましょう。
次の画面での設定としては、

このサーバー部分の有無は、
必要がないので、
「利用しない」
を選択。
そして、
お申し込み内容の部分の2つのチェックボックスは、

この2つの設定については、
個人でポートフォリオなどで使っていく上では、
基本的に不要なことが多いので、チェックはつけないで進めましょう。
ここまでできたら、

この部分で、
まだ、お名前.comのアカウントを作っていなければ、
「初めてご利用の方」
を選択して、
「メールアドレス」と「パスワード」を入力して、
「次へ」をクリックして進みましょう。
「パスワード」は忘れないようにメモしておきましょう!!
ここまで進めれれば、
あとは、
支払い方法
を入力して進めていくだけで契約完了!!
この流れで進めてもらうことで、
お名前.comでのドメインの取得が完了です。
副業はコツコツ実績を積むことで収益が安定する
副業においては、
初めていくときに言えることは、
「副業として始めたばかりの状態は収益が安定しない」
ということ。
この点に関して、
よりよく副業の収益化を安定させるためには、
などを用いて、
業務の依頼を受けて、
その依頼を完結させることで、
収益を手に入れる形の副業は、
「副業の業務の”実績”を積むことが大切」
であると言えます。
これは、
業務を依頼する側から見たときに、
スキルがたかそうな方でも、
実績がないと、
少し躊躇してしまうことがあり、
結果として、実績のある人に仕事を依頼します。
そのため、
「業務実績を増やすと、企業側からの業務依頼が増える」
ということがおきやすくなり、
その結果として、
「副業の収益が安定していく」
という流れになります。
この副業の収益の安定化を目指すためにも、
などのサイトで、
「自ら対応できそうな業務にまずは応募を増やしてみる」
ということで、
副業の実績づくりの行動を増やすのが、
収益を安定させていく中で、
大切なポイントです。
また、
無理に副業をやってみるよりも、
「副業よりも転職で給料や手取りを増やす方が可能性がある」
ということもあるので、
副業に手をつけながらも、
自分自身の就業している企業の給与や手取りが、
そもそも、自分が納得できていないのであれば、
などを使いながら、
このエージェントによる情報収集を活用して、
自分のベースとなる給与や手取りをあげることに、
取り組んでみることが近道の可能性もあるので、
同時にやってみることもおすすめです。

居心地良く働ける企業+副業という選択肢
年齢にかかわらず、
転職においては、
「年収や手取りを上げることで生活のパフォーマンスを上げたい」
ということが、
転職活動をやっていく人の中で、
1番の目的であることが多いです。
そんな生活のパフォーマンスに関してですが、
多くの人がパフォーマンスの納得度においては、
「自分自身が生活の中でストレスが少なく生活できる」
ということが、
納得できる生活につながると言えます。
そんな納得度に関しての、
「できる限りストレスを少なくする」
という点を目指す上で、
転職して給料や手取りは上がったけれど、
激務や精神的負担で、
ストレス度が上がってしまったということを防ぐためにも、
「居心地良く働ける企業+副業という選択肢」
を考えながら、
今の企業のまま副業を始めてみたり、
転職時に、副業を始めることを前提に、
「副業が可能で、居心地良く働ける企業を転職で探す」
ということが、
うまく自分なりの納得できる生活のパフォーマンスを、
実現するための方法の1つとして非常におすすめです。
まず、
「自分がストレスが少なく居心地良く働ける企業」
に関しては、
このエージェントによる情報収集を活用して、
などを使いながら、
自分がストレスが少なく働ける企業を探しましょう。
また、
副業に関しては、
自分にできる範囲の副業を探して、
少しずつ、
副業の量を増やしていくことがおすすめ。

転職のためのエージェント選びは、サービスでなく、担当してくれる「人」で良いと思う人を選ぶ
年齢にかかわらず、
転職においては、
情報を収集すること、
応募して面接を受けること、
そのようなことに対して、
「情報を収集するためにエージェントを活用する」
ということが、
転職活動をやっていく人の中で、
世の中の企業を知り、
自分が転職市場の中で、
「どのくらい人材として求められる企業があるのか」
ということや、
「どのような企業なら採用に近づくことができるのか」
という点を把握できるので、
うまく転職できるかどうかを分ける大きな要因です。
このエージェントによる情報収集に関しては、
を参考にしながら、
転職サポートのサービスを複数、
活用してみながら、
「自分の性格に合ったエージェントの担当者を見つける」
ということが、
エージェントからの情報収集をする上で、
非常に大切なことです。
このエージェントでの情報収集をする上で、
使う側からも担当者に要望を出していくことで、
「自分が転職に求めていることをエージェントに把握してもらいやすい」
ということがあるので、
遠慮せず、エージェントには要望を伝えましょう。
また、
「うまく、話を伝えられない」
「緊張してうまく話せない」
ということが、
性格上、あるようなら、
例えば、女性であれば、
「女性の目線で相談にのって欲しいので、女性の担当者をお願いできますか」
などの形で、
エージェントを活用する最初の段階で、
どのような担当者が、
自分のエージェントとしてサポートして欲しいのか、
その辺りを最初に要望してみるのも1つの方法です。
サービスによっては、
この辺りの要望にも答えてくれることが多く、
「女性のエージェントの方に担当になって欲しい」
「エンジニア上がりのエージェントに相談してみたい」
など、
そのサービスの中で、
該当するエージェントが対応できそうであれば、
要望に応えてくれることもあるので、
自分に担当してくれるエージェントと、
「人」と「人」としての相性があるので、
その辺りは、気兼ねなく、
エージェント活用の際に依頼してみることで、
より良い情報収集や相談などにつなげていきましょう。
転職による働き方に悩んでいるようなら、
などの記事も、
合わせて参考にすると良いでしょう。
就職・転職では「自分で考えて行動できる人」になろう
年齢にかかわらず、
就職や転職においては、
情報を収集すること、
応募して面接を受けること、
そのようなことに対して、
「自分なりに考えて、行動すること」
ということが、
転職活動をやっていく人の中で、
うまくできるかどうかを分ける大きな要因です。
まず、
「自分なりに考えること」
ということが大切です。
この点で注意して欲しいことが、
「1から10まで自分で情報収集して悩む必要はない」
ということ。
情報収集に関しては、
自らサイトや企業のホームページなどを見て、
どのような企業があるのかを探るのが基本ですが、
このような、
転職サポートのサービスを活用して、
「情報収集力を高める」
ということも、
就職や転職でうまくやっていくために、
方法の1つとして、
自分だけで抱え込まず、
やっていくために活用することは問題ありません。
そして、
「就職・転職に関して、実際に行動に移せること」
も大切です。
自分の状況に合わせて、
企業選びをすることが大切ですが、
応募をして、採用面接を受けることに躊躇せず、
億劫にならず、行動に移せることが大切です。
就職・転職は、
「実際に何かしらの行動がないと結果に繋がらない」
ということが言えるので、
まずは、前向きに取り組んでみることが大切です。
もし、
自分なりに行動できないようなら、
などを活用して、
どのような企業が募集しているかを知り、
転職サポートとして、
色々と相談をした上で、
応募する企業を選ぶことをやってみましょう。
行動できないときは、
自分が応募する企業を決めきれていないことが、
大きな要因の1つなので、
この点をクリアすることで、
就職・転職のための行動につなげていきましょう。
年齢にかかわらず、
企業選びに取り組んで、
行動に移すことで、
就職・転職は結果につながるので、
考え込みすぎず、行動につなげていきましょう。
ちなみに、
転職エージェントなどのサポートを使うと良いですが、
どのエージェント会社かというよりは、
「人」として、自分に合うエージェントを活用することが、
悩みも相談しやすいのでおすすめです。
スキルが養えてない若い人を取る企業と取らない企業
年齢が若いうちに、
「今の会社に入ったばかりで、転職できるのかな」
ということで、
転職活動をやっていく人も多いです。
そのような若い人の採用に関しては、
その人のスキルや人材募集の状況で、
難易度も変わっていくものです。
そんな中で、
「企業側が何を求めて若い人を採用するのか」
という点を理解して、
自分の状況に合わせて、
企業選びをすることが大切です。
そのような企業選びに関しては、
などを活用して、
どのような企業が募集しているかを知り、
自分が取り組みたいことにあった企業を選ぶことが、
最終的に目標とする企業への転職に、
うまく繋げることができるオススメの方法です。
また、
年齢が若いことで、チャンスの幅も広くなりますが、
「自分が何をやっていきたいのか」
ということを考えることも大切で、
企業の採用担当者も、
「その人材がやりたいことが自社にマッチするのか」
を判断するので、
面談の時に、しっかりと話せるようにしましょう。
自分自身で、
うまく自己分析が進まず、
今後のやりたいことなどがはっきりと決めれない場合は、
などを活用して、
自分が今後、どのようにしていきたいのかを考えて、
ステップアップするための企業選びに取り組んで、
長い人生のキャリア構築につなげていきましょう。
ステップアップで落ち着きたい企業を目指す
就職・転職をする中で、
「すぐに目的のレベルの企業に行くのが難しい」
ということは、
その人のスキルや人材募集の状況で、
難易度も変わっていくものです。
そんな中で、
最終的に、
「自分のスキルレベルを上げていきたい企業がある」
という形であれば、
などを活用して、
ステップアップを挟んで、
就職・転職が厳しい目的の企業にも、
スキルアップができる企業に入り、
経験を積むことで、
最終的に目標とする企業への転職に、
うまく繋げることができます。
年齢にもよりますが、
20代、30代での就職・転職は、
などを活用して、
長い目で見たときの自分のキャリアを考えて、
ステップアップするための企業選びに取り組んで、
長い人生のキャリア構築につなげていきましょう。
キャリア形成に関しては、
この記事も参考に、
外資企業も検討して、
幅を持たせながら考えてみるのも良いでしょう。
副業ではなく復業ができる人材を求めている企業が多い
就職・転職とは別に、
「副業をしてお小遣いを稼ぎたいな」
ということを考えて、
副業として案件を探す人は多いです。
そんな人の中で、
「なかなか、時間などが合わず、案件が取れない」
という状況の人が、
注意してほしいことがあります。
それが、
「副業ではなく復業ができる人材を求めている企業が多い」
ということ。
これは、
「副業」として、
自分の本来の業務時間以外の、
「平日の夜」や「週末」などに、
案件を取り組みたいという人ではなく、
企業側は、
「平日の日中」に2〜3日などで、
「複業」として稼働できる人材を求めており、
その点でミスマッチが起きていることが多いです。
この点の解消に関しては、
案件を探すときに、
「副業」を探したいのであれば、
「複業」を探したいのであれば、
を使うという形で、
企業側が求めている方向性が多い方と、
自分が求めている方向性が合うサービスを、
うまく活用することがおすすめです。
巣篭もり需要で業績が伸びた企業が少しずつ採用を増やすところを狙う。
就職・転職を始めようと考えたときに、
「どのようなところを狙おうか迷っている」
という状態で、
自分が進みたい方向性が決まっていない人は、
などで、
自分の方向性を相談しながら、
就職・転職に向けて考えてみることが大切。
そんな中で、
現在の世の中の状況についても考えることが、
自分が就職・転職しようとする企業の見極めにも、
非常に役に立つことが多いです。
特に、最近では、
巣篭もり需要で業績が伸びた企業が、
少しずつ採用を増やしているということが少しずつ、
増えているので、そのようなところを狙うこともあり。
このような、
業績が伸びてきて、
少しずつ採用を増やしているところは、
キャリアアドバイザーが情報を持っていることが多く、
AI、ECなど、そこに付随する業種の企業などが、
人数は多くなくても、
良い人材を探そうとしていることがあるので、
そのような企業を目指してみるのも良いです。
IT系であれば、
などで、
業績が伸びているような先端技術やイノベーションの領域に、
強いサービスを使って仕事を探すのがおすすめ。
自分が見えている範囲だけで、
就職・転職活動をしてしまうと、
その狭い中から選んでしまうことになるので、
転職エージェントも含めて、
幅広いサービスを使って、
世の中の状況を見ながら、
就職・転職をしていきましょう。
ちなみに、
転職エージェントのサポートを受ける時は、
なども参考にして、
自分に合ったエージェントを探すのが、
自分自身の悩み解決にもつながりやすいので、
非常におすすめです。
就職・転職に関して給与収入に関する所得税の税率構造も知っておこう
就職・転職において、
働いていく中で、対価としての給与は重要
であるということが言えます。
これは、
基本的に働いていくことは、
日々の生活をしていくために、
お金が必要なので、
そのために働く対価として、
給与は高い方が良いと考え求める人が多いから。
また、
この給与収入が増えたときに、
年収が増えたときに、
所得税の税率構造上、
すごく高い年収をもらっている人が、
「40%以上も税金で持っていかれる人がいる」
ということも時折、耳にすると思います。
これは、
財務省の資料がわかりやすい。

このように、
所得税率が上がる給与収入が上がっていくと、
所得税も上がるタイミングがあります。
特に給与収入の多い割合が高いところの部分に関しては、
上記の全体の推移の中でも、

このようになっているので、
今まで、
勝手に計算されて、
自分の所得税率の割合なんて気にしなかった
という人も見かけるので、
この所得税の税率の図で把握しておきましょう。
ちなみに、
この所得税率の資料は、
税率・税負担等に関する資料 : 財務省(クリックでサイトへ)
上記のページにあり、
過去を含めた推移の大枠をイメージできる図も載っているので、
興味がある人は、見てみると面白いのでおすすめです。
成長意欲と転職先で身につけることを考えた企業選び
転職活動を行う中で、
「目的を明確にすること」
が1つの大切なポイント。
このポイントに関しては、
などを通して、
無料でのキャリアプラン相談で、
転職で実現させたいことを整理するのが大切。
そのようなカウンセリングを受ける上で、
しっかりと考えておいた方が良いことは、
「自分自身がどうしたいかを決める」
ということ。
転職でのキャリアを考えていく上で、
・どの分野に関して成長意欲があるのか
・転職した先で何を身につけたいのか
ということを決めることが、
自分の転職活動として、
成功に導くための重要な要因となります。
この大きな要因は、
カウンセリングなどを通して、
自分の中である程度固めてから、
それに合った企業選びを、
サイトやエージェントを活用して、
数ある企業の中から選んでいくことで、
自分の目的に合った企業選びにつながります。
「自分1人では、転職を考えているけど、うまく纏まらない」
という人は、
などを通して、
まずは、相談できる人を見つけて、
「自分が今、何を考えているのか」
「自分の本心はどうしたいのか」
を探るところから始めましょう。
自分自身の悩みを考える上で、
外部のサポートを受けることは有意義なので、
転職エージェントは無料なので、
複数活用した方が良いですが、
なども参考にして、
どの転職エージェントなのかという観点よりも、
自分自身に合ったエージェントの「人」がいるかを、
見極めながら活用していくと良いでしょう。
転職では基本給と賞与の計算方法を企業側に確認しよう。
転職の時に、
年収ベースで希望額だけを伝えるだけで、
細かなことを確認しない人も多いです。
このような点は、
就業時間としての出社時間や退社時間などを
重要視していて、
給与面をそこまで重要視していない人は、
それでも良いかもしれません。
しかし、
ステップアップとして、
「年収をしっかりと上げたい」
という人は、
・毎月の給与の中の「基本給」
・賞与の計算方法
の2つを確認するようにしましょう。
この2つに関して確認することで、
・残業ありきで、基本給自体が思ったより少なかった。
・賞与の計算が思った方法と違う、企業独自の方法だった。
など、
入社してからわかって、
落胆することにつながることを避けましょう。
実際にこの確認した方が良い点に関して、
「自分自身で確認するのができない、勇気がない」
という方は、
未経験からスキルアップして転職や副業でキャリアを築いていくためにおすすめのサービス
などを用いて、
サポートを受けながら、
転職活動をしていくと良いでしょう。
また、
基本給や賞与に加えて、
就職・転職に関して給与収入に関する所得税の税率構造も知っておこう
を参考にして、
所得税の概要だけでも、
知っておくと良いでしょう。
感情で退職せず、理性で考える
職場でスキルを養いながら、
働く中での不満を抱えて、
「感情で」退職してしまう人がいます。
このような方の中には、
感情的になってしまうことで、
現在の職場に関して、
・職場として自分に合っていた点
・職場として自分に合わなかった点
を考えることをせずに、
今の職場よりはマシ「だろう」
という推測で、
うまく理性を働かせず、
転職企業を決めてしまうことがあり、
理性的な判断ができていなかったことに後悔する
という人も見かけます。
このように、
後悔することを防ぐためにも、
1度、深呼吸して、
現状を理性的に分析することで、
より良い企業を見つけれるように取り組みましょう。
自分自身が悩んでいることを、
1つずつ、把握していくことが大切ですが、
この記事のような、
「成長したいこと」
が何かを考えるということや、
この記事のように、
自分自身が継続することが、
嫌にならない職種を考えてみるのも、
理性をもって転職活動していく中で大切なので、
記事を参考に自分自身で考えてみると良いでしょう。
就職・転職でスキルや現状を正しく伝えることがきる能力
就職・転職の際など、
自分のできることや能力など
必ず質問されます。
この質問事項に対して、
面接を担当している担当者が、
「何を言っているんだ?、どういう意味だ?」
と考えてしまう時点で、
印象が下がってしまうことがあるので、
相手に自分の伝えたいことを正しく伝える能力
ということが大切です。
そして、
この能力に関しては、
苦手な人もいるかと思いますが、
その際は、
「事前に伝えたいことを資料として可視化できるように準備する」
ということがおすすめです。
この準備によって、
言葉でうまく説明できなくても、
資料が補助物として助けてくれるので、
緊張でうまく話せなくても、
資料を読んで面接の担当者が理解してくれます。
「履歴書などの以外に資料を渡すのは恥ずかしい」
と考えている人は、
1歩踏み出して、自分のアピールのために頑張りましょう。
実際に、
自分自身がステップアップを優先的に考えるようなら、
の記事のように、
外資企業を視野に入れて、
ステップアップの先に高待遇を目指すことを、
今の時点から視野に入れて考えていくと良いでしょう。
勤務年数が短い転職もあり!?自己分析して考えてみよう。
就職・転職したけど続かない。
なかなか、長く勤務できず、
「転職したいなぁ」
と考える人も多いです。
その点に関して、
まずは、
「自分は勤務年数が短いから悪い」
と考えこみすぎることは避けるようにしましょう。
このマイナスの考えを持つことで、
悩みすぎて鬱傾向になったり、
現状を正しく分析できず、
次の転職にも良い影響を与えにくくなります。
そこで、逆に考えるべきことは、
「なぜ、今の職場は嫌なのか」
ということ。
そして、
その職場が嫌な理由、
または、
転職先に求める現職場との違い
を考えてみると良いでしょう。
その際、
自分の性格やスキルを分析して、
社会の中で自分がどのように活躍できるのか
ということを考えてみることで、
現場の把握と将来の見通しができてくるので、
次の転職活動に繋がりやすいです。
自分自身を自己分析して考えていく中で、
この記事も参考にして、
「自分自身が成長していきたいことは何か?」
ということについても、
自分なりの答えを模索するのも良いでしょう。
また、
勤務年数が短いということは、
何かしら、
自分自身に合わないと感じることがあるので、
自分自身が、
継続していくことが、
苦にならない職種を探すことも、
1つの方法として考えてみましょう。
IT業界でWeb系へのキャリアチェンジの転職
基幹系のシステムでは、
COBOLという言語が使われていることがあり、
「このままで良いのか」
ということを悩む方も多いです。
そのような方の中でも、
Web系企業への転職をトライして、
実際に実現している人がいます。
このような人の多くは、
スクールを活用して最短でWeb系企業に「まずは」入社した
という流れが多く、
まずは入社を実現することで、
Web系でのキャリアを早くスタートさせ、
その中で、
一歩ずつ、経験を積んでいます。
一方でうまくいかない人は、
独学で、Web系の現場で求められるレベルまで、
学習をしてスキルを上げようとしすぎて、
実際の転職活動ができていないことが多いです。
そのため、
基幹系でCOBOLなどを使っている人で、
キャリアチェンジして、
Web系企業を目指すのであれば、
のような、
転職に強い、オンラインスクールを活用して、
最短で学習〜転職までを実現することにトライした方が、
より可能性のある行動になりやすいのでおすすめです。
まずは、一歩、踏み出してみることが大切です。
0→1で新たなキャリアを身につける転職
転職を考えるときに、
スキルセットとして、
新たに「0→1」として、
今までに使っていなかった技術を、
新しい職場で身につけることができるかどうか。
これが、
将来の自分のキャリア形成において、
新たなスキル習得につながり、
人材価値として、
大きな違いを生んでくる。
そのため、
今までのスキル・知識・経験を生かしながら、
0→1で新しい職場で何か新しいものを得られるのか、
それを意識して転職活動をすると、
長い期間で見たときのキャリア形成に、
非常に大きな違いを生むので大切にするべきです。
そのためにも、
この記事のように、
「自分自身が、今後、成長したいこと」
を考えることも、
1つの自己分析として有意義なことです。
この成長したいことをしっかり考えて、
この記事のように、
自分自身の「成長意欲」を生かしながら、
新たなキャリアを築けるための企業選びを進めましょう。
また、
新しいキャリアを築いていく中で、
自己分析をしっかりとすることは、
0→1での新たなキャリアを築いていく上で、
将来の自分の未来像が描きやすくなります。
新たなキャリアを気づく上では、
行動も大切なので、
自己分析をしっかりした後は、
実際の転職活動はしっかりと行動していきましょう。
自分なりの快適な生き方を転職で探る
転職活動をするときに、
「給与」などのわかりやすい待遇
に関しては、
判断する材料として、
非常に分かりやすくて、
「以前よりも良かった」
「以前よりも悪くなった」
ということを判断できるので、
1つの物差しとして、
使うのは、人や状況によっては良い。
ただ、
メンタルを壊しやすいエンジニアなどは、
「自分がより快適に生きれるか」
ということを考えた方が、
人生100年と言われる時代で、
心身、特にメンタル的に、
壊さずにより意欲的に生きれるので、
自分の将来の成長戦略を考えていく中でも、
1つの物差しにすることが大切です。
そんな中で、
この記事のように、
「継続することが嫌にならない」
という職種を考えて、
その方向に進むことも考えてみると良いでしょう。
転職で得られるメリットを考える
転職活動をするとき、
転職を実現することで、
自分自身が「何を得るのか」。
これを考えることが大切。
そして、
「転職で得ること」
が、
自分自身に対して、
どのようなメリットをもたらすのか。
これを考えてみましょう。
大きくは、
転職を実現することで、
- 給与を上げることができる
- 働き方を改善することができる
- スキルアップができる
このどれかであることが多く、
自分自身が、
転職を実現する上で、
どのメリットを取りたいのか。
これをしっかりと考えることで、
転職を実現した際の
納得度を向上させましょう。
20代のうちにベンチャーを経験しておく
「スキルアップ」
という経験値を積むとき、
なるべく早い段階で、
ベンチャー企業で働くことで、
自分自身のスキルアップにつなげる事ができます。
特に、
「20代のうちに」ベンチャーで働くこと。
これは、
ベンチャー企業の採用が、
どちらかというと、
若い世代の方が就職・転職に寛容であることが理由。
30代後半や40代などになると、
実務経験があれば、
派遣先などがあるので、
採用してくれることもあるが、
ベンチャー企業は、
比較的、高いスキルを持っている場合を除き、
転職を成功させることが困難である。
ベンチャー企業で幅広く仕事をこなすこと。
それを若い時に取り組めるかどうかで、
スキルの幅が変わりやすく、
将来的なスキルセットにも影響し、
それが年収の違いにもつながっていく。
自分自身が、
社会の中で活躍していく中で、
何を専門にして活躍していくかを考え、
この記事のように、
自分自身のことを自分なりに分析して、
「自分が成長していきたいことは何か?」
をしっかりと考え、
それにあったベンチャー企業で働く選択肢を、
模索して就職・転職の活動をするとよいでしょう。
小さな会社でマンパワーで成長するという方法
エンジニアやデザイナーとして成長したい。
そう思っているときに、
メガベンチャーなどの、
IT大手を目指すことも、
方法の1つとしては良いと思います。
その方法とは別に、
1つの方法として考えたいのが、
小さな会社で、
エンジニア・デザイナーが少ない環境で、
自分自身のマンパワーを、
しっかりと発揮しなければいけない状況で、
仕事をしていくことで、
エンジニア・デザイナーとして、
成長することが可能なので、
就職・転職をする際は、
成長意欲があるのであれば、
そのような小さな企業で、
自分のマンパワーを発揮するのもおすすめ。
普及したスキルで仕事をやっていくときに大切なこと
スキルに関しては、
・現在、流行しているスキル
・既に普及しているスキル
に分かれますが、
「普及したスキル」
を使って仕事をしていく中で、
大切なことが1つあります。
それは、
「業務知識を仕事のベースにしていくこと」
ということです。
普及したスキルであれば、
そのスキルを使うエンジニアやデザイナーの数は、
現時点で流行り始めているスキルよりも、
全体の人数が多く、違いが生まれにくいです。
そんな状況の中で、
「仕事をやっていく、続けていく」
ということを考えると、
プラスアルファで、
スキル以外で周りとの違いが大切。
スキル以外での違いとして、
「業務知識」が1番、仕事にも生き、
システム開発の中で、
上流工程をできるなど、
より単価・給与が上がりやすいポジションになれるので、
普及したスキルを持っていて、
自分のスキル向上が見込めない職場などで悩んでいるなら、
などで、
オンラインで業務に関連する知識を身につけ、
より上流工程に携われるようにするのが、
キャリア構築にもつながるのでお勧め。
エンジニア不足と未経験エンジニア余剰という現実
転職状況を見ていく中で、
「エンジニア不足」
という業界の大きな構造があり、
以前は、
未経験であっても、
とりあえず、意欲のある人材を採用して、
育てながら会社で活躍できるようになってもらう。
これを会社側はやっていた。
会社側も頑張って未経験を採用し、
採用した会社の中の現場のエンジニアも、
色々と育成の試行錯誤に取り組んだ。
しかし、
実際の現実は厳しかった。
未経験でとってもうまく育成できない。
その結果、採用担当や現場エンジニアも考える。
「できるエンジニア1人 > 未経験エンジニア複数人」
と考えた方が良いのではないか?
採用自体が困難であることは間違いないが、
マンパワーでシステム開発をできる人材を採用して、
システムを完全に任せるコア人材になってもらう。
これを採用したことで、
未経験からのエンジニアへの就職・転職が厳しくなった。
そのように担当者や現場エンジニアの話を聞いて感じる。
では、
未経験からエンジニアを目指すにはどうしたらよいか。
この点を考えると、
「まずは、IT業界に入り、少しでも早く経験を積む」
これを優先させるべきだ。
そのため、
プログラミングの学習
↓ ↓
就職・転職活動
↓ ↓
現場で経験を積む
という流れを考えたときに、
学習の段階で、
就職・転職活動の成功に向けて、
少しでも確率を上げる方法をとるべき。
そんなときに、
「スクールを活用して、最短で就職・転職を実現する」
ことが大切だ。
この点で考えると、
このようなスクールなど
3ヶ月などの短期間で、
学習して就職・転職までの、
「転職の確率を高めてくれるプログラミングスクール」
を活用することが、
未経験からエンジニアを目指す人には、
一番の早道であると考えられる。
実際にスクールを活用して、
転職に向けて動いていく中では、
この記事のように、
自分がどのように成長したいのか、
成長していきたいのかは、
スクールを活用する上でも聞かれるので、
自分なりの考えを持っておくと良いでしょう。
就職・転職に向けた自分のスキルの棚卸し
就職や転職に向けて、
自分がどのようなスキルを持ち、
そのスキルレベルが、
どのレベルまで培っているのか。
このような、
「就職・転職に向けたスキルの棚卸し」
をやることが、
就職・転職を成功させる上で、
非常に大切なポイントです。
スキルの棚卸しは、
- 自分が持っているスキルを細分化
- 細分化スキルの経験年数
- 細分化スキルの習熟度
- 細分化スキルに関連するツール・ライブラリ
などをまとめてから、
職務経歴書などにまとめておくと、
企業側も把握しやすく、
魅力的な人材に移りやすいです。
もし、
自分でうまくスキルの棚卸しができないなら、
などを活用して、
自分のスキルやスキルレベルを
「客観的」に棚卸することが、
就職・転職につながるのでおすすめ。
実際に転職サポートを活用する際には、
この記事のように、
複数のエージェントを活用する中で、
自分自身が「合う」と感じる「人」を選んで、
サポートを受けていくと良いでしょう。
このサポートを受けていく中で、
スキルの棚卸しだけでなく、
この記事のように、
就職・転職をやっていく中で、
自分自身が落ち着きたい企業を考え、
そこを目指すことから始まるので、
まずは、自分を知るところから始めましょう。
未経験からスキルアップして転職や副業でキャリアを築いていくためにおすすめのサービス
プログラミング、Webデザイン、動画編集など、
自分自身でできることが増えると、
人生の中での選択肢も増え、
より自分自身でやりたいことを、
仕事として取り組むことができるようになります。
そのような、
自分自身の将来に向けたスキルアップに関しては、
オンラインで自分の時間を有意義に使いながら、
リーズナブルにはじめてみることが、
継続率も上がることで、
スキルもより身につきやすくなります。
コツコツと学習をすることで、
スキルを身につけて、
就職・転職・副業に繋げていきましょう。
この記事のまとめ
- 自分の時間を有意義に使いながら、
- スキルを継続的に向上させることは、
- 将来に向けた自己投資という点で、
- 非常に有意義な時間の使い方です。
- そんな自己投資の中で、
- スキルを向上させていくためには、
- 自分自身の隙間時間などを活用して、
- オンラインでのサービスを活用することが、
- 継続的に学習を進めていく中でも、
- 時間を有効に使えるため、
- 長く学習をできることに繋がると言えます。
- また、長く学習を続けるためにも、
- 自分の予算の範囲内で、
- コスパ良いと思えるサービスを活用するということが、
- 学習の継続率を上げるためにも重要です。
- 自分の学習の方向性を考えながら、
- どのような学習の方法をやっていくのか、
- 活用するサービスはどれにするのか、
- 自分の可能な範囲の中で、
- 学習を始めていきましょう。
継続するためにも、
自分自身時間を有効に使って、
オンラインのサービスで、
コツコツと学習していきましょう。
スキルがあるとキャリアが築きやすい
スキルとキャリア。
この2つは、
非常に関連が強く、
キャリアを築く上でも、
「スキル」を身につけることが大切です。
わかりやすいスキルとしては、
- システムを作れる「プログラミング」のスキル
- サイトやデザインなどを作れる「Webデザイン」のスキル
- 動画を作れる「動画編集」のスキル
などがあります。
このような「スキル」を身につけることで、
「〇〇ができる人材」という形で、
周りから評価を得ることができ、
そのスキルを持っていることで得られる道があり、
その道を「キャリア」として歩むことができます。
何のスキルを身につけるべきか
オンラインでの物事のやりとりや、
副業などの依頼が増えていく中で、
何のスキルを身につけるべきか。
これについては、
先ほどの説明の中でも、
取り上げたものを含めて、
- システムを作れる「プログラミング」のスキル
- サイトやデザインなどを作れる「Webデザイン」のスキル
- 動画を作れる「動画編集」のスキル
- バナーやロゴを作れる「画像編集」のスキル
- 情報発信を行える「SNS活用」のスキル
のどれかを身につけることが、
転職や副業にも繋がりやすく、
これらの中から、
自分が目指す方向性に合ったスキルを、
選んで身につけていくことがおすすめです。
本業で稼ぐなら「プログラミング」のスキル習得がおすすめ
転職して、
本業として稼いでいこうと考えているなら、
「プログラミング」
のスキルを身につけることが、
- ITのスキルがある人材を求めている企業は多い
- スキルが上がれば、給与ベースが上がりやすい
- 本業として働く中で学ぶことが多い
という点で、
非常におすすめです。
また、
本業で稼ぐことを考えると、
より外注しにくいこと、企業が本業として、
取り組んでいる人を取りたいというスキルという点でも、
この「プログラミング」のスキルは、
自社のシステム開発に専念してほしいと企業側は考えるので、
本業として稼ぐ上でも身につけることがおすすめです。
女性や副業を目指すなら「Webデザイン」と「動画編集」のスキル習得がおすすめ
女性の方で家庭の中で、
子育てをしながら空いた時間に仕事をしたい方や、
仕事をしているけれど、それ以外の時間で、
副業を始めたいという方には、
「Webデザイン」と「動画編集」
の2つのスキルがおすすめ。
プログラミングなどは、
なかなか、
スキマ時間だけの副業としてやる方に任せるには、
企業側としては難しい面がありますが、
この2つのスキルは、
- 企業側としても、作業者に仕事を任せやすい
- 企業側は素材を用意するだけなので手軽に任せやすい
- 作業者としては、作業時間の束縛される確率が少ない
ということが言えるので、
女性や副業を考えている人は、
この2つのスキルの習得を目指すことがおすすめです。
また、
Webデザインを学習することに関しては、
- HTML/CSSの基礎学習から始める
- 副業サイトには早めに登録して情報収集を開始する
- 作ったものはポートフォリオ として公開する
ということがおすすめなので、
学習していく中でも、
副業に取り組むことを目標にしながら、
学習を進めていきましょう。
【女性にオススメ】女性が副業でプログラミング/Webデザインで稼ぐ3ステップ
キャリアは現場経験を積めることを目標にすべき
キャリアを築いていく中で、
「スキル」を身につけることは、
キャリア構築にもつながりやすく、
やっていくことは非常に有意義なことを説明しました。
そんな「スキル」を身につけることに関しては、
「現場経験を積むことを目標にする」
という点がポイントです。
企業側から見たときに、
新しく作業を任せようとする人、
企業側から見ると新人として見る人が、
「スキル」は学習したので身につけました。
ただ、現場経験がなく、業務として使ったことがありません。
という場合と、
「スキル」を身につけた上で、
業務として、企業側から〇〇を任せていただいたことがあります。
この2つは、大きな違いがあり、
現場経験・実務経験を積むことで、
企業側の担当者が、
新入りの業務を任せる人を選ぶときに、
仕事を任せやすい人材にみせることができるので、
できる限り、現場経験・実務経験を積むことを目標にしましょう。
【エンジニア目指す方向け】企業への就職・転職の実現を目標にするなら「DMM WEB CAMP」

本業として、
「プログラミング」のスキルを習得して、
就職・転職につなげるには、
プログラミングスクールを活用して、
実際に企業で働くことが、
IT業界でキャリアを築く上でも早道です。
それは、IT業界の人材の判断が、
- プログラミングのスキルを経験年数で推測することが多い
- IT業界での幅広い「実務経験」を重視する傾向がある
- 現場レベルで身につけたノウハウを求める傾向がある
という点で、
担当者が判断することも多いので、
まずは、実際に企業に入って、
「実務経験」を現場レベルで身につけることが、
キャリア構築をしていく中でも、
将来に繋がりやすいのでおすすめです。
そして、
実際の転職に向けた学習をしていく上では、
転職保証をしているプログラミングスクールに通って、
なるべく早く、「実務経験」を積むことを目標にすることが、
IT業界の中でキャリアを築きやすいので、
「DMM WEB CAMP」のようなスクール活用がおすすめです。
【女性向け】Webデザイン/マーケティング/動画作成など幅広く定額で学習できる「SHElikes」

女性のキャリアを考えていく上で、
将来的に家庭を持つなど、
自分自身が取れる時間を考えたときに、
「Webデザイン」などのスキルを身につけておくことは、
将来的な副業のしやすさにも繋がるのでおすすめです。
そんなスキルを身につけていく中で、
いくつかのスキルを複数身につけておくことが、
副業などをやっていく上でも、
より仕事を得られやすく、
在宅ワークにも繋がりやすいです。
学ぶ内容として、
- サイトやデザインなどを作れる「Webデザイン」のスキル
- 動画を作れる「動画編集」のスキル
- バナーやロゴを作れる「画像編集」のスキル
- 情報発信を行える「SNS活用」のスキル
などを学習することがおすすめですが、
いくつかのスキルを複数身につけることが、
キャリアを築く中でもオススメの方法です。
そのような、
女性が将来のキャリアを考えていく中でも、
複数のスキル習得をしていく中でおすすめなのが、
「SHElikes」
というクリエティブスクールです。
女性専用で様々なスキル習得を目指せ、
- 未経験から仕事を受けるところまでを目指せる
- 複数のスキル習得でキャリア形成に繋げられる
- スキル習得して副業として取り組むことを目指せる
という点で、
女性が将来に向けて様々なことを考えながら、
キャリア構築のためにスキル習得をする上で、
この「SHElikes」はおすすめです。
就職・転職に向けては悩むよりも「行動」を始めるべき
未経験からの就職・転職において、
「自分はどうしたら良いのだろうか」
と悩むことは多い。
そんな悩みに関しては、
悩むことは自然であることを理解して、
「悩みはするが、悩みすぎず、行動に移す」
ということがポイントとなる。
この悩みを抱えるだけでなく、
行動に移すためには、
「わからない」を「わかるようにする」ということを
1つの目的に日々の活動を行うことがおすすめだ。
やりたいことがわからなければ、
まずは、
どのような職種があるかを知るところから、
情報収集するための行動が必要になるし、
自分で行けそうな企業なのかは、
その企業が求めている人物像、スキルを
把握するところから始める。
そんな行動をしていく中で、
情報が溢れて、取捨選択に悩みすぎる
ということが出てくる。
そのような時に、
自分自身で悩みすぎず、
就職・転職に関して、経験豊富な人に助言を求める
ということをやってみると良い。
具体的には、
このようなエージェントを使って、
自分にはない視点で物事にアドバイスをもらうことが、
取捨選択するための情報として参考になる。
また、
物事やサービスの変化が早い時代になり、
先端技術などに取り組める環境が、
後々の自分を助けることにつながるので、
成長を行える環境を探すことも大切である。
その際、
この記事のように、
自分自身が、
将来に向けて
「成長していきたいことは何か?」
を考えることも、
就職・転職の方向性決めに有効なのでおすすめ。
もし、
IT普及によって増えてきているIT関連に関しては、
未経験でチャレンジしたいけど、
独学など、自分1人では挫折しそうなら、
このようなスクールを使って、
就職・転職につなげるための行動をとるのも、
1つのアクションとして考えるべき。
自分自身のスキルに自信がないと嘆いていても、
自分自身は成長できず、
就職・転職に関しての物事は何も進まない。
行動をしないと始まらない。
就職・転職に悩んでいるのであれば、
悩むだけでなく、まずは行動を始めよう。
20代で就職・転職を考えているなら早めの行動が大切
20代で転職を考える。
それは比較的、多いこと。
そんな20代の転職については、
「今の環境で我慢して働くことにプラスがあるのか」
という観点で、
転職時期を考えるのが良い。
毎月の生活に追われているのであれば、
転職活動自体が困難に思えてくるが、
1つ大切なことは、
「先延ばしにするほど、転職は難しくなる」
ということだ。
20代のときは、
ブラック企業などはすぐに出たほうが良い。
自分が本来、積める経験が積めなくなるからだ。
20代の就職・転職であれば、
このような、
20代専門で、
就職、転職のサポートをしてくれるサービスを
使っていくのがおすすめ。
サポートを受ける時は、
複数のエージェントを使うことがおすすめで、
このようなサービスも、
合わせて活動することがおすすめ。
実際の転職活動自体は、
企業を選んだりするだけでも時間がかかる。
まずは、
サービスを使ってどのような企業があるのか、
今の企業と、どう違うのか調べるべき。
そして、
自分がどのような企業で働くかを考える時に、
などを参考にして、
自分自身を自己分析して、
就職・転職の方向性を考えていくことで、
納得できる就職・転職につなげることができます。
何も残らない仕事をしているという将来の危機感
仕事をしていて、
自分のスキルは向上していますか?
新たなスキルを
仕事をしながら新たな経験として蓄積できていますか?
この問答に「はい」と答えられなけば、
働いている職場環境は、
将来の自分自身にとって、
非常に危機感を煽るものになります。
年齢にもよりますが、
定年まで残り5年や10年であれば、
そのままの状態でも、
企業に在籍し続けることは選択肢として考えて良いでしょう。
ただし、
20代や30代前半の若いうちに、
自分自身にスキルの向上もなく、
将来につながる経験もなければ、
危機感を持って就職・転職について考えるべきでしょう。
実際に、
就職・転職への活動に移すかどうかは、
この記事のように、
まずは、
感情的にならずに、
理性で現状を把握して判断するのが賢明。
そして、
実際に行動をすることを決めたのであれば、
このような、
転職支援サービスを用いて、
自分のスキルや経験値を
本当の意味で上げられる会社を
見つけて転職することを目指すべきです。
転職活動をやっていく上では、
将来に向けて、
自分自身が「成長していきたいこと」を考えることで、
就職・転職の方向が決まってきます。
あとは、
転職エージェントを使う際は、
複数の会社を併用して使いながら、
サポートをしてくれる人の中でも、
自分に合った「人」を見つけて、
その「人」に相談する形にしていくことが、
精神的にも安定しやすいのでおすすめです。
フリーで働くという選択肢
自分のスキルや経験が、
少しずつ、養われてきて、
「そろそろ、フリーになって稼ぎたいな」
と思うタイミングは必ずある。
この「フリーで働くという選択肢」について、
自分が本当にその選択肢を取るかどうかは、
- どのスキルが必要なのか
- リモートで働くことは可能か
という2点を考えるべき。
「どのスキルが必要なのか」
という点は、
フリーとして働ける企業が、
何のスキルを求めているのかを把握して、
世の中の需要に対して、
自分自身のスキルがマッチしているかを考えるべき。
そして、
「リモートで働くことは可能か」
という点に関しては、
仕事自体があるかという観点よりも、
「その企業がリモートを許容しているのか」
という点と、
「自分がリモートのみで成果を出せるスキルレベルなのか」
という2つの視点で、
自分がリモートでも働けるのか、
働き得る企業があるのかを調べると良いでしょう。
フリーとして働く上では、
ITスキルを活かして、
働くことが、需要としても多いので、
現実的に働ける可能性は高いです。
このITスキルを例にすると、
まずは、フリーになってどういう仕事があるのか、
フリーランス用の求人サイトで調べてみると良い。
例えば、
などを使って、
「今の世の中で求められているスキル」
というものを、
実際に知ることから、
フリーを目指す上では始めてみると良いでしょう。
30歳と35歳では即戦力で求められるレベルが違う
転職しようとしたときに、
30歳、35歳という年齢が、
企業側から見たときに、
大きな判断基準の年齢となります。
この年齢での判断基準の違いは、
「即戦力」という形で求められる時に、
- 30歳の人に求められる即戦力という定義
- 35歳の人に求められる即戦力という定義
が大きく違うことを認識すべき。
30歳の人に求められることは、
入社後に知識やノウハウを吸収した上で、
「できる限り早く」、「即戦力」になりうる人材。
一方で、
35歳の人に求められることは、
入社時の時点で、
知識やノウハウを持っているという、
「最初の段階」で「即戦力」であるという人材。
この2つは大きく違う。
そして、
この点を間違えた転職活動は多い。
そのような部分に関しては、
エージェントを活用して、
市場分析や自己分析をして、
転職活動に臨むことが求められる。
転職をする上で、
この30歳、35歳の年齢での、
世の中の企業からの需要の違いは、
などを活用して、
世の中の企業の担当者とやりとりしている、
エージェントを活用して、
情報収集することから始めていきましょう。
面接で落とすかの判断をするとき。
面接をする中で、
落とすかどうかを判断するタイミングはあります。
まずは、即戦力を求めている場合。
この時は、
- そもそも、スキルが全く違う
- スキルが求めているよりも不足している
のどちらかが多い。
この点は、
結構、容赦無く切り捨てることが多い。
一方、
未経験の採用に関しては、
スキルがないことが前提なので、
「自社の社風にあうかどうか」
「今のメンバーとうまくやっていけそうか」
という点を重視して、
ダメだと思ったら切り捨てる。
この未経験の人の就職に関しては、
のようなサービスで、
世の中の情報を知り、
自分自身の方向性を探ることから始めましょう。
実際に、
サポートのサービスを使う時は、
転職のためのエージェント選びは、サービスでなく、担当してくれる「人」で良いと思う人を選ぶ
この記事のように、
自分に合った「人」を見つけるために、
複数のサポートのサービスを使ってみるのがおすすめです。
経験が浅いときに経験を積むためのベンチャー転職に失敗する人の特徴
経験を積むために、
ベンチャー企業で働くこと自体は、
客観的に成長を見ると、
開発ができる可能性がベンチャーが高いという点でも、
メーカーで働くよりは、
経験を積むことができる可能性は高い。
ただし、
スキルマッチの度合いは、
- 経験が浅い人がベンチャーを目指す
- 経験が豊富な人がベンチャーを目指す
の2つのパターンで考え方を変えるべき。
「経験が豊富な人」は、
多少、スキルマッチが合わなくても、
入社してから、今までの経験をもとに、
新しいスキルをキャッチアップすれば良いので、
比較的、問題になることは少ない。
しかし、
「経験が浅い人」は、
ある一定数、スキルマッチの度合いをミスして、
なんとか入社した状態で、
自分が思い描く、
ベンチャーという名の輝かしい世界との差に落胆する。
この一定数の失敗する人は、
そもそも、自分のスキル分析が曖昧であることが多く、
この点に関しては、
周りにいる経験が豊富な人にレベル感を相談するか、
などの転職エージェントに、
自分のスキル度合いを判断してもらうのが最適。
新しい技術にチャレンジしたい、
ベンチャーで経験を積んでステップアップしたい、
そういう経験が浅いエンジニアは、
転職エージェントなど、周りに自分のスキル度合いを判断してもらおう。
テクハラをやってくる、「信頼できない」上司の元では働くな
最近、「テクハラ」なる言葉がでてきている。
テクハラ = テクノロジー・ハラスメント
の略ということだが、
さまざまな職場でありますが、
特にテクノロジーを活用する
エンジニア、デザイナー界隈では、
仕事場によっては、
テクハラを無意識に与えてくる上司もいます。
このテクハラですが、
ハラスメントが、どこまで該当するのかにもよるが、
信頼している、スキルのある上司でも、
テクノロジーに関して、
自分の信念を持って、
「こうした方が良い」ということで、
なかば、強引に進めることはある。
ここで考えたいポイントは、
自分がハラスメントと考えるかどうか。
このハラスメントとして判断するかは、
「信頼できる上司であるか」
という点だ。
これは、
「スキル以前に、人として見下さない上司である」
ということが大切なので、
その点が今の職場でどうなのかを考えてみると良い。
この種のテクハラ上司にに出くわした際は、
早めに転職することで、
精神をやまないことにも繋げていこう。
あくまで、
働いていく中では、
この記事のように、
自分自身が働く中で、
「継続することが嫌にならない職種」
であることも、
働く方向性として考えてみると良いでしょう。
転職するかどうか迷った時点で、その会社を辞めるべき
転職に関して、
「転職しようか迷うなぁ」
と考えた時点で、
その会社の中では、
- 自分自身の居場所がない
- スキルの向上が見込めない
- 給与が上がる可能性が低い
ということが多く、
結果として、
悩んでいる時間が無駄だったと思うことが多い
という事実があるので、
転職エージェントに話をして、
今の自分の環境が本当に合っているのか、
すぐにでも確認してみると良い。
「よく、そのような環境で残っていますね」
と言われることが多いから。
人生の時間を損しないためにも、
転職に向けた行動あるのみ。
実際の転職活動は、
無闇に自分自身だけで抱え込まずに、
などの、
転職サポートを活用して、
世の中の情報を収集するところから、
はじめていくことがおすすめ。
そして、
自分自身が働いていく上で、
待遇面を重視するなら、
この記事を参考に、
基本給と賞与の計算に関して、
細かくチェックすることが、
転職をした上で、
自分が納得できる結果に結びつきやすいので、
転職サポートも活用しながら、
しっかりと確認して進めていきましょう。
Nginx+php-fpmの組み合わせで、php-fpmの実行ユーザーを変更
Nginxをwebサーバーとして使っていて、
Laravelで使用するphp-fpmの実行で、
実行ユーザーが自分の思っていたユーザーとは違う事象で困った。
その際の調整方法をメモ。
Nginx+php-fpmの組み合わせで、php-fpmの実行ユーザーを変更
起きた事象
Nginxとphp-fpmの組み合わせで動かしていたのだが、
php-fpmのバージョンアップに伴い、
実行時のphp-fpmのユーザーが、
自分の思っているユーザーとは違うため、
アプリケーション側で権限エラーになっていた。
修正ファイル
php-fpm ファイルの場所
/etc/php/X.X/fpm/pool.d
のフォルダに、
www.conf
のファイルがあるので、
そのファイルを修正する。
修正内容
修正は、
www.conf
のファイルの中で、
user = username group = groupname
の部分を書き換える。
php-fpmを再起動して反映
変更が終了したら、
php-fpmを再起動して反映させる必要がある。
/etc/init.d/phpX.X-fpm restart
未経験から事務作業で働く上で、求人を見つけて正社員への転職の成功に導くためのポイント
未経験から事務作業をやるために、
求人を見つけて、実際に正社員への転職を成功させるのは、
可能な部分もありますが、
うまく求人を見つけ方を探ったり、
アドバイザーなどのサポートを受けることが、
未経験から正社員への転職を目指す上では、
非常に重要になってきます。
事務作業に関して、業務内容の学習であったり、
ITリテラシーを高めるための学習なども大切ですが、
実際に行動するにあたっては、
このような取り組みが大切になってきます。
未経験の方がどのようにして、
正社員への就職・転職を目指して、
日々の行動として取り組んでいくと良いのかを、
この記事では未経験の方に向けて解説します。
この記事のまとめ
- 未経験から事務作業にトライする中で、
- 正社員への就職・転職はなかなか難しいものです。
- そんな未経験から正社員への転職を目指す中で、
- 大切なポイントとして、
- 「うまく求人を見つけること」と
- 「アドバイザーなどのサポートを受けること」の2つです。
- 正社員への就職・転職は難しい面もありますが、
- うまく活動を行うことで、成功に導くことができます。
未経験からの事務作業への就職・転職をしていく中で、
現実的な問題として上がってくることを、
事前に把握しておくことは大切です。
具体的に、
未経験の方が正社員への就職・転職の活動をしていく中で、
うまくいくために大切にするポイントとして、
- 未経験向けの就職・転職の情報をうまく見つけること
- アドバイザーへの相談、アドバイザーからのアドバイスを受ける
- 就職・転職に向けた行動をできる限り増やしていく
ということが大切なので、
まずは、未経験から就職・転職をしていく上で、
しっかりと意識しておくと良いでしょう。
未経験向けの就職・転職の情報をうまく見つけるために、転職サイトは3つくらいに絞ること
正社員への就職・転職に向けて、
未経験の方が、事務作業ができる環境を探す時に、
うまく未経験向けの就職・転職の情報を見つけることは大切です。
この点に関しては、
- 大手の求人情報サイトを3つほど合わせて使いながら調べる
- 正社員採用として、自分の得意分野以外も幅広く探す
- アドバイザーとして転職エージェントなどをうまく活用する
ということに取り組んでいくことが大切です。
未経験の方でうまく見つけられないという方は、
〇〇というサイトに登録してみたけれど、
そのサイトだけ、しっかり確認しても、
なかなか、未経験向けの就職・転職情報がない
という情報を狭めているというパターンや、
色々なサイトで探そうとしているけれど、
いろんなサイトに登録してみたけれど、
簡単に探した感じだと、
未経験向けの就職・転職情報がない
という感じで、
1つの転職サイトごとに、しっかりと探せていないパターンの、
2つのどちらかであることが多いです。
このような方には、
転職サイトを活用する際は、
3つくらいの転職サイトに絞るということと、
1つのサイトごとに、求人情報をしっかりと確認するという点が、
うまく未経験向けの就職・転職情報を探す上で大切です。
とアドバイスしています。
1番のポイントしては、
転職サイトを活用する上で、
未経験でも可能と考えている企業が、
「未経験可能」などを書かずに、求人を出していることも、
企業によっては、あることを知っておきましょう。
未経験の正社員採用へ向けた就職・転職の情報収集として、
3つくらいの転職サイトに絞り、
1つのサイトごとに、求人情報をしっかりと確認することで、
- 求人情報をしっかりと把握することで、即戦力を求めていないことがわかる
- 求人サイトの情報は重複していることが多いので、重複検索を減らせる
- 応募や面接調整などの対応や管理が、サイトを絞っている分、しっかりと行える
ということが言えるので、
転職サイトは絞って探すようにすると良いでしょう。
ちなみに、
おすすめの大手の転職サイトを3つほど紹介しておきます。
おすすめ1:未経験向けの事務作業の求人が比較的多い「エンジャパン」
アドバイザーをうまく活用して、相談を行ったり、アドバイスをもらうこと
未経験から正社員として事務作業で働けるように、
就職・転職を目指して活動する中で、
先ほどの、転職サイトを絞って、
1つのサイトごとにしっかりと情報を収集することは大切です。
そのような活動を行っていく未経験の方に向けて、
もう1つ、合わせて取り組みたいこととして、
アドバイスを行っているのが、
就職・転職に向けてサイトを活用して、
自分自身だけで未経験から正社員への採用に向けた活動を行い、
実際に成功につなげることは、ハードルが高い部分もあります。
そんなハードルが高い点をクリアするために、
転職サイトなどと合わせて、転職エージェントも活用することで、
自分1人ではうまくいかない部分の情報収集や、
実際の応募、面談などがうまくいくこともあります。
という形で、
自分自身で1人でやるということも良いですが、
転職エージェントなど、他の人のサポートを受けてみることが、
未経験から正社員として転職を成功させ、
事務作業を行う企業などに採用されることに繋がりやすいです。
他の人のサポートを受けることは、
- 自分自身では探せなかった応募先を紹介してもらうことができる
- 応募するための資料作成や面談、今後のキャリアを相談できる
- 活動している状況を客観的に他の人からみたアドバイスをもらえる
というメリットがあるので、
未経験から正社員に転職すること自体でうまくいかないことを、
自分1人で抱え込まずに、相談・アドバイスをもらうことで、
活動自体を挫折せずに、成功へ導くことができやすいのでおすすめです。
ちなみに、
未経験の方でも、正社員への就職・転職に向けて、
気軽に相談ができるサービスを紹介しておきます。
先ほどの、転職サイトを絞るという点と合わせて、
このような転職エージェントなどのアドバイザーも活用しましょう。
ちなみに、転職エージェントは、相談役としての役割があるので、
複数のサイトに登録して、自分に合うものを探してみましょう。
未経験から事務作業への転職を目指すときに学習するためのおすすめのサービス
未経験から事務職を目指そうとする中で、
パソコン操作自体に苦手意識があるかたのために、
- キーボード入力などの入力作業に慣れておくこと
- Word、Excelなどのツールでの作業に慣れておくこと
- パソコン慣れする上で、ITリテラシーを学ぶこと
ということを解説してきました。
このような、
パソコンの操作自体に慣れておくことは、
非常に重要な1つであることは確かです。
そんなパソコンの操作自体とは別に、
実際の業務に関して、
パソコンの操作自体には慣れてきたけれど、
実際の業務内容に関しての知識がないので、
どのように学習して良いのかもわからないし、
学習する上で、オススメのサービスなどがあれば知りたい。
という方もいらっしゃいます。
このような方には、
業務の内容を学習していく中では、
自分自身が使いやすく、学習を続けられることが大切なので、
スマホでも使えることや、予算がリーズナブルなところで選んでみるとよいでしょう。
事務作業として現場では、パソコンを使うことが多いです。
そんなパソコンでの事務作業については、
パソコン操作として、キーボードでの入力作業に慣れておくことが、
普段からパソコンを使っていないという方は最初の一歩としてやっておきましょう。
事務作業に関する学習は、
自分自身で本屋などへ出向いて、書籍を買って、
コツコツと学習していくという方法があります。
この方法でも、
学習がうまく継続できる方は、
その方法を続けていくことで問題ないですが、
なかなか、事務作業の内容に関して学習が継続できない
と言う方には、
自分自身の予算内にあった、
リーズナブルな学習サービスを使うことで学習を継続させる
と言うことがポイントです。
事務作業の内容に関してサービスを活用することで、
- サービスを活用することで、学習が継続しやすい
- スマホなど、隙間時間を活用して学習できる
- すぐに学習が始められ、理解の定着も進みやすい
というメリットがあるので、
サービスをうまく活用して、事務作業の内容について学習していきましょう。
未経験から事務作業への転職を目指すときに学習するためのおすすめのサービス
未経験からの事務職への転職はパソコン慣れも大切!!
未経験から事務職を目指そうとしている方の中で、
事務作業の内容についての学習はうまく進んでいるけど、
パソコンを使うこと自体が苦手で、
あまり操作などを自分でやることが少ないから、
事務作業の中で、パソコン操作が不安で仕方がない。
という方もいらっしゃいますが、
このパソコン操作に関しては、
今はどの事務作業の現場でも使われていることを考えると、
基本的なパソコン操作には慣れておいた方が良いでしょう。
事務作業として現場では、パソコンを使うことが多いです。
そんなパソコンでの事務作業については、
パソコン操作として、キーボードでの入力作業に慣れておくことが、
普段からパソコンを使っていないという方は最初の一歩としてやっておきましょう。
パソコン操作といっても、
インターネットで、ブラウザを使って何かをしたり、
WordやExcelなどのオフィスツールを使って、
資料などを作成したりするなど、
非常に幅広いパソコン操作があります。
そんな中で、パソコン自体に触れる機会が少ない方や、
パソコン操作が苦手という方は、
最初の一歩として、キーボードでの入力作業に慣れておくと良いでしょう。
転職して事務作業をやる上でパソコン操作の理解は大切
未経験から事務作業への就職・転職を考えているとき、
パソコンに普段から触れる機会がない人は、
作業自体をパソコンで行う上でパソコン操作が苦手で不安
ということが多いです。
この点に関しては、
パソコン操作はほとんどやることがなく、
生活している中で、パソコンを使うことも苦手です。
正直、慣れるために何からやっていいのかわからない。
という悩みを抱えていることが多いので、
その点に関してのアドバイスとして、
パソコン操作に普段から慣れていない方は、
色々なWordやExcelなどのツールを使えるようになる前に、
まずは、キーボードでの入力作業に慣れることが大切です。
ということをアドバイスしています。
ちょっとした入力作業でも、
積み重なると非常に多くのことをやっています。
事務作業の中で、
パソコン操作をしていくと、入力作業は比較的多くなります。
その辺り、どのようなことから、
パソコン操作に慣れていない人が何をやっていくと良いのかを解説します。
この記事をまとめ
- 事務職として働く中で、
- 事務作業の中で、パソコン操作をする機会は非常に多いです。
- そんなパソコン操作をする作業を分類すると、
- 何かをキーボードで打ち込む入力作業と、
- WordやExcelなどを使った資料作成の2つに分類されます。
- この2つの中で、
- パソコン操作に普段から慣れていない人は、
- まずは、キーボードで打ち込む入力作業に慣れることが大切です。
- 入力作業に慣れておくだけで、
- 現場に入ったときに、作業のスピードが上がり、
- うまく馴染むことが早くできやすいのでおすすめです。
未経験から事務作業への就職・転職を目指す中で、
実際の現場で使う業務内容の学習を進めることは大切です。
例えば、
経理関連の資格として、日商簿記を学習することも、
その現場で使う業務内容として学習することの1つです。
そのような学習に加えて、
どの現場でもパソコンを使った作業は必ず必要であることを考えると、
パソコン自体の操作などに不安がある方でも、
できる限り、パソコン自体に慣れておく必要があります。
そんなパソコンが苦手な人が、
少しでもパソコンに慣れていくために取り組むべきことや、
取り組む上でおすすめの方法やサービスなどを解説します。
パソコンの基本的な操作に慣れておくことで、
- 基本的なパソコン操作に慣れているので、作業自体が早く進めることができる
- 現場で教えられたことが身につく時間が、苦手な人より早い
- 作業を早く割り振ってもらえるので、現場に馴染むのが早くなる
というメリットがあるので、
少しでも、パソコン操作に慣れた状態で、
事務職として現場に入っていけると、
現場に入ってからの馴染むスピードなどが違ってきます。
転職後の事務作業のほとんどがパソコンを使った操作である

事務作業をやっていく中で、
基本的にまず、大切なこととして、
それぞれの会社や組織で使われている業務の内容を理解することは大切です。
例えば、
- 一般事務での基本的な入力作業などの業務
- 経理事務での基本的な仕訳作業などの業務
- 医療事務での基本的な医療費の計算作業などの業務
このような、
日常業務として、取り組む内容は、
業務を進めていく上で、最低限、理解する必要があります。
それらの業務をやっていく上で、
「業務を実際に行うためにパソコンを使うという作業」は必ず必要です。
実際の現場で考えてみると、
今週は、この作業を新しくやって欲しいので、
パソコンの〇〇を使って、□□を取り組んでほしいです。
業務の中でよくやることになるので、
パソコンでの作業として、慣れていってください。
このような感じで、
現場の担当者から事務作業を依頼されることが多いです。
事務作業を現場でやっていくということは、
業務の内容への理解は大切ですが、
事務作業自体を考えた時に、基本的な作業の根本として、
パソコンを使って、業務を進めていくということが基本になるということを、
事前に理解して、パソコン操作には慣れておくことは大切です。
転職で事務職を目指しているなら、パソコン操作は身に付けよう

事務作業をやっていく中で、
作業の根本として、パソコンを操作しながらの作業になっていく
ということを説明しました。
パソコンの操作に関して、
未経験から事務作業への就職・転職をした人がストレスを抱える要因として、
非常に多いパターンが、
事務作業の内容は理解できたのだけれど、
パソコン操作に慣れていなくて、
現場で教えてもらっているパソコン操作がよくわからない…..
よくわからないから、また、同じことを聞くのを繰り返しているな…
このように、
パソコン操作に不慣れなことが原因で、作業の理解がなかなか進まない
ということが多いです。
この点は、業務の内容への理解の状況にも影響しますが、
パソコン操作に慣れていないことが大きな要因になっていることは確かです。
それだけを考えても、
少しでもパソコンの操作に慣れておくことは非常に有意義なのです。
また、このパソコンを使った作業に関しては、
パソコン操作に慣れておくことで、
実際の現場での作業スピードが上がるなどのメリットがあるので、
その点を理解しておくと、パソコンに慣れておく必要性を理解できます。
具体的には、パソコン操作に慣れていることのメリットとして、
- パソコンのマウス、キーボードの操作に慣れているので、不要なところで時間が掛からない。
- キーボード操作として入力が早いと、純粋に、作業時間が短く済むことが多い。
- パソコンに慣れておくと、操作を説明された時に、慣れるまでの時間が短くて済むことが多い。
というメリットがあるので、
パソコンに慣れておくことは非常にオススメなので、
少しずつでも、パソコンの操作に慣れておくことが大切です。
パソコン操作が苦手なら、転職のためにキーボードを使った入力作業に慣れることから。

事務作業の中で、
パソコンを使った作業が多いことを説明しました。
そんなパソコン作業に関して、
普段からパソコンを使わず、不安しかない方は、
慣れるための最初の一歩として、
キーボードでの入力作業に慣れることをおすすめしています。
入力作業自体のスピードが上がることで、
イメージとしては、

このように、
1日で必要な入力作業量があるとした時、
キーボードでの入力作業が、
早い人(青色):約2.5時間ほどで作業が終わる
遅い人(赤色):約5.0時間ほどで作業が終わる
という感じで、
極端な話でいえば、
入力作業のスピードが2倍違うと、作業全体も2倍違う
ということが言えます。
これは、キーボード入力が違うと、
どの程度、事務作業に影響するかをわかりやすく示していますが、
未経験の方に対して、
はじめの一歩として、キーボードでの入力作業に慣れることをおすすめするのは、
- 事務作業の中で行うパソコン操作の中で、入力作業は比較的多い。
- キーボード入力は、慣れていくことで、誰でも少しずつ早くなっていく。
- 1度、キーボード入力に慣れると、日々、使えるスキルとして使える
このようなポイントがあり、
未経験の方にキーボードの入力作業に対して、
一番最初にパソコン操作の1つとして慣れておくことは、
事務作業の中で、キーボード入力作業に慣れるメリットが大きいからです。
このキーボードでの入力作業になれるには、
ソースネクストというメーカーのタイピングソフトがおすすめです。
具体的には、
ソースネクストのサイトをみてもらうと、

(画像をクリックすると、ソースネクストのサイトが開きます。)

このように製品で、「タイピング」と検索すると、

このように、
小学生向けから、しっかりしたものまで、
初心者が楽しく学べなから、入力作業(タイピング)に慣れることができるソフトが、
ソースネクストには揃っており、
- 入力作業が苦手な人でも、基本的なタイピングから慣れることができる
- 楽しめる要素がたくさんあるソフトなので飽きずに楽しめる
- 楽しみながら、ブラインドタッチ(キーボードを見ずに入力する)に慣れることができる
このような特徴があるので、
パソコン作業が苦手でタイピングも苦手意識がある方におすすめです。
ぜひ、ソースネクストのタイピングソフトで、
楽しみながら、入力作業に慣れ、
ゆくゆくは、ブラインドタッチ(キーボードを見ずに入力)ができるところまで、
コツコツと楽しみながら目指してみましょう。

(画像をクリックすると、ソースネクストのサイトが開きます。)
転職で一般事務、総務事務、営業事務などを目指すなら、WordやExcelなどのツールを使った操作にも慣れておこう。

パソコンの操作の中で、
キーボードの入力作業に慣れておくことは大切であることを説明しました。
そんなパソコン操作において、
全ての事務作業に言えることですが、
特に一般事務、総務事務、営業事務などを目指す方は、
WordやExcelなどのツールにも慣れておく方が良いと言えます。
実際の現場の作業の例を挙げると、
- 営業や社内の数値などをExcelを使ってまとめる
- 社内用の資料や社内規約などをWordを使ってまとめる
- Power Pointなどを使って、社内共有のための資料を作る
などがあるので、
事務作業として色々とあるなかで、
一般事務、総務事務、営業事務で働くことを考えている方は、
このようなWord、Excel、Power Point などには慣れておく方が良いでしょう。
ツールの操作に慣れておくことで、
実際の現場で任せられることも増え、
現場からの信頼感も増すので、
Word、Excel、Power Pointなどのツールに慣れることは、
事務作業を現場でやっていく中でメリットは多いです。
実際に未経験の方が、
ツールとして、Word、Excel、Power Pointについて学ぶときに、
オススメの学習方法として、
ご自身のパソコンにWord、Excelなどが入っていることが前提ですが、
ソースネクストのWord、Excelなどを学習できるソフトを活用することが、
非常にわかりやすく学習できるのでオススメです。
Word、Excelを自分自身で試しながら学べるソフトは、
ほとんどなく、このソースネクストのソフトはよくできており、
- パソコンにWord、Excelがあれば、ソフトをインストールすると学習できる
- キャラクターが丁寧に解説してくれるので、初心者でも大丈夫
- 見て、聞いて、試すという流れで、作業を実際に試しながら理解できる
このように、
WordやExcelの操作が苦手な人でも、
丁寧な解説があり、実際に試しながら理解を深めることができます。
未経験から、事務作業をやっていこうとするのであれば、
このソフトでの学習は無駄にならず、現場でも生きるのでおすすめです。
(下記画像をクリックすると、ソースネクストのページが開きます)


転職のためにもっと踏み込んでパソコン慣れしたい方は、ITリテラシーとしてプログラミングの初歩についても学んでみよう
未経験からキーボード入力することや、
Word、Excelなどのツールを使うことに慣れておくことが、
現場で事務作業をやっていく中で、
非常に助かることがあることを説明してきました。
そのような、事務作業にも生きる学習に関しては、
パソコン慣れしていく中で、
ITリテラシーとしてプログラミングの「初歩」についても学ぶことも、
未経験の方が学習していく中でおすすめしています。
事務作業を最終的にやっていく中で、
がっつりとしたプログラミングの学習は必要ありませんが、
プログラミングの「初歩」を学ぶことでITリテラシーが劇的に高まる
ということがあるので、
パソコンにもっと慣れていきたいという方におすすめしています。
- 事務作業をしていく中で、ITリテラシーは必要
- パソコンに慣れる意味で、プログラミングの初歩を学ぶのは最適
- ゆくゆく、IT系への就職・転職も目指すことができる
ということことがあるので、
しっかりとパソコン操作などのITリテラシーについて、
学んで生きたい方には、プログラミングの初歩を学ぶのはおすすめです。
ちなみに、
このようなプログラミングの初歩だけを学ぶ方法として、
一番のおすすめなのが、
DMM WEBCAMP SKILLSの「ビジネス教養コース」です。
このビジネス教養コースの特徴として、
- 未経験者のためのカリキュラムがあるので初心者も大丈夫
- 質問が無制限にできるので、気兼ねなく相談することができる
- マンツーマンのコーチが生活スタイルにあった学習設計をしてくれる
ということがあるので、
意欲があり、パソコン操作に関して、
もっと慣れていきたいという方におすすめです。
未経験から事務作業への転職を目指すときに学習するためのおすすめのサービス
未経験から事務職を目指そうとする中で、
パソコン操作自体に苦手意識があるかたのために、
- キーボード入力などの入力作業に慣れておくこと
- Word、Excelなどのツールでの作業に慣れておくこと
- パソコン慣れする上で、ITリテラシーを学ぶこと
ということを解説してきました。
このような、
パソコンの操作自体に慣れておくことは、
非常に重要な1つであることは確かです。
そんなパソコンの操作自体とは別に、
実際の業務に関して、
パソコンの操作自体には慣れてきたけれど、
実際の業務内容に関しての知識がないので、
どのように学習して良いのかもわからないし、
学習する上で、オススメのサービスなどがあれば知りたい。
という方もいらっしゃいます。
このような方には、
業務の内容を学習していく中では、
自分自身が使いやすく、学習を続けられることが大切なので、
スマホでも使えることや、予算がリーズナブルなところで選んでみるとよいでしょう。
事務作業として現場では、パソコンを使うことが多いです。
そんなパソコンでの事務作業については、
パソコン操作として、キーボードでの入力作業に慣れておくことが、
普段からパソコンを使っていないという方は最初の一歩としてやっておきましょう。
事務作業に関する学習は、
自分自身で本屋などへ出向いて、書籍を買って、
コツコツと学習していくという方法があります。
この方法でも、
学習がうまく継続できる方は、
その方法を続けていくことで問題ないですが、
なかなか、事務作業の内容に関して学習が継続できない
と言う方には、
自分自身の予算内にあった、
リーズナブルな学習サービスを使うことで学習を継続させる
と言うことがポイントです。
事務作業の内容に関してサービスを活用することで、
- サービスを活用することで、学習が継続しやすい
- スマホなど、隙間時間を活用して学習できる
- すぐに学習が始められ、理解の定着も進みやすい
というメリットがあるので、
サービスをうまく活用して、事務作業の内容について学習していきましょう。
未経験から事務作業への転職を目指すときに学習するためのおすすめのサービス
未経験から事務作業への転職を目指そうとした時、
事務作業に関する内容を集取し、学習する
ということが大切です。
自分自身で少しずつでも、
前向きに情報収集や学習に取り組むことで、
より転職活動での結果に結びつきやすくなるので、
コツコツと少しずつでも頑張ることが大切です。
そんな、未経験から事務作業への転職を目指そうとする方に、
どのような取り組みを行うべきか、
学習する内容などを解説します。
この記事をまとめ
- 未経験から転職するということが目的の学習のため、
- 自分の最終的な転職のゴールを意識した学習が大切。
- ただし、大切なポイントが1つ。
- 何も学習しようとしない未経験の人ではなく、
- 事務作業について、学習しようという意欲や行動ができる人が、
- より採用に近づくことは間違いありません。
- 未経験として転職を成功に導くために、
- 学習を進めていく中での大切なポイントや
- 事務作業の種類ごとでの学習方法やサービスについて解説します。
未経験の方が、色々な業界に就職・転職を行うことは、
その時の時代の流れや、経済状況による企業が求めていることなど、
様々な要素が重なって決まることが多いです。
そんな中で、
どのような時にも言えることは、
ある一定数、事務作業に関しては、未経験の方を求めている
ということです。
は多いです。
このような、未経験の事務作業をやってくれる人を求めるということが、
なぜ起こるのかということを考えてみましょう。
これは、求人を出している企業側から考えると、
- 任せる作業がシンプルな作業なので、未経験者でも可能
- 即戦力ではなく、未経験の方で、教えながら色々な作業を任せたい
- 長期的なことを考えて、定年間近よりも、未経験で若い方が良い
という中のどれかがピンポイントであることや、
または、複数の状況が関わっていることがあります。
この辺りは、経済の状況や、その企業の状況などにもよるので、
未経験の方は、求人情報などは、随時、チェックしておくことが大切です。
そんな未経験からの事務作業への就職・転職に関しては、
実際に何も情報収集することなく応募しても、
企業が求めていることなどもわからず、
うまくいくことがなかなか、ありません。
未経験を募集しているときは、
完璧な人材を求めていることは少なく、
学習しようという意欲や行動ができる人
を求めていることが多いということを把握しておきましょう。
このような、企業から見た時に、
どのような人が採用したくなるのか、
そのために、学習としてどのように取り組むべきなのか、
この辺りを理解して、取り組んでいくことで、
より良い就職・転職につながるので、
少しずつ理解しながら、コツコツと取り組んでいきましょう。
未経験の募集は完璧な人材を求めない

未経験から事務作業に就職・転職を目指そうとするときに、
事務作業に関する学習を始めたり、
実際の事務職への就職・転職の行動をすることに対して、
未経験なので、スキルなどがないことで、一歩踏み出すことに躊躇する
ということが多いです。
事務作業をやっていく上でのスキルなどは、
ある方が望ましいということはありますが、
未経験の募集を行っているところは、
応募してくる方がスキルが伴っていないことも考慮しているところがあるので、
その点で、実際の就職・転職に向けた活動を躊躇する必要はありません。
全くの未経験なので、
気になったところがあっても、スキル不足を考えると、
本当に自分なんかが就職・転職で応募しても良いのか不安です。
未経験の方を募集しているところは、
完璧なスキルを持つ経験者を求めているのではないので、
スキル不足などで躊躇せずに、応募してみると良いですね。
ただし、行う業務としての事務作業に対しての意欲や学習姿勢は大切にするべきです。
このように、
未経験の方が、新たに事務職にトライするということは、
今までやったことがない新しいことにチャレンジするということなので、
不安があることは仕方がなく、
その不安があった上で、チャレンジする姿勢が大切です。
そのチャレンジをしていく中で、
- 未経験なので、即戦力としての完璧なスキルは求められていない
- スキル不足で躊躇することなく、就職・転職の活動を行うことた大切
- 事務作業に対する意欲や学習は大切なので、そのための行動も行う
このようなことが大切になってくるので、
未経験からの事務作業への就職・転職であっても、
まずは一歩、踏み出してみることが大切です。
前向きに事務作業に関する学習をすることが大切

先ほどの、
未経験から事務作業への就職・転職をトライする中で、
- 未経験なので、即戦力としての完璧なスキルは求められていない
- スキル不足で躊躇することなく、就職・転職の活動を行うことた大切
- 事務作業に対する意欲や学習は大切なので、そのための行動も行う
ということが大切であることを説明しました。
この中でも、
未経験から就職・転職をトライしていく中で、
事務作業に対する意欲や学習は大切なので、そのための行動を行う
ということが、
実際の書類選考や就職面接の時などに、
非常に有効になってくるので、
意欲を持った上でのコツコツとした学習が重要です。
これは、特に面接の場面での質問されることに対して有効で、
未経験の募集をして応募してもらうのはありがたいです。
ちなみに、
今まで、この職種の事務作業で働いたことはないと思いますが、
この事務作業に関して何か学習したことなどありますか?
いえ…. 全くありません….
そうなんですね…
というやりとりになってしまうと、
面接を行なっている担当者からすると、
複数人、応募してきた人を見てくる中で、
印象がそこまで残らない感じになってしまうことがあります。
そのようにならないためにも、
少しでも自分がトライしたい事務作業に関して学習をコツコツとやっておくことで、
今まで、この職種の事務作業で働いたことはないと思いますが、
この事務作業に関して何か学習したことなどありますか?
はい。
おっしゃる通り、実務として作業をしたことがありませんが、
〇〇というサービスを使って、□□について、
3ヶ月ほど前から、隙間時間を見つけて、コツコツと学習を続けています。
なるほど。
コツコツと事務作業に対して学習されているのはすごく良いですね。
このように、
面接をしている担当者に対して、
- 応募するだけの意欲があることを担当者に示す
- 学習をコツコツとやっていることで、仕事を続けることができるイメージを与える
- 学習していることで、業務の理解が早く進むイメージを与える
ということがあるので、
学習をコツコツと学習しておくことが大切です。
ただし、
学習している・学習していないに対して嘘は禁物
ということだけは覚えておきましょう。
面接の担当をしている方は、
その業務の内容を把握しているので、
学習している事が本当なのかどうかの質問をして、
その点が本当にコツコツと学習している人なのかを見抜くことできます。
未経験の方が学習している内容を把握している上で、
日々の業務として行っているから、そのようなことがわかるのです。
ただ、逆に考えると、
コツコツと学習をやっている人は、面接の場でわかってもらうことが多い
ということなので、
事務作業に関する学習はコツコツと続けておきましょう。
学習をするためのオススメのサービス

未経験から事務作業に就職・転職をしていく上で、
少しでも、コツコツと事務作業に関して学習しておくこと
が大切であることを説明してきました。
そんな事務作業に関する学習について、
未経験の初心者でも活用でき、
コツコツと事務作業に関する学習を助けてくれるサービス
を紹介していきます。
少しでも事務作業に関する学習をやっていくことで、
事務作業に対する理解度の向上や、
面接の場面でのアピール材料にもなるので、
まずは一歩を踏み出してトライしてみましょう。
スクール名 | オススメポイント | サイト |
---|---|---|
DMM WEBCAMP SKILLS | 初心者の方でITリテラシーに自身がない方におすすめ。はじめの一歩としてのプログラミングスクールとしての活用としておすすめ。はじめの一歩として一番おすすめ。 | |
DMM WEBCAMP COMMIT/PRO | 初心者の方で就職・転職をどうしても実現したい人にすごくおすすめ。「就職・転職を保証している」ので安心してサポートを受けられるのでおすすめ。結果を残したい人に1番おすすめ。 | |
CodeCamp | 初心者の方で「現役エンジニアから学びたい」という方におすすめ。マンツーマンでし教えてくれるので、しっかりと時間を確保できる初心者がおすすめ。 | |
GEEK JOBキャンプ スピード転職コース | 半年以内にどうしても転職をしたいという初心者の方におすすめ。より実践的な内容を短期間で習得しながら就職・転職を目指すことができるのでおすすめ。 | |
侍エンジニア塾 | マンツーマンで定期的なレッスンとチャットでの日常的な質疑応答ができるので、自分のペースで学習したい初心者におすすめ。無料レッスンもあるので、自分に合うかどうか試してみることがおすすめ。 | |
CODEGYM Monthly | 初心者で毎月の費用でサポートしてくれる人が欲しい方におすすめ。プログラミングスクールの中では比較的リーズナブルなので、無料相談をしてから数ヶ月試してみるのがおすすめ。 | |
Freeks | 毎月1万円くらいの定額制で学習できるので、リーズナブルにスクールを試したい方におすすめ。 |
オンスク.JP

未経験からの事務作業の学習に関して、
幅広く資格などの学習へ向けた講座を受けれるのが、
この「オンスク.JP」です。
- 資格関連の講座をたくさん受けることができる
- 価格帯もリーズナブルなので使い続けやすい
- スマホ、PCなどのどのデバイスでも使うことができる
このようなところがポイントで、
実際に未経験の方が就職・転職に向けて学習を始めようとした際、
できる限り、リーズナブルに学習をやっていこうとしたときに、
この「オンスク.JP」は非常に助かります。
リーズナブルに学習できるということは継続に繋がりやすいです。
自分の無理のない範囲で学習することが大切で、
このオンスク.JPは、初めての方でも使いやすいのでおすすめ。
スマホだけでなく、パソコンでも使うことができるので、
隙間時間に学習をやりたい方だけでなく、
しっかりと1時間など、定期的に時間を確保して、
学習をやっていきたいという人におすすめです。
Smart資格

未経験から事務職に向けた学習をしようとしたとき、
実際に学習したいけれど、
しっかりとした学習時間の確保が難しいので、
何か隙間時間に事務職に関する資格学習がスマホでできると嬉しいな
という感じで、
なかなか、時間の確保ができないことで悩むという方も多く、
スマホを使って隙間時間に学習をしたいという方も多いです。
そのような方には、
この「smart資格」はスマホで隙間時間に学習できるのでおすすめです。
- 資格関連の講座を受けることができる
- 価格帯もリーズナブルなので使い続けやすい
- スマホで使いやすく学習できるので、隙間時間に学習できる
というところがポイントで、
家事などの合間に隙間時間を見つけて学習することができるので、
ちょっとした隙間時間はあるけれど、
そのような隙間時間にスマホを使ってちょっとだけの学習を
コツコツとやっていきたいという方におすすめです。
学生や主婦、社会人の方など、
なかなかまとまった時間が取れないという方は隙間時間の学習が有効。
そんな隙間時間の学習は、
スマホで使いやすい学習サービスが、使いやすく、続けやすいので、
使いやすさ、続けやすさでも、このSmart資格がオススメです。
毎日の生活の中で、
スマホでの作業などに慣れている人は、
パソコンで学習するよりも、スマホで学習する方が継続しやすいので、
ちょっとした隙間時間はあるけれど、
その隙間時間をうまく活用して、事務作業に関して学習したい方におすすめです。
ジャスネットキャリア
事務作業の中で、
未経験の方が学習される内容として、
経理事務に関しては、より実務に関する理解も必要であると言えます。
この点に関して、
経理事務に関して、より理解を深めるためにおすすめのサービスが、
この「ジャスネットキャリア」というサービスです。
このサービスは、
- 税務、経理の事務に関する内容が豊富
- 価格帯もリーズナブルなので使い続けやすい
- 日商簿記レベルの会計知識と税務実務のギャップが埋めることができる
というところがポイントです。
経理事務を行なっていくことを考えたときに、
税務・経理の実務内容への理解は大切です。
学習の基礎としての日商簿記などがありますが、
その日商簿記と実務の相互の理解への橋渡し的な役割を
このサービスが担ってくれているので、
実務として経理事務を目指したい方におすすめです。
サービス一覧
初めて学習することが多く、
事務作業として、未経験からは難しいと足踏みしてしまうこともあるかもしれませんが、
このようなサービスを使って学習をコツコツと少しずつ取り組むことで、
より未経験から事務職への就職・転職に繋がってきます。
未経験からの学習なので、
まずは、学習のサービスを1ヶ月でも良いので使ってみること。
そして、学習をしていく中で、
毎日、無理のない範囲で、コツコツと学習を続けることが大切です。
まずは、各サービスを眺めてみて、
自分が気になったもの、自分に合いそうなものから、
ちょっと試して、少しずつ、コツコツと学習を継続していきましょう。
スクール名 | オススメポイント | サイト |
---|---|---|
DMM WEBCAMP SKILLS | 初心者の方でITリテラシーに自身がない方におすすめ。はじめの一歩としてのプログラミングスクールとしての活用としておすすめ。はじめの一歩として一番おすすめ。 | |
DMM WEBCAMP COMMIT/PRO | 初心者の方で就職・転職をどうしても実現したい人にすごくおすすめ。「就職・転職を保証している」ので安心してサポートを受けられるのでおすすめ。結果を残したい人に1番おすすめ。 | |
CodeCamp | 初心者の方で「現役エンジニアから学びたい」という方におすすめ。マンツーマンでし教えてくれるので、しっかりと時間を確保できる初心者がおすすめ。 | |
GEEK JOBキャンプ スピード転職コース | 半年以内にどうしても転職をしたいという初心者の方におすすめ。より実践的な内容を短期間で習得しながら就職・転職を目指すことができるのでおすすめ。 | |
侍エンジニア塾 | マンツーマンで定期的なレッスンとチャットでの日常的な質疑応答ができるので、自分のペースで学習したい初心者におすすめ。無料レッスンもあるので、自分に合うかどうか試してみることがおすすめ。 | |
CODEGYM Monthly | 初心者で毎月の費用でサポートしてくれる人が欲しい方におすすめ。プログラミングスクールの中では比較的リーズナブルなので、無料相談をしてから数ヶ月試してみるのがおすすめ。 | |
Freeks | 毎月1万円くらいの定額制で学習できるので、リーズナブルにスクールを試したい方におすすめ。 |
未経験からの事務職への転職はパソコン慣れも大切!!
未経験から事務職を目指そうとしている方の中で、
事務作業の内容についての学習はうまく進んでいるけど、
パソコンを使うこと自体が苦手で、
あまり操作などを自分でやることが少ないから、
事務作業の中で、パソコン操作が不安で仕方がない。
という方もいらっしゃいますが、
このパソコン操作に関しては、
今はどの事務作業の現場でも使われていることを考えると、
基本的なパソコン操作には慣れておいた方が良いでしょう。
事務作業として現場では、パソコンを使うことが多いです。
そんなパソコンでの事務作業については、
パソコン操作として、キーボードでの入力作業に慣れておくことが、
普段からパソコンを使っていないという方は最初の一歩としてやっておきましょう。
パソコン操作といっても、
インターネットで、ブラウザを使って何かをしたり、
WordやExcelなどのオフィスツールを使って、
資料などを作成したりするなど、
非常に幅広いパソコン操作があります。
そんな中で、パソコン自体に触れる機会が少ない方や、
パソコン操作が苦手という方は、
最初の一歩として、キーボードでの入力作業に慣れておくと良いでしょう。
未経験から転職して事務作業をやる上で、うまく馴染むためにパソコン操作の理解は大切!!
未経験から事務作業で働く上での、働くまでの準備事項
未経験から事務作業で働く上で、
事前に準備しておいた方が良いこともあります。
SSHのキーファイルの作成と設定のメモ
SSHのキーファイルの作成と設定は、
環境構築の際によくやるのだが、
「あれ、コマンドと設定どうだったっけ?」
となるので、
簡単にメモとして残しておく。
SSHのキーファイルの作成と設定のメモ
キーファイルの作成
キーファイルの作成を行うコマンド。
作成としてメールアドレスを設定に含める。
ssh-keygen -C "email@sample.com"
キーファイルの確認
先ほどのコマンドで、
~/.ssh
のフォルダに2つのファイルが作成される。
秘密鍵
id_rsa
公開鍵
id_rsa.pub
の2つが作成されていればオッケー。
キーファイルの設定
キーファイルの設定は、
id_rsa.pub
のファイルをサーバ側に設定して、
id_rsa
のファイルで、
クライアントから接続する。
ssh -i ~/.ssh/id_rsa user@【サーバのIPアドレス】
Laravelで内部エラー(500エラー)になるけれど、何もログが出力されなかった時のメモ
Laravelを使用して運用していく中で、
日頃は特に運用していても、エラーが起きていなかった。
そんな中で、ある日、
システムエラーになるけれども、
「確認しようとログを出そうとしても出力されない」
ということが起きた時の対応メモ。
Laravelで内部エラー(500エラー)になるけれど、何もログが出力されなかった時のメモ
Laravelのバージョン
Laravelのバージョン
$ php artisan --version Laravel Framework 8.29.0
公式サイト
公式サイトのリンクも参考までに。
前提:それまでの運用
それまでの運用自体は、
特にエラーが起こることもなく、
普段通りにシステムは稼働していた。
原因:ログのファイル権限
Laravelのログの権限を見ると、
root root laravel-2021-03-11.log
となっていた。
「あれ、通常に使っていると、こうなるのでは」
user user laravel-2021-03-11.log
と思っていたが、
なぜか、このログファイルだけ権限が違っていた。
対応:ログのファイル権限を調整
先ほどのログファイルの
root root laravel-2021-03-11.log
これを
user user laravel-2021-03-11.log
に変更して、
Laravelを動かすユーザーに変更。
これで解決した。
考察:ログのファイル権限に関して
なぜ、これが起こるのだろうと考えていたら、
自分が動かしている環境で、
crontabをスーパーユーザーで動かしていて、
Laravelの
php artisan schedule:run
を動かしているのが、
スーパーユーザーになっていて、
これで動いているスケジューラーの処理が、
その日の最初に動いた場合は、
このスーパーユーザーでログが作成され、
表示側は一般ユーザーにしていたので、
権限がなくて、エラーになり、
さらにログに何も出力されていなかったという状態と考えられる。
初心者にオススメのプログラミングスクール一覧
初心者の方が、
プログラミング学習を独学で進めていくと、
なかなか、プログラミング学習がうまく進まない…
どうしたらいいかな。スクールに通いたいな…
という感じで、
独学に挫折しそうになって、
せっかく始めたプログラミング学習をやめてしまうことがあります。
そういう方は、
- プログラミング学習を諦めずに、もう少し学習を続けてみること
- 学習内容で躓いているポイントを聞けるサポートを受けること
- 学習の進捗や今後の流れなどを相談してみること
の3つをやることがおすすめです。
この3つを考えると、
プログラミングスクールを活用してプログラミング学習を進める
ということが1番の選択肢になります。
そんなプログラミングスクールについてですが、
初心者の方には、
プログラミングスクールは、
自分が学習に確保できる時間があるかどうかが大切
ということは事前に考えて、
しっかりと時間が確保できる状態でスクールを活用すると良いでしょう。
また、気になったプログラミングスクールについては、
無料の相談ができるところが多いので、
いきなりスクールに通うのではなく、
一度、無料相談で自分に合っているのかを考えてみることが大切です。
とお伝えしています。
最近は無料レッスンや無料体験等をやっているスクールが多いので、
この記事でオススメしているスクールについて、
まずは、無料で試してみることをおすすめします。
この記事に関しては、
随時、初心者向けにオススメできるスクールを見つけたら、
追加していっているので、少しでも参考になれば嬉しいです。
初心者にオススメのプログラミングスクール一覧
初心者にオススメのプログラミングスクール一覧
スクール名 | オススメポイント | サイト |
---|---|---|
DMM WEBCAMP SKILLS | 初心者の方でITリテラシーに自身がない方におすすめ。はじめの一歩としてのプログラミングスクールとしての活用としておすすめ。はじめの一歩として一番おすすめ。 | |
DMM WEBCAMP COMMIT/PRO | 初心者の方で就職・転職をどうしても実現したい人にすごくおすすめ。「就職・転職を保証している」ので安心してサポートを受けられるのでおすすめ。結果を残したい人に1番おすすめ。 | |
CodeCamp | 初心者の方で「現役エンジニアから学びたい」という方におすすめ。マンツーマンでし教えてくれるので、しっかりと時間を確保できる初心者がおすすめ。 | |
GEEK JOBキャンプ スピード転職コース | 半年以内にどうしても転職をしたいという初心者の方におすすめ。より実践的な内容を短期間で習得しながら就職・転職を目指すことができるのでおすすめ。 | |
侍エンジニア塾 | マンツーマンで定期的なレッスンとチャットでの日常的な質疑応答ができるので、自分のペースで学習したい初心者におすすめ。無料レッスンもあるので、自分に合うかどうか試してみることがおすすめ。 | |
CODEGYM Monthly | 初心者で毎月の費用でサポートしてくれる人が欲しい方におすすめ。プログラミングスクールの中では比較的リーズナブルなので、無料相談をしてから数ヶ月試してみるのがおすすめ。 | |
Freeks | 毎月1万円くらいの定額制で学習できるので、リーズナブルにスクールを試したい方におすすめ。 |
DMM WEBCAMP SKILLS

初心者の方で、
プログラミング学習を始めようとしたけれど、
基本的なITリテラシーに対しての自信がない
という方や、
ITの部署ではないけれど、論理的思考やプログラミングの基礎を身に付けたい
という方には、
この「DMM WEBCAMP SKILLS」がおすすめです。
いきなりプログラミング学習をがっつりと始めると、
基本的な内容で挫折してしまう方のために、

という形で、
最近のプログラミングスクールは、
より実践型の学習に注力することが多いですが、
このDMM WEBCAMP SKILLSは、
より初心者向けの内容になっているので、
まずはプログラミング学習やITリテラシーを高めるために、
一歩を踏み出したいという初心者の方に非常におすすめです。
DMM WEBCAMP COMMIT/PRO

先ほどの初心者の中でも、
プログラミング学習に対して一歩を踏み出したい方や、
ITリテラシーを高めたい方向けの、
DMM WEBCAMP SKILLSとは違い、
より実践的な学習を行いながら、
ITエンジニアへの就職・転職につなげる学習を行う
という点で、
この「DMM WEBCAMP COMMIT/PRO」はおすすめです。
特に公式サイトにもあるように、

という形で、
プログラミングの学習サポートだけでなく、
就職・転職に向けたサポートがしっかりしているので、
プログラミング学習を通じて、
学習を行なってプログラミングスキルを身につけるだけでなく、
就職・転職につなげたいと考えている初心者の方におすすめです。
CodeCamp

初心者の方の中で、
プログラミング学習のサポートとして、
オンラインでの学習サポートを自宅で受けたい
という方におすすめなのが、
この「CodeCamp」です。
レッスンの教材自体は決まっており、
その中で、自分が選んだプランで、
学習サポート期間などもありますが、
自習も含めて、自分のペースで学習に取り組むことが可能
という部分で、
先ほどのDMM WEBCAMPは、どちらかというと、
時間がしっかり取れる方にオススメですが、
こちらのCodeCampは、自分の時間を使いながら、
自分のペースで学習したいという方におすすめです。
学習自体のイメージは、

このような形になるので、
ただレッスンで教えてもらうよりは、
課題を取り組みながら、理解を深めたい初心者におすすめです。
GEEK JOBキャンプ(スピード転職コース)

プログラミング学習をしている初心者の方で、
「どうしても、最短で就職・転職につなげたい」
「学習するための時間は十分にある」
という方には、
この「GEEK JOBキャンプ(スピード転職コース)」がおすすめです。
オンラインでの学習になり、
時間を選ばずに学習することはもちろん、
公式サイトにもあるように、

このようにGEEKJOBは、正社員としての紹介先として、
豊富な取引企業があり、
就職・転職のサポートに関しても、

このように、履歴書の添削から、面接練習まで、
しっかりとサポートすることで、
非常に高い就職・転職の成功率なので、
初心者の方で、学習する時間がしっかりと取れ、
できる限り短期間で結果に結びつけたい方におすすめです。
侍エンジニア塾

プログラミング学習をしている初心者の方で、
定期的なレッスン以外はチャット等で質疑応答してくれると良い
という方には、
この侍エンジニア塾がおすすめです。
特に侍エンジニア塾の良いところは、
マンツーマンで専任の方がサポートをしてくれる
ということです。
定期的なレッスンや、チャット等での質疑応答など、
同じ人が常に対応してくれることで、
信頼関係を気付きやすく、
プログラミング学習に関する質問も気軽に行いやすいのがメリットです。
一方で、マンツーマンなどで決まった人になる場合は、
どのような人が、自分の専任になるのかで、
プログラミング学習の効率が変わってくるので、
まずは、無料レッスンなどで試して、
どのような方が専任になって欲しいのかは、
しっかりと希望を伝えるようにしましょう。
そのことさえしっかりしていれば、
マンツーマンで学習効率は上がりやすいので、
しっかりとした学習サポートを求められている方にはおすすめです。
CODEGYM Monthly

プログラミング学習をしている初心者の中で、
リーズナブルに定額の学習サポートが受けたい
という方におすすめなのが、
この「CODEGYM Monthly」です。
スクールというよりは、
定額型のプログラミング独学者向けのサービス
というイメージに近いです。
他のプログラミングスクールのように、
事細かに決まったカリキュラムやレッスンを行うのとは違い、
公式サイトにもあるように、

このように学習のロードマップを作成してもらい、
あとは、自分自身で独学を進めながら、

このように定期的なコーチングを受けて、
学習を行なっていくことになります。
この辺りは、わかりにくい部分もあるので、
1度、無料の説明会などがあるので、
そちらで自分に合っていそうかを確かめて見ることをおすすめします。
Freeks

先ほどのGEEKJOBと合わせて、
定額制でリーズナブルにプログラミング学習を行いたい
という方向けには、あまり知られていませんが、
この「Freeks」がおすすめです。
本格的なスクールに通うには、
予算的にもハードルが高すぎる方には、
まずは1ヶ月でも気軽に試せるので、
非常にオススメのリーズナブルなスクールなので、
初心者の方で一歩を踏み出せない方におすすめです。
まとめ(おすすめスクール一覧)
スクール名 | オススメポイント | サイト |
---|---|---|
DMM WEBCAMP SKILLS | 初心者の方でITリテラシーに自身がない方におすすめ。はじめの一歩としてのプログラミングスクールとしての活用としておすすめ。はじめの一歩として一番おすすめ。 | |
DMM WEBCAMP COMMIT/PRO | 初心者の方で就職・転職をどうしても実現したい人にすごくおすすめ。「就職・転職を保証している」ので安心してサポートを受けられるのでおすすめ。結果を残したい人に1番おすすめ。 | |
CodeCamp | 初心者の方で「現役エンジニアから学びたい」という方におすすめ。マンツーマンでし教えてくれるので、しっかりと時間を確保できる初心者がおすすめ。 | |
GEEK JOBキャンプ スピード転職コース | 半年以内にどうしても転職をしたいという初心者の方におすすめ。より実践的な内容を短期間で習得しながら就職・転職を目指すことができるのでおすすめ。 | |
侍エンジニア塾 | マンツーマンで定期的なレッスンとチャットでの日常的な質疑応答ができるので、自分のペースで学習したい初心者におすすめ。無料レッスンもあるので、自分に合うかどうか試してみることがおすすめ。 | |
CODEGYM Monthly | 初心者で毎月の費用でサポートしてくれる人が欲しい方におすすめ。プログラミングスクールの中では比較的リーズナブルなので、無料相談をしてから数ヶ月試してみるのがおすすめ。 | |
Freeks | 毎月1万円くらいの定額制で学習できるので、リーズナブルにスクールを試したい方におすすめ。 |
Laravelで「Module parse failed: Unexpected token」が起きた時の対応
Laravelを使用する中のエラーで
「Module parse failed: Unexpected token」
が起きた時の対応メモ。
Laravelのスケジューラの設定
Laravelのバージョン
Laravelのバージョン
$ php artisan --version Laravel Framework 8.29.0
公式サイト
公式サイトのリンクも参考までに。
調整メモ
修正したファイルは
webpack.mix.js
というファイル。
修正箇所は、
mix.js('resources/js/app.js', 'public/js') .vue() .postCss('resources/css/app.css', 'public/css', [ // ]);
という記載の中で「.vue()」を追加した。
ちなみに参考元にしたのは下記。
Laravelで「Vue.component is not a function」が起きた時の対応
Laravelを使用する中のエラーで
「Vue.component is not a function」
Laravelのスケジューラの設定
Laravelのバージョン
Laravelのバージョン
$ php artisan --version Laravel Framework 8.29.0
公式サイト
公式サイトのリンクも参考までに。
調整メモ
npmでlaravel-elixir-vue-2というパッケージを入れるとうまくいった。
コマンドは、
npm install laravel-elixir-vue-2
あとは、再コンパイルすればうまくいくはず。
Laravelのスケジューラの設定
Laravelを使用していると、
所定の時間に何か処理を行いたい時があります。
そんな時は、Laravelにはスケジューラーの機能があるので、
その機能を使って、処理を行うようにすると便利です。
Laravelのスケジューラの設定
Laravelのバージョン
Laravelのバージョン
$ php artisan --version Laravel Framework 5.8.36
最新はもう少し、バージョンは上ですが、
基本的なスケジューラの考え方などは同じかと。
公式サイト
まずは、公式サイトを見た方が良いので、
公式サイトのスケジューラのリンク。
設定方法
設定の手順は大きく2つ
cronで、artisanコマンドでスケジューラを1分単位で動かす。
あとは、スケジューラの設定をLaravel内で行う。
この2つを行います。
cronで、artisanコマンドでスケジューラを1分単位で動かす
artisanコマンドとして、スケジューラを動かすには、
php artisan schedule:run
というコマンドを使います。
そして、このコマンドをcronで1分単位で動かします。
cd 【Laravelフォルダ】 && php artisan schedule:run >> 【Laravelフォルダ】/action.log
これでスケジューラ自体を動かすことができます。
スケジューラの設定をLaravel内で行う
実際の時間毎のスケジュールは、
app/Console/Kernel.php
というファイルで行います。
そのファイルの中で、
protected function schedule(Schedule $schedule) { ここに各種のシュケジュールを設定 }
このscheduleメソッドの中に設定を行います。
まず、シンプルに毎分、動かす場合を例にすると
protected function schedule(Schedule $schedule) { $schedule->call(function() { ここに実際の処理を記載 })->everyMinute(); }
という形で、everyMinuteというメソッドで動かします。
他にも日時指定なども可能なので、
そのあたりの細かな設定方法は、公式サイトを参照してください。
Laravelの$_ENVが空でPHPからうまく値を取得できない時の対応
Laravelを使用していると、
PHPの処理の中で、
$_ENV['APP_URL']
など、値を取得したい場合があります。
この値の取得に関して、
$_ENV自体が空となってしまう事象が起きて、
正しく値が取得できなかった。
その時に、対応したことをメモ。
Laravelの$_ENVが空でPHPからうまく値を取得できない時の対応
Laravelのenvファイル
envファイルの中身として、
APP_URL=https://hoge.com
のような形で、値を設定することができます。
起きた事象
上記のような、envファイルの値をPHPで取得するには、
$_ENV['APP_URL']
のような形で取得ができます。
ただ、この値がうまく取得できず、
$_ENV自体の値を確認すると、
array ()
とログで確認すると、空として返ってきました。
そのため、$_ENVに対して、
うまくenvファイルの値が反映されていないことがわかります。
対応方法
対応方法として、
artisanコマンドのオプションで以下を実行。
php artisan config:clear php artisan cache:clear php artisan view:clear php artisan route:clear composer dump-autoload
これで自分の場合はうまく反映できた。
LaravelのTestDatabases.phpで「syntax error, unexpected ‘)’」が起きたときの対処方法
Laravelの初期設定時に、
初期ページを表示しようとすると
syntax error, unexpected ‘)’
のエラーが出て困ったので、
その時の対処方法をメモ。
同じようなエラーでうまく事象が解決できる人がいれば幸い。
LaravelのTestDatabases.phpで「syntax error, unexpected ‘)’」が起きたときの対処方法
Laravelのバージョン
$ php artisan --version Laravel Framework 8.29.0
Laravelの設定の状況
このエラーが起きた時点では、
create-projectでLaravelのプロジェクトを作り、
envファイルの設定、key:generateまでやった状況。
また、特にwebサーバ等の設定は問題なく、
ページを表示しようとする段階で、
Laravel側でエラーが起きている状態。
エラー内容
エラーログとしては、以下のエラーログが残っていた。
local.ERROR: syntax error, unexpected ')' {"exception":"[object] (ParseError(code: 0): syntax error, unexpected ')' at 【laravelのフォルダ】/vendor/laravel/framework/src/Illuminate/Testing/Concerns/TestDatabases.php:164)
対応方法
まず、対象ファイルの「TestDatabases.php」の164行目あたりは、
protected function switchToDatabase($database) { DB::purge(); $default = config('database.default'); $url = config("database.connections.{$default}.url"); if ($url) { config()->set( "database.connections.{$default}.url", preg_replace('/^(.*)(\/[\w-]*)(\??.*)$/', "$1/{$database}$3", $url), ); } else { config()->set( "database.connections.{$default}.database", $database, ); } }
このようなコードになっている。
このコードでsyntaxエラーなので、
とりあえず、文法エラーで弾かれている箇所を調整。
config()->set( "database.connections.{$default}.url", preg_replace('/^(.*)(\/[\w-]*)(\??.*)$/', "$1/{$database}$3", $url), ); ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ setメソッドの末尾の「,」を削除 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ config()->set( "database.connections.{$default}.url", preg_replace('/^(.*)(\/[\w-]*)(\??.*)$/', "$1/{$database}$3", $url) );
同じ関数の中に2つ同じ箇所があるので、
どちらも同じように調整するとうまくいく。
【検証ツールの使い方】レスポンシブのサイズ指定でのチェック方法
検証ツールを使って、
レスポンシブのサイトを確認するとき、
簡単に確認できる方法を初心者向けに共有します。
既に使っている方もいるかもしれませんが、
初心者で検証ツールを使い始めたばかりで、
レスポンシブの時に、
ブラウザ自体を狭めたり、広げたりしている方が、
検証ツールで確認できるようになれば幸いです。
【検証ツールの使い方】レスポンシブのサイズ指定でのチェック方法
検証ツールでのレスポンシブの確認
検証ツールを開いたら、
この赤枠のアイコンをクリックすると、
検証ツールの中の各種表示のツールを右側に寄せれます。
まずは、これで右側に設定を表示させます。
次に、
この赤枠部分をクリックします。
すると、
このように、
左側にレイアウトが表示されます。
そして、上記の赤枠の部分でサイズが指定できるので、
サイズを変更することで、レスポンシブのサイズでの確認ができる
ということです。
「
【検証ツールの使い方】javaScriptの値の確認方法
初心者がjavaScriptの学習をしていく中で、
javaScriptで使う値を確認する方法を確認したいことはよくあります。
その値を検証環境で確認する方を、
初心者向けにブラウザChromeを例に説明します。
【検証ツールの使い方】javaScriptの値の確認方法
検証ツールの開き方
まず、検証ツール自体を開いたことがないようでしたら、
こちらの記事を見て、検証ツールの開き方を把握してもらうと良いですね。
Webレイアウトを確認するために必ず使う「ブラウザ」と「検証ツール」
検証ツール内のjavaScriptの確認は「Console」
検証ツールを開いたら、
「Console」
という部分をクリックしましょう。
上記の表示では特に設定がないので、
実際にjavaScriptで値を表示してみます。
javaScriptから検証ツールの「Console」に値を表示する方法
検証ツールの「Console」に対して、
javaScriptから値を出力するためには、
console.log('javaScriptからConsoleに出力');
という形で、
「console.log」を使って検証ツールに値を表示する
ということを覚えておきましょう。
初心者の方は実際にシンプルなjavaScriptを動かしてみて、
実際に表示してみると良いですね。
以下のサイトの「JSの基本」も参考にすると良いです。
javaScriptから検証ツールの「Console」に値を表示した例
実際に先程の
console.log('javaScriptからConsoleに出力');
このコードを動かして、
検証ツールの「Console」で値を確認してみると、
このように値が出力されていることがわかります。
まずは、このように値がうまく出力できることを確認してみましょう。
検証ツールの「Console」に表示される内容の種類
検証ツールの「Console」には、
ページを表示する際に様々な内容が表示されます。
具体的には、大きく分けると、
・エラーの内容
・出力したメッセージ
の2つが出力されます。
初心者は、エラーか、それ以外かということで、
Consoleに表示される内容を考えてもらえると良いかと思います。
実際に表示される内容の種類を確認するには、
このように検証ツールの「Console」で、
左上のほうにあるアイコンをクリックすると、
上記の画像のように種類が表示されます。
赤い丸にばつ印のものがエラーで、
上記の画像を例にすると、1つのエラーがある状態です。
一番上の「2 message」をクリックすると、
エラーも含めてすべてのメッセージが表示されます。
初心者の方は、
まずは、ここまでを基本的なjavaScriptの値を
検証ツールの「Console」で確認する方法として、理解できると良いでしょう。
【設定メモ】Crontabでの日付指定などの設定方法
Cronを設定する際に、
Crontabを使用して設定することがあり、
設定する際のメモを残しておく。
自分が今後も使うときの参考だったり、
他の人が使うときに、
少しでも参考になれば幸い。
【設定メモ】Crontabでの日付指定などの設定方法
基本設定
Crontabの開き方
crontab -e
Cronの基本の設定順序
基本として、
分 時 日 月 曜日 実行コマンド
という設定になる。
基本コマンド
crontabで実行する時の基本コマンド
毎分はアスタリスクでいける
「*」(アスタリスク)は、「毎」分などの解釈になる。
* * * * * sh test.sh
なので、上記は、
「毎」曜日、「毎」月、「毎」日、「毎」時間、「毎」分
処理が行われるということなので、
結論として、
「1分単位で処理が行われる」
ということになる。
実用例(月、日、時、分)
指定の時間
例えば、11月22日9時30分に実行
30 9 22 11 * sh test.sh
指定の時間(複数)
6時、12時、18時に実行
0 6,12,18 * * * sh test.sh
指定の時間(期間)
0〜6時まで、18時以降に実行
0 0-6,18-23 * * * sh test.sh
実用例(曜日)
曜日の設定は、日曜日から土曜日までを0〜6で設定する。
値 | 曜日 |
---|---|
0 | 日曜日 |
1 | 月曜日 |
2 | 火曜日 |
3 | 水曜日 |
4 | 木曜日 |
5 | 金曜日 |
6 | 土曜日 |
曜日指定(単独)
月曜日の10時30分に実行
30 10 * * 1 sh test.sh
曜日指定(複数)
平日と土日で切り分けて実行
# 月〜金
30 10 * * 1-5 sh test.sh
# 土、日
30 10 * * 0,6 sh test.sh
その他(コマンド連結、ログ出力)
コマンド連結
コマンド連結は「&&」で繋げれば良い
特定のフォルダのシェルを実行
30 10 * * 0,6 cd /home/test && sh test.sh
ログ出力
指定のファイルにログを追記していく
30 10 * * 0,6 sh test.sh >> test.log 2>&1
【割安・工事不要】自宅以外で使うために、安くWifiの環境が欲しいのであれば、「クイックWiFi」が便利
ちょっとした出張や、
アウトドアでの外出など、
自宅以外でサイトを見たり、ゲームをしたり。
そんな時に、スマホの回線を使うと、
月の容量がいっぱいになって困ることが多いです。
そのような時のために、
携帯とは別にWifi環境を持っておくと便利
ということがあります。
そんなWifi環境ですが、
使うWifiを選ぶときに、一番注意した方が良いのが、
Wifiを使うために工事など面倒な手続きが必要なことがある
ということです。
特に1日あたりの制限があったりすると、
週に1回くらいのアウトドアの時だけ、
たくさん使えれば、それ以外はいらないから、
1日あたりの制限が面倒だな…
という面倒だと思うことが非常に多いので、
この点は注意した方が良いです。
そんなWifiですが、
- 特別な工事などが必要なく、簡単に始めることができる
- 1日あたりの制限が厳しくないので、使いたい時にしっかりと使える
- 月額費用もリーズナブルなので、試しに使ってみることができる
という点で、
「クイックWifi」というサービスがおすすめです。
この「クイックWifi」に関して、
どのような点がおすすめなのかを、
この記事で初心者向けに紹介します。
【割安・工事不要】安くWifiの環境が欲しいのであれば、「クイックWiFi」が便利
持ち運び用のWifiとして使うので、予算を抑えたいので、3500円くらいでリーズナブル
ネット環境を持とうとしたときに、
持ち運び用のWifiだと、5000円を超えることが多いです。
そんな中で、
リーズナブルな値段の点で、
3500円くらいの値段でWifiを使うことができるのは非常に嬉しいですね。
Wifi自体を使っていく中で、
アウトドアなど、週1回など、
状況によって使うことがあるという方には、
リーズナブルで工事がいらないものがおすすめなので、
この「クイックWifi」は非常におすすめです。
繋がりやすさという観点で、docomo/au/softbankの回線で自動接続するので、安定性が良い
国内の回線に関しては、
・docomoの回線
・auの回線
・softbankの回線
などがあります(他には楽天の回線)。
この3つの回線がある中で、
どれかの回線だけを使っているWifiだと、
自分が使っているWifiは、au回線だけだから、
softbankとかを使っている人と違って、
うまく接続ができない…
ということが起こりますが、
このクイックWifiは、
上記のdocomo/au/softbankの、
いずれかの回線を状況によって、
最適な回線を選んで接続してくれるので、
接続の安定性という面でも非常にオススメです。
特にこの
自動で3つ(docomo/au/softbank)から最適な回線を選んで接続してくれる
という点がポイントですね。
面倒なことを自動でやってくれるので、
使う側は、見たいコンテンツを見ているだけで良いので非常に楽です。
まとめ
Wifiを持つ上で、オススメのポイントとして、
持ち運び用のWifiとして使うので、予算を抑えたいので、3500円くらいでリーズナブル
繋がりやすさという観点で、docomo/au/softbankの回線で自動接続するので、安定性が良い
という2つのことを説明しました。
契約・解約の方法などは、
正直、他のWifiと同じように、
8日以内であればキャンセル可能
などもありますが、
そこまでWifiごとに契約方法やキャンセル・解約などに違いはなく、
個人的には、
Wifiを選ぶときは、コストと安定性を考慮すると良い
と考えているので、「クイックWifi」がオススメです。
NginxでURL内の複数のPathにマッチするものを判定
Nginxの設定で、
特定のURLのパスを判定して、そのURLのみの制御をしたい
ということがあり、
その設定を調べながら試したので、
同じような人の参考になるかもしれないのでメモ。
NginxでURL内の複数のPathにマッチするものを判定
シンプルなURLの判定
シンプルなURLの判定処理は、
locationの後に必要なパスを設定するだけ。
location / { : }
複数のURLにマッチする判定
今回、やりたかったのは、
こっちの複数のURLにマッチする判定処理。
locationの後に「^/()」で複数のパターンを「|」のOR条件でつないでいる。
location ~ ^/(urlA|urlB|urlC|urlD) { : }
自分の環境設定では、
上記の設定を記述して、Nginxを再リロードしたら、
うまく挙動してくれた。
【初心者向け】プログラミング学習の初期学習で無料サービスでインプットするのがオススメな理由
プログラミング未経験の方が、
今後に向けて、プログラミングの学習を始めるときに、
プログラミングの基本を抑えること
ということは必要です。
言い換えると、
基本を「インプット」することが初期段階で最重要
ということが言えます。
学習を始めようとする方の多くは、
できる限り、早くプログラミングを身に付けたいな…
なので、全て教えてくれるスクールを考えようかな。
ということを考えて、
いきなりスクールに通う方も多くいます。
それ自体は、まとまった時間があって、
スクールだけに注力できる方には問題ないとは思います。
しかし、
何か仕事や学業を行いながら、
プログラミング学習をされる方には、
学習をしていく中で、
まずは学習の初期段階として、
先ほども述べた、
基本を「インプット」すること
が最重要です。
この点に関して、
いきなりスクールに通うよりは、
「無料サービス」で「インプット」すること
がオススメなので、
その理由を説明します。
少しでも、プログラミングを始めようとしている方の、
参考になれば幸いです。
それでは、説明していきます。
【初心者向け】プログラミング学習の初期学習で無料サービスでインプットするのがオススメな理由
学習の初期段階は必ず「インプット」が必要
プログラミング学習を進める中で、
初心者の方が取り組む流れとしては、
1:プログラミングの基本を「インプットする」
2:「インプット」したことを自分なりに「解釈する」
3:「解釈したこと」を使って、「何かを作ってみる」
4:「何かを作る」なかで「トライ&エラーを繰り返す」
という流れで、
学習をステップアップすることが一般的です。
この中の、1〜4をまとめて、
全てを短期間でやろうとすることで、
挫折してしまう方を何人か見てきました。
逆に、うまく学習が進む方も見てきた中で感じるのは、
自分自身でうまくプログラムを組み立てることはできなくても、
1:プログラミングの基本を「インプットする」
という工程をうまく勧められている方は、
その後の2〜4の流れでも、
比較的うまく学習が進みやすいということです。
ここで1つポイントとしては、
1:プログラミングの基本を「インプットする」
という工程は、
ただ、インプットすれば良いのではなく、
インプットしたことを「自分なりに解釈ができている」
という状態です。
この状態にもっていけるように初期段階のインプットを取り組むことで、
その後のプログラミング学習自体にも良い効果をもたらすでしょう。
無料サービスでプログラミングの基本の「インプット」は可能
プログラミングスクールに通って、
それだけに時間を忠直することができれば、
プログラミングスクールに通うことは止めません。
ただ、そのような方以外で、
何か日常的な仕事や学業を行いながら、
プログラミング学習を始める初期段階である方は、
まずは、
無料サービスで「インプット」学習を始めることをお勧めします。
無料サービスと、有料のプログラミングスクールですが、
個人的な意見として、

この無料と有料の差ですが、
現場的なノウハウを共有してもらえるかどうか
ということだと考えています。
ちょっと、捉え方を変えてみると、
基本を「インプット」する部分
に関しては、
どちらも「自分でやる必要がある」という点で同じ
ということが言えます。
そのため、
まずは、初期学習としては、
無料サービスでも、インプット学習をすることはできるので、
コツコツと学習を始めてみることが大切です。
「インプット」の段階は「使える」よりも「それは何を意味するか」を理解しようと意識することが効果的
初心者の方が、
プログラミングの学習をする初期の「インプット」の中で、
インプット中に意識しておくと良いことが1つあります。
それが、
「インプット」を進めている内容が、「それは何を意味するのか」
ということを意識して把握しようとすることです。
ちょっと難しいように聞こえますが、
取り組む際のポイントとして、
初期段階で完璧な理解までは求めない
ということ、
そして、
インプットした内容に対して、「自分なりの言葉で」説明できる
という状態を目指すこと。
これをポイントとして取り組むことで、
インプットしている内容が、
学習されている初心者の方により身につきやすくなるのでオススメです。
初心者におすすめのプログラミング無料サービス
個人的には、
・動画でみることができる「ドットインストール」
・使いやすく、見やすいレイアウトの「prog-8.com」
・無料講座でPythonを本格学習できる「テックジム」
がおすすめです。
それぞれ、無料で使える上に、
しっかりと学習できるサービスなので、
初心者の方は、まずはどれも登録して、
色々と自分に合うかどうかを試してみると良いでしょう。
ドットインストール

ドットインストールは、
無料で(一部、有料もありますが)プログラミングの基本的なことを、
動画で学習できるサービスなので、
イメージや具体例を実際に動画を見ながら学べるのでオススメです。
prog-8.com

prog-8は、
有料プランもありますが、
無料のままでも十分に活用できるサービスです。
使いやすいレイアウトや操作性なので、
初心者の方にも非常にオススメです。
ゼロからはじめるPython入門講座

Pythonというプログラミング言語は、
色々な場面で使われることもあり、
初心者が学習したいプログラミング言語でも有名です。
そんなPythonのプログラミング学習を無料でも受けることができます。
- Pythonという人気のプログラミング言語の講座を受けることができる
- オンラインで学べる講座なので、家にいながら学習できる
- 簡単なゲームをPythonで作る講座なのでどんな人でも楽しめる
というところが、オススメのポイントで、
しっかりと学習できる入門講座なので、
初心者の方は無料のうちに学習にトライしてみることをおすすめします。
Githubのアカウントを作る
初心者の方が、
Gitを学び始めたから、
Githubのアカウントを作成しよう。
となると思います。
このような初心者の方に向けて、
自分自身がアカウントを作成する時のメモを残して、
初心者の方の参考になればと思います。
Githubのアカウントを作る
Githubのサイト
Githubのサイトは

Githubの公式ページのリンクを共有しておきます。
Githubのアカウント登録
Githubのアカウント登録は、
公式サイトで

このボタンがあるので、
それをクリックすることで開始できます。
入力画面として

このようなページが開くので、
各項目を入力していきましょう。
Username:ユーザー名
このユーザー名に関しては、
重複しなければ大丈夫です。
既にユーザー名として使われている時は、

このような表示になるので、
別の名前を登録しましょう。
Email address:メールアドレス
メールアドレスに関しては、
自分自身が確認できるメールアドレスを登録します。
処理を進めると、作成確認のメールが飛んできます。
Password:パスワード
パスワードは、8文字以上必要なので、
自分が忘れないパスワードを設定しておきましょう。
Email preferences:メール通知(アップデート情報など)
この設定自体は、
アップデート情報などが不要なのであれば、
チェックボックスには、チェックを入れなくて良いです。
初心者の方には、不要なメール内容が多いので、
チェックは外しておくと良いかと思います。
Verify your account:不正チェック
ここは、不正チェックに使われているので、
クリックしてチェック処理を行いましょう。
チェックが問題なければ、

このように、「Create account」ボタンが押せるようになるので、
これを押して、Githubのユーザー作成を行いましょう。
アカウント情報の確認
先ほどの、

このボタンを押すことで、
作成処理が進み、

このような表示になりますが、
これは、ユーザー自体の情報を聞いているので、
興味がある分野などをチェックを入れて、
「Complete setup」ボタンを押しましょう。
登録確認メールのチェック
先ほどの
「Complete setup」ボタン
を押すと、

このようなページになります。
このページが表示されると、
Githubのアカウント登録確認のメールを確認する
という必要があるので、
メールをチェックしてみましょう。
メールをチェックすると
[GitHub] Please verify your email address.
というメールが届いているかと思います。
内容が、

このような表示になると思うので、
この中の

「Verify email address 」ボタンを押しましょう。
ボタンを押すと、Githubのページが開き、

このように
Your email was verified
と表示されれば完了です。
【検証ツールの使い方】HTML/CSSの内容の確認と変更
検証ツールの使い方の基本を知って、
色々と使えるようになることによって、
Webデザインのレイアウトの確認をよりうまく進めることができます。
そんな検証ツールの使い方に関して、
検証ツール開いたら、
HTMLとCSSが表示されているけど、
基本的にどうやって確認するのかな?
という基本的なことを、
1. 対象のHTMLのタグを選択する
2. タグに設定されているCSSのプロパティをみる
3. CSSのプロパティを変えてみる
という基本的な操作説明を例に説明します。
この記事を見て、
検証ツールを開いて、
まずは、自分自身のレイアウトを簡単に確認できる
というところまで進めれようになると嬉しいです。
ちなみに、この記事では、
参考イメージとして、
ブラウザとしてよく使われる

このアイコンで有名なchromeを例にします。
他のブラウザを使っている場合でも、
参考になると思うので、実際に試して見ましょう。
【検証ツールの使い方】HTML/CSSの内容の確認と変更
まずは、どこに何が表示されているか
初心者向けに、まずは、検証ツールを開いた時、
最初に表示される状況がどういう状況かを簡単に、
把握しておいて欲しいと思います。
検証ツールを開くと、
大きく分類して、
・実際の表示
・表示に使用されるHTML
・表示に使用されるCSS
の3つが表示されています。
例えば、
検証ツールを開いた時に、

このような表示になったとします。
これを分類すると、

このように大きく3つにわかれています。
そのため、
検証ツールは、実際の表示のためのHTML/CSSを確認できる
という基本的なことをまずは把握して頂ければと思います。
確認したいHTMLのタグを選択する
例えば、
HTMLの中の、
「container」というクラスをつけたdivタグ
の表示やCSSを確認したい
と思ったら、

このように、
検証ツールの中のHTMLで、
自分が確認したいHTMLタグにカーソルを当てる
ということで確認できます。
また、初心者の方の質問で多いのが、
containerというクラスを付けたdivタグの中に、
Test1などのテキストを表示するためのタグがみたいな。
けれど、
検証ツールで隠れてしまってみえない…..
という質問です。
これに関しては、

このように隠れてしまっている部分で、
三角マーク(▶︎)があるので、
これをクリックしてください。
すると、

このように隠れていた部分が表示されます。
これで自分が確認したいタグが確認できるかと思います。
タグに設定されているCSSのプロパティをみる
自分が確認したいタグについては、
先ほどの確認したいHTMLタグを選択するところでも、
同じように出ていましたが、

このようにマウスカーソルを、
自分が確認したいタグに当てることで、
右側にカーソルを当てた部分のCSSが表示されます。
これをみる時に、
シンプルなものは良いですが、
初心者の方に多い質問として、
色々とCSSの設定が表示されているけど、
・どのような順番で設定されているのかな?
・colorとか自分が知りたい値がどこにあるのかな?
という質問です。
これについては、
それぞれ、説明しておきます。
どのような順番で設定されているのかな?
この質問に関しては、
1つだけ、ポイントとして抑えて欲しいことがあります。
それが、
上側に表示される設定が優先されている
ということです。
例えば、

この場合、

このようにCSSの設定の中で、
同じ「background-color(プロパティ)」という設定があります。
このようなことはよくあり、
検証ツールの中では、同じプロパティは優先度が高いものほど上側に表示される
ということは覚えておきましょう。
イメージとしては、

このように優先度が、
上側:優先度が高い
下側:優先度が低い
というイメージです。
colorとか自分が知りたい値がどこにあるのかな?
検証ツールの中で、
自分が探したいCSSの設定が、
上側に表示されずに、見当たらないと感じることはあります。
そんな時は、検索できるので、
それを使って解決しましょう。
具体的には、

この「Filter」という部分に、
自分が探したいCSSの設定(プロパティ)を入力します。
例えば、
「background-color」
というCSSを探したいので、
途中までの入力ですが、「background」で検索してみましょう。
すると、

このように自分が探したい、
CSSのプロパティ(今回の例だと「background-color」)を
簡単に見つけることができました。
このように自分が探したい設定があれば、
検索をかけて探して見ましょう。
CSSのプロパティを変えてみる
この検証ツールを使う中で、
CSSの設定の違いを変えながら確認できる
ということは把握しておき、
初心者の方も使うようにしましょう。
特に初心者の方の中で
CSSの設定をエディタで変えて確認して見ているけれど、
ちょっと変えた時の確認が面倒….。
どうにかならないかな…
ということがよくあります。
この点に関しては、
検証ツールが便利で解決してくれます。
簡単な例で説明していきますね。
まず、自分が変更したいHTMLのタグを選択します。

このように、「Test1」という部分が、
背景色(backgrond-color)が赤色(red)ですね。
これを緑色に変えて見ましょう。
方法としては2つ。
1:既に設定されている内容の値を変える
2:自分で別に値を設定する
という2つの方法です。
1:既に設定されている内容の値を変える
既に設定されている値を変更することができます。
まずは、変更したい設定の値部分でクリック。

すると変更できる状態になるので、
自分が変更したい値に変更。
今回の例だと、
このように値を緑色(green)に変更すると、
以下のように表示も緑色に変更されます。

2:自分で別に値を設定する
既に設定されている設定を使わずに、
自分自身で設定を追加したい場合を確認したい
ということもよくあります。
その場合は、
「element.style」と表示されている部分に、
自分自身でCSSの設定を書くことで、
見え方を確認することができます。
この方法も簡単な例で説明します。
まずは、

この「element.style」部分をクリックします。
すると、

このような表示になり、
入力ができる状態になります。
この状態になったら、
自分が設定したい内容を入力します。
今回の例だと、

このように、
背景色(background-color)に緑(green)を設定しました。
すると、

このように表示も、
設定したCSSの値で変更されるので、
必要に応じてCSSの設定を追加してみましょう。
【検証ツールの使い方】検証ツールの表示位置を変更する
検証ツールの使い方の基本として、
検証ツールを表示させる場所を変更してみましょう。
この記事では、
参考イメージとして、
ブラウザとしてよく使われる

このアイコンで有名なchromeを例にします。
他のブラウザを使っている場合でも、
参考になると思うので、実際に試して見ましょう。
【検証ツールの使い方】検証ツールの表示位置を変更する
表示できる場所は4通り
表示できる場所は、
- ブラウザの「下」に表示
- ブラウザの「右」に表示
- ブラウザの「左」に表示
- ブラウザとは別で開く
の4つの方法があります。
表示できる場所を変えてみよう
実際に表示位置を変えてみることで、
検証ツールの表示位置の変更は簡単!
と思えるので、やってみましょう。
右クリックで、

この中の「検証」で、検証ツールをまずは開きます。
その開いた検証ツールの中の右上の方に、

このような3つの点のようなマークのアイコンがあります。
このマークのアイコンをクリックしてみましょう。
すると、以下のような表示になるので、

この赤色で囲っている部分が、
- ブラウザの「下」に表示
- ブラウザの「右」に表示
- ブラウザの「左」に表示
- ブラウザとは別で開く
という4つの表示方法になるので、
これを押して見ましょう。
すると、表示位置が変わるので、
自分が確認したい位置に変更しましょう。
Node.jsのバージョンを変更する方法
Node.jsのバージョンによって、
うまくコンパイルができないなど、
問題が起きることは時々、あります。
そんなときは、
自分が必要なバージョンを把握して、そのバージョンに変更する
という作業が必要です。
この記事では、
Node.jsのバージョンの変更方法を説明します。
Node.jsのバージョンを変更する方法
Nodeのバージョン管理用のnというツール
Nodeのバージョン管理でオススメなのは、
「n」というツールです。
Githubのページで公開もされているので、
以下のGithubのページも参考にしましょう。
ツールをインストールする
ツール自体のインストールは、
npmで簡単にインストールできます。
npm install -g n
現在のバージョンを確認する
インストールが完了したら、
以下のコマンドでバージョン確認を行えます。
n --stable
特定のバージョンに変更する
バージョン確認して、
自分が使いたいバージョンに変更したいときは、
以下のコマンドで変更することができます。
n XX.XX.XX (XXは14.3.2みたいなバージョン)
最新バージョンも確認しておく
バージョンに関しては、
このnというツールは、
公式のGithubページを見てもらうと分かりますが、
最新バージョンを以下のコマンドで確認することができます。
n --latest
最新バージョンにするには?
先ほどの最新バージョンの確認のコマンドを見てもらった方は、
これでいけるのではと考えている方もいるかと思います。
以下のコマンドで最新バージョンに変更できます。
n latest
Laravelのテーブルに初期値をインサートする方法
Laravelのテーブル自体を、
migrationなどで作成することは多いです。
そんな中で、
初期値として1行のレコードをインサートしたい
という要望はよくあります。
そんな時は、
LaravelのSeedingという方法を使うことで、
簡単に初期値を追加できるので、
環境を作って、初期レコードをテーブルに入れたい
という時は、この方法がおすすめです。
Laravelのテーブルに初期値をインサートする方法
参考にするべき公式ドキュメント
まずは何よりも公式ドキュメントを参考にしましょう。
Laravelの公式ドキュメントは、
すごく丁寧にまとめられているので、
非常に参考にしやすいと思います。
【準備】インサートするデータを定義する
Seedingを行うことで、
テーブルの初期値としてインサートできますが、
その設定自体は、
【Laravelのフォルダ】/database/seeds/DatabaseSeeder.php
というファイルで設定します。
中身の参考として、
簡単な例を載せておきます。
<?php use Illuminate\Database\Seeder; class DatabaseSeeder extends Seeder { /** * Seed the application's database. * * @return void */ public function run() { $this->call('HogeTableSeeder'); $this->command->info('User table seeded!'); } } class HogeTableSeeder extends Seeder { public function run() { DB::table('hoge_table')->delete(); DB::table('hoge_table')->insert(array("hoge_column" => "setting value")); } }
【実行】実際にデータをインサートする
先ほどの
【Laravelのフォルダ】/database/seeds/DatabaseSeeder.php
というファイルに、
インサートするデータの設定が終わったら、
あとは実行するのみです。
実行は、artisanのオプションに用意されています。

artisanも含めた実行コマンドは、
php artisan db:seed
このようになるので、
このコマンドを実行すれば初期データのインサートが完了です。
Djangoのインストールと初期設定
Pythonでいつもは、BottleでAPIを作っていたが、
ちょっとした値を管理して、
DBに保存、編集等を行いたいなと考え、
Pythonでよく使われる、
フルスタックフレームワーク「Django」を
フレームワークとして選定して、使用することにした。
その際、
基本的なインストールと初期設定に関して、
メモを残しておく。
Djangoのインストールと初期設定
0.Djangoの公式サイト
まずは、何よりも公式サイトが大切なので、
公式サイトのパスを共有。
1.Djangoのインストール
Django自体のインストールをまずは行う。
https://docs.djangoproject.com/en/3.1/topics/install/
このページに書いてあるが、
オフィシャルのインストールは
python -m pip install Django
というコマンドでインストールする。
普通に
pip install Django
とコマンド打ってもよい。
また、Gitからやることもできる。
git clone https://github.com/django/django.git
というコマンドでクローンを取得して、
djangoというフォルダができるので、
python -m pip install -e django/
というコマンドで、
Gitで取得したフォルダを使ってインストールも可能。
2.Djangoのプロジェクトの作成
Django自体がインストールできたら、
https://docs.djangoproject.com/en/3.1/intro/tutorial01/
にも書いてある通り、
django-admin startproject mysite
というコマンドを実行すれば、
Djangoのプロジェクトが作成される。
django-admin not foundの場合
django-adminがnot foundとなって、
コマンド自体が実行できないのは、
パスがうまく通っていないので、
find / -name django-admin.py
などで、django-adminのパスを取得して、
それを環境変数のパスに設定することで、
django-admin自体が使えるようになる。
最悪、上記のdjango-admin.py自体を実行しても良い。
3.Djangoを起動
Djangoのプロジェクトが作成できたら、
そのプロジェクトのフォルダで、
起動コマンドを使って、Djangoを起動できる。
https://docs.djangoproject.com/en/3.1/intro/tutorial01/
このページにある通り、
コマンドは、
python manage.py runserver
というコマンドを使って起動する。
使っているDjangoのバージョンにもよるが、
python3 manage.py runserver
というコマンドで、
python3で起動しないとうまくいかないこともあるので注意。
ポート指定は、そのコマンドのパラメータに直接、
ポート番号を設定すれば、そのポートで起動してくれる。
python manage.py runserver 1234
こんな感じでとりあえず、
Djangoの起動までは進めることができる。
4.初期設定「ALLOWED_HOSTS」の設定
特に個人開発で、
localhost:8000
の初期設定で使う分には問題ないが、
ドメイン自体を設定する場合は、
<変更するファイル>
【Django_Project_Folder】/settings.py
<変更箇所>
ALLOWED_HOSTS = ['hoge.com']
という変更を行えば良い。
5.初期ページの確認
上記の4までやって、
うまくサイト自体が表示できれば、
このような表示になるので、
ここまでできれば、インストールから初期起動まで完了。

【初心者向け】「HTMLに設定する画像のパス」と「画像を配置する場所」の基本
初心者の方が画像のパスを考えるときに、
言葉だけで、
画像のパスは、サイトのトップページを基準として、
そこからの「絶対パス」で設定するのか、
自分のファイルの場所からの「相対パス」で設定するか、
この2つの方法がありますね。
など、難しいことばで説明すると、
初心者の方にとっては、
「絶対パス」、「相対パス」。。。。。。
なんのことなのか、イマージがわかない。。。。
ということになってしまうので、
できる限り、初心者の方にわかるように説明してみようと思います。
まずは、
画像の配置とHTMLでの画像のパス設定について、
イメージだけでも掴んでもらえればと思います。
【初心者向け】「HTMLに設定する画像のパス」と「画像を配置する場所」の基本
HTMLで画像のパスを設定するとは?
「画像のパス」と言われて、
初心者の方でも、聞き慣れず、戸惑う方もいるかと思います。
HTMLを学習していく中で、
<img src="/img/sample.png">
このようにimgタグというものを使って、
画像の表示を行うことがあります。
この中の、「src」で設定している部分を画像のパスと呼びます。
上記の例だと、
/img/sample.png
これが画像のパスですね。
ちなみに画像のパスは、
画像のパス = 画像が置いている場所 = 表示するための画像の場所
ということと、同じ意味なので、
わかりやすい日本語で覚えておくと良いです。
画像の表示は大きく2パターンをまずは理解。
画像を表示するために、
レンタルサーバなどに画像をアップロードすることが必要になります。
そのような場合を考えたときに、
初心者の方には2つのパターンをまずは覚えて欲しいと思います。
1つ目が、
サイトの「トップページ」の場所から考えたときに見える場所
2つ目が
サイトの「自分が表示しようとしているページ」の場所から考えたときに見える場所
という2つです。
イメージとして説明する中で、
下の図(黒い点をトップページが表示される場所)を例として

このような構成を考えて、
理解を進めていきましょう。
方法1:「トップページ」の場所から考えたときに見える場所
1つ目の方法として、
「トップページ」の場所から考えたときに見える場所
を設定する方法を説明します。
この場合、
HTMLで画像を設定するときは、
<img src="/img-main/main.png">
と設定します。
最初が「/」(スラッシュと呼びます)で始まっているとき、
基本的にトップページの場所から考えたときに見える場所になります。
そのため、今回の例で考えると、

このようにトップページの場所から見て、
/img-main/main.png
というのは、
「img-main」というフォルダの「main.png」というファイル
ということになります。
方法2:サイトの「自分が表示しようとしているページ」の場所から考えたときに見える場所
先ほど、トップページの場所から考えて見える場所を表示するときは、
/img-main/main.png
と書いて表示させることを説明しました。
ここで1つポイントとして抑えて欲しいことがあります。
【ポイント】書き方がちょっと違うだけで、どこの位置から考えるのか、変わってしまう
ということです。
具体的に説明していますね。
まず、もう1度、先ほど説明した、トップページを基準として考えるときの、
画像のパスの設定は、
<img src="/img-main/main.png">
このように「/」(スラッシュと呼びます)で始まります。
しかし、
「/」(スラッシュ)で始まらない場合
というのがポイントで、この場合は、
「自分が表示しようとしているページ」の場所から考えたときに見える場所
が画像の表示される場所になります。
この「/」で始まらない場合は
<img src="img-sub/sub.png">
という書き方や
<img src="./img-sub/sub.png">
という書き方ができます。
これを今回の例を参考にすると、

このように自分が表示させたいページ(今回の例だと、sampleフォルダのindex.htmlというページ)を基準として考えて、
その中の「img-sub」というフォルダの「sub.png」が、
実際に表示される画像になります。
このようにちょっとだけ違う書き方にするだけで、
どの場所から考えたときの画像を表示させるのかが違うので、
初心者の方はわかりにくいですが、
少しずつ慣れていきましょう。
今回の例のまとめ
2つの方法を説明しました。
簡単に振り返っておきます。
方法1:サイトの「トップページ」の場所から考えたときに見える場所
この場合は、
ポイント:先頭には「/」(スラッシュ)を『つける』こと
書き方の例
<img src="/img-main/main.png">
方法2:サイトの「自分が表示しようとしているページ」の場所から考えたときに見える場所
この場合は、
ポイント:先頭には「/」(スラッシュ)を『つけない』こと
書き方の例
<img src="./img-main/main.png">
または
<img src="img-main/main.png">
【簡易サンプル】Dockerの基本的な手順とコマンドサンプル
Dockerを立ち上げようとした際に、
- Dockerfileというファイルを作成する
- ビルドしてDockerイメージを作成する
- Dockerイメージからコンテナを作成する
- コンテナに接続してログインする
という手順を行うのだが、
実際に自分でやってみたときのコマンドなどを共有する。
【基本】Dockerの基本的な手順とコマンドサンプル
実際に自分が試していた時のコマンドを、
順番通りにできるかぎり記載しておきます。
過不足があるかもしれませんが、
気付いた時点でコードなど、
調整をしておきますので、参考にしてください。
0. Dockerを動かすサンプルでやること
今回は、
UbuntuでGo言語を動かせる環境を用意する
ということを目的にする。
最終的に、Dockerコンテナを立ち上げて、
go version
というコマンドで、
バージョン情報が確認できればオッケー。
1. Dockerfileというファイルを作成する
UbuntuでGo言語を動かす環境を作ります。
バージョンは1.15.3ですが、必要に応じて、
最新のバージョンを取得するように変えれば動くかと。
ファイル名:Dockerfile
FROM ubuntu
RUN apt-get update
RUN apt-get install -y wget
RUN wget https://dl.google.com/go/go1.15.3.linux-amd64.tar.gz
RUN tar -C /usr/local -xzf go1.15.3.linux-amd64.tar.gz
ENV PATH "$PATH:/usr/local/go/bin"
2 . ビルドしてDockerイメージを作成する
まずは、ビルドしてDockerイメージを作成。
Dockerfileのファイルがあるフォルダで、
docker build -t go .
を実行する。
実行が完了したら、
Dockerイメージが作成されているので、
docker image ls
というコマンドで確認すると良い。
3 . Dockerイメージからコンテナを作成する
Dockerイメージの作成が終わったら、
次はDockerのコンテナを作る。
docker run -d --name go -it go
というコマンドでコンテナの作成ができるが、
ポート指定をしたい場合は、
docker run -d --name go -p 8080:8080 -it go
このように、-pのオプションをつけて指定することが可能です。
作ったコンテナは、
docker ps
で確認できるので、そこに表示されるとコンテナ作成は完了。
4 . コンテナに接続してログインする
最後に作ったコンテナにログインして、
Go言語のコマンドを実行して、
バージョン情報を表示してみる。
docker exec -it go /bin/bash
のコマンドでログインができるので、
ログインした状態で、
go version
というコマンドが動けば、
うまくGo言語の環境がDockerコンテナとして、
構築できているので、今回やりたかったことがうまくできています。
Dockerで立ち上げた後などのコマンド
Dockerのイメージやコンテナの確認や削除などは、
以下の記事に記載しているので、
そちらを参考にしてください。
Linuxのシステム再起動時にもpackage.jsonのスクリプトで起動させる方法
Linux の再起動自体はそんなにやる機会はないけれど、
検証環境などで、色々な処理を動かした結果、
検証環境、ちょっと重たいから、
再起動したいっスけど、やっちゃっていいっスか?
みたいなことを言われることがあり、
また、
ちょっと、検証環境で試す中で、
設定周りがうまく動かないので、
一旦、再起動して様子みたいっス
みたいなことを言われることがあって、
package.jsonのスクリプトで動かしていたものを、
都度、起動させるのが面倒だった。
対応:crontabで再起動時にシェルを実行
cron自体に再起動時のコマンドがあって、
@reboot
とすることで、
再起動時に処理を行うことができる。
例としては、
@reboot cd /hoge && action.sh >> /hoge/action.log
みたいな感じ。
対応:シャルの中でpackage.jsonのコマンドを実行
package.jsonの中のスクリプトで、
{ "scripts": { "start": "startのアクション" } }
となっていれば、
yarn --cwd /hoge/sample start
という感じでコマンド実行できる。
npmなら
npm --prefix /hoge/sample run start
こんな感じ。
これでサーバ再起動しても起動できるので大丈夫。
ちなみに、起動したプロセスはPM2で常駐化してる。
seleniumでドライバエラー:This version of ChromeDriver only supports Chrome version XX
前提:seleniumは元々、問題なく動いていた
seleniumでの処理自体は、
元々、うまく動いていたので、
処理自体には問題ないと考えている。
実際、
from selenium import webdriver : : self.driver = webdriver.Chrome(chrome_options=options)
このような感じで使っていたが、
エラー個所としては、
上記の中の
self.driver = webdriver.Chrome(chrome_options=options)
この部分であったこと、
そして、このあたりのオプションなどは、
ソースコードは特に変更していなかったので、
環境周りかと思い、エラーを出力して確認した。
エラー内容:This version of ChromeDriver only supports Chrome version XXX
実際にエラーログを出力して確認したところ、
chromeのドライバのバージョンエラーと表示された。
(<class 'selenium.common.exceptions.SessionNotCreatedException'>, SessionNotCreatedException('session not created: This version of ChromeDriver only supports Chrome version XXX', None, None)
上記の
XXXは自分の実行していた環境のバージョン。
調査:chrome関連のバージョン
確認してみたら、
まずは、linux自体に導入されているchromeのバージョン
google-chrome --version
そして、
pythonで動かすときのchromeドライバ
chromedriver -v
これを確認したら、
バージョンが違った。
原因:ドライバと実際に動かす環境のバージョンが本当に違った
上記の調査で、
実際に、seleniumで実行するときに、
pythonから実行する時のドライバのバージョン
と
linux上で実際に動くchromeのバージョン
が違うことが原因で、
(<class 'selenium.common.exceptions.SessionNotCreatedException'>, SessionNotCreatedException('session not created: This version of ChromeDriver only supports Chrome version xxx', None, None)
このエラーメッセージもそれを言っているだけと考えられる。
対応:2つのバージョンを合わせる
今回は、
pythonで使っているドライバのバージョン
をchromeのバージョンに合わせた。
これで問題なく動き始めたので、
この辺りは、バージョンアップには注意が必要なことがわかった。
Apache:WordPressでトップページ以外が443エラーで表示できない
事象:トップページ以外が443エラー
Apacheを使っている環境で、
ある時からWordpressに関して、
トップページ以外が

このようにエラーになっていた。
調査:困ったことにログがでない?
元々は、ログの設定等でうまく出力されたログファイルを確認して、
エラーを確認していたのだが、
そもそもネットワークのエラーがでなくなっていた。
これに関しては、
非常に困ったのだが、これをよくよく考えると、
以下に気づいた
考えられる原因
諸々試す環境で、
Apacheなどを最新化することをちょっと前にやって、
そのときに、
Apacheのデフォルトの設定ファイルが書き換わった
ということが起きた。
これに関しては、
使っているドメインに対して、
問題なく対象ドメインが動くように、
Apacheのデフォルトconfファイルから、
個別に設定していたconfファイルを呼び出すように調整して、
元々、ドメイン毎のconfの呼び出しでうまく動いているように見えた
という経緯があった。
しかし、この設定を行なっていた
Apacheのデフォルトの設定ファイルの変更タイミング
がトリガーとなって、
WordPressのトップページ以外が表示できなくなっていた可能性が高い。
対応:デフォルトのconfファイルを見直し
最終的にデフォルトのconfファイルの見直しで、
動かなくなっていたトップページ以外も動くようになった。
具体的には、
個別で設定していた、
AllowOverride All
という設定を、
デフォルトのconfファイルで、
上位階層のディレクトリ設定で、
AllowOverride None
のような形で上書いて、
そちらが有効になっていたことが原因だった。
この辺り、コアをアップデートするような時は、
気をつけないといけないと、
身を以て感じた対応だった。
Railsでのwebpackの環境をproductionに変更する方法
Rails+Webpack(React)という環境で作っているが、
その中で、環境の切り分けをするために、
envの情報を取得する時に、
環境で切り分けたいと考えたが、
うまくproductionに切り替わらなかったのでメモ。
前提:Rails
$ rails -v Rails 5.2.3
前提:webpackで何を使っているか
そもそも、Railsでwebpackの設定をした時に、
何を設定したのかまで細かく把握していなかったので、
思い出すためにも、ちょっと調べた。
すると、
【Rais Root Dir】/config/webpack/environment.js
のファイルで、
const { environment } = require('@rails/webpacker') module.exports = environment
となっているので、
rails/webpacker
を使用している。
参考:rails/webpackerのサイト
rails/webpackerのGithubのサイト
対応方法
上記の参考ページにも書いてあるが、

これを実行することで変更できる。
Githubページに書いてあるのがstagingなので、
自分は実行するときは、このように書き換えた。
RAILS_ENV=production bundle exec rails assets:precompile
これでコンパイルが走るので、
終わったら、Railsを再起動することをお忘れなく。
Laravelのwebpackでenvファイルの値を取得する
Laravelで環境での値を切り分けて、
その値を元にAPIなどのURLも変更したいので、
それをenvファイルで変更して、
Gitのコミット対象から外したかった。
その時の対応のメモ。
前提:Laravelの環境
Laravelのバージョン
$ php artisan --version Laravel Framework 5.8.36
また、フロントエンドは、
Vue.jsを使用するためにlaravel-mixを使用して環境を作っている。
対応方法:envの設定をフロントで取得
envファイル
MIX_TEST_URL=https://test.site
フロント側(Vue.js)
let url = process.env.MIX_TEST_URL
Railsのproductionで画像などがうまく表示できない事象
Railsを立ち上げる際に、
通常はdevelopmentだけれど、
本番環境でproductionで実行しようとしたところ、
画像などのassetsがうまく表示できなかった。
今回の事象の対策をメモ。
前提:Railsのバージョン
$ rails -v Rails 5.2.3
前提:Railsの実行
Railsの実行は
$ rails s -e production
で実行すると、
起動自体はうまくできていた。
* Environment: production * Listening on tcp://0.0.0.0:3001 Use Ctrl-C to stop
事象:assetsのファイルが404
Railsはうまく起動できていたけど、
なぜか、404エラーが発生。

対応:configファイルを変更
対象ファイル
【Railsのルートパス】/config/environments/production.rb
修正箇所
config.public_file_server.enabled = true
Railsのエラー:If you are the application owner check the logs for more information.
前提:Railsのバージョン
Railsはバージョンは5.2
$ rails -v Rails 5.2.3
エラーが起きた時の起動方法
Railsのサーバ軌道としては、
Productionでの起動をしたかったので、
以下のようにRailsを起動した。
とりあえず、立ち上がることは立ち上がった。
$rails server -e production : * Environment: production * Listening on tcp://0.0.0.0:3001 Use Ctrl-C to stop
エラー内容
起動した上で、ブラウザでページをみると、
We’re sorry, but something went wrong.
If you are the application owner check the logs for more information.
というエラーが発生した。

エラー調査
上記のエラー内容についてだが、
書かれている内容をみてみると、
なんか、バグってますな。
管理者ならログに情報あるから確認して欲しいッス。
ということらしいので、
ログを確認する必要がある。
ログの場所は、
今回は「production」で動かしているので、
【Railsのルートパス】/log/production.log
なので、それをチェック。
問題と思われる箇所は
Completed 500 Internal Server Error in 3ms (ActiveRecord: 0.0ms) ActionView::Template::Error (The asset "application.css" is not present in the asset pipeline.):
この部分。
これに関しては
500エラー(内部エラー)が起きたゼェ
動かすのに”application.css”が必要だけど、
なぜか、探しても見当たらないゼェ
という事かと。
この時点で、エラーの原因の推測として
productionでの起動時にうまくコンパイルが走っていない
ということを「原因なのかなぁ」と考え、
productionでコンパイル周りの設定を調べて、
以下の解決方法を見つけた。
解決した対処方法
今回の自分の環境で起きた事象に関しては、
以下の設定を変更することでうまくいきました。
修正するファイル
【Railsのルートパス】/config/environments/production.rb
修正した内容
[修正前] config.assets.compile = false [修正後] config.assets.compile = true
Webプログラミング学習はMacBookがオススメ
プログラミング学習をしていく中で、
Webプログラミング
を学習している、学習しようとしている初心者の方が、
新たにパソコン購入を考えようとした際、
様々なデスクトップパソコンやノートパソコンが、
世の中には溢れており、
どれを買って良いか迷うでしょう。
そんな時、
Webプログラミング学習をしていく上では、
MacBookシリーズを買う
ということをオススメします。
Windowsでも問題ないですが、
なぜ、Macなのか。
なぜ、Macの中でもMacBookシリーズなのか。
この辺りをこの記事では説明します。
Webプログラミング学習はMacBookがオススメ
学習で調べて得る結果や解決方法がMacで動かす前提情報が増えてきている
Webプログラミング学習をしていく中では、
正直に言って、
WindowsでもMacでも、
どちらのパソコンでも問題はありません。
そんな中で、
初心者がWebプログラミング学習をしていく中で、
困ったことをインターネットで調べた結果や解決方法については、
Macで動かすことが前提の解決方法などの情報が増えている
ということが大きなポイントです。
Webの世界では、エンジニア、デザイナーのどちらも、
WindowsよりもMacを使う人が多いです。
そして、昔はWindowsだった人も、
Macを少しずつ使い始めてきた中で、
Web開発=Macで開発
という共通認識が出来上がっています。
そして、インターネット上に記載のある解決方法などは、
それらを使って開発している人が載せていることが多いので、
必然的に、
解決方法などがMacで動かす前提の記事内容になっている
ということが多いのです。
この点だけを考えても、
初心者の方が、
せっかく解決方法見つけたのに、
わたしはMacじゃないので、
うまく解決に至らなかったな
ということにならず、
とりあえず、解決方法が載っている記事の取りに、
私のMacでやってみたら、うまくいった!
と解決に繋がりやすくなります。
解決に繋がる事は、
そのまま、学習が継続されやすくなるので、
世の中の記事を生かすためにも、
Macを使うことがオススメです。
休暇などのリフレッシュで場所を選ばない
初心者の学習を見てきた中で、
うまく学習が継続できている人はどういう人か
ということを考えたときに、
完全にやらないのではなく、違った場所でちょっとだけやっている
という人が多いです。
同じ場所でコツコツとやっていく中で、
うまく継続的に長く学習できる方もいらっしゃいますが、
ある一定数は、
毎日、自宅のおんなじ場所でやっているのもあって、
すごくマンネリ化してる気がする
と感じたり、
実際にそのようなことを聞いたりします。
自分自身も、自宅ばかりだと、
マンネリ化したり、ゲームなど、他のものに釣られて、
学習をうまく続けられないことがあります。
そういうことを出来る限り減らすためにも、
時折、MacBookを持って、
カフェなどで、開発作業などをするようにしています。
ちょっとしたコツとしては、
そのMacBookで、
「あとは、自分が手を動かすだけ」
という状態を作った上で、
カフェなどに出向くとうまくいきます。
行ってから、
「今日は何しようかな」
などを考えると、
それだけで、カフェにいる時間が過ぎていき、
家でだらだらしているのと変わりないので、
やることを決めてから、
カフェなどの違った場所に行くことがポイントです。
そして、
別の場所で学習をやるために「ノートパソコン」にする
ということが大切なので、
Mac製品の中でもMacBookを買って、
どこにでも気軽に持ち運びできるようにしましょう。
就職・転職活動の時に持参できる
Webプログラミングの学習を始めて、
初心者の方が目標とすることとして、
就職・転職でIT業界にトライする
ということが多いです。
そして、
初心者の方に多いのが、
自分のパソコンの中に作ったものがあるけど、
サーバなどに移して、
インターネット上で見れるとこまでは無理だった。
だけど、就職・転職活動も早く始めたいけど、
どうにかならないのかな。
という悩み事です。
いろいろな記事などで、レンタルサーバを含めて、
自分が作ったものをインターネット上から見れるように、
設定等を行ってできるようになっています。
しかし、
初心者の方が学習していく中で、
自分自身のパソコンの環境ではうまくいっても、
なぜか、レンタルサーバなどではうまく動かない
ということが発生し、
就職・転職を目指す企業の担当者にみせれない
ということが起こり得ます。
そんな時には、
私自身がアドバイスしているのは、
自分自身のパソコンを面接に持参して動いているものを見せる
という方法です。
前もって、担当者に状況を説明して、
パソコン持参してみせることを伝えておけば、
担当者側もNGを出すことはそこまでないので、
この
「面接の場にパソコンを持っていく」
ということを実現するためにも、
MacBookが良いでしょう。
初心者がレンタルサーバを選ぶなら使いやすさが最優先
初心者の方に
レンタルサーバって使ったことないんですけど、
難しそうで困ってます。
あと、そもそも、たくさんのレンタルサーバがあって
初心者は何を基準に選んだらいいのでしょうか?
ということを質問に頂くことがあります。
この質問に関しては、
質問いただく方がどのような人なのかでオススメが違い、
・学習段階ではじめてプログラミングなどを始める初心者の人
・プログラミング学習をはじめて、エンジニアにステップアップしたい人
という大きな分け方で、
レンタルサーバを選ぶ基準やオススメなどを
わけて紹介するようにしています。
この記事では、
・学習段階ではじめてプログラミングなどを始める初心者の人
という初心者の方に向けて、
レンタルサーバを選ぶ時の基準として、
初心者は「使いやすさ」を重視すべき
ということを説明します。
この記事で少しでも初心者の方の参考になれば嬉しいです。
初心者がレンタルサーバを選ぶなら使いやすさが最優先
レンタルサーバには初心者には必要ない機能も多い
初心者の方がレンタルサーバを使用する時、
そもそも、レンタルサーバにファイルをいれて、
ブラウザで自分が作ったものが見れるといいな。
という要望があり、
レンタルサーバの機能としては、
・ファイルをアップロードできること
・アップロードしたファイルをページとしてみれること
というシンプルなことができれば、
まずは、レンタルサーバの機能としては十分です。
レンタルサーバには、
・自動バックアップ
・メールサーバ(メール機能)
:
など、他にも色々と機能が付いているものがありますが、
初心者としては、
その他の機能ついては、
まずは考えなくて良いです。
使いやすさを考えた時に、GUI(コマンドではなく画面での操作)が使いやすいことが重要
初心者の方に必要な
・ファイルをアップロードできること
・アップロードしたファイルをページとしてみれること
という機能に関しては、
初心者にとって使いやすいか
という点が非常に重要です。
初心者にとって、
「使いやすい」と「使いにくい」
ということは、
実際に作業を進める上で問題が起きやすいかどうか
に直接、繋がるので重要です。
そして、
この「使いやすいか」という点を考えていく上では、
レンタルサーバのファイルアップロードなどの機能に関して、
GUI(画面操作)で初心者が使いやすいか
という点を重要視するようにしましょう。
レンタルサーバには、「管理画面」と呼ばれる、
使う人のための画面が用意されていることが多いです。
この画面の操作性などが良いことが、
初心者に優しいかどうかに直接、繋がります。
使いやすさの中で、アップロードする作業がまずは使いやすいかどうか
実際に管理画面で初心者が画面操作を行う中で、
管理画面にはたくさんの機能がついている
ということが多いです。
そんなたくさんの機能に関しては、
初心者の方が使わないことも多いので、
まずは、
管理画面で自分が作ったファイルがアップロードしやすいか
という点と
管理画面でアップロードしたファイルを管理しやすいか
という2つの点が大切です。
これは、初心者にとって、レンタルサーバの操作で
・1番、つまづきやすいこと
・1番、時間を使うこと
がファイルのアップロードだからです。
管理画面の操作が使いにくいと、
アップロードできたような気がするけど、
そのファイルがどこに行ったかわからないし、
以前、アップロードしたファイルは、
どこにあるんだろう….
ということになって、
レンタルサーバの管理画面の操作に、
非常に時間を使うことになってしまいます。
そうなってしまうと、
レンタルサーバの操作に時間がかかる
という問題と、
本来、必要なファイルの修正に時間を使えない
という問題が同時に発生します。
ですので、
初心者の方は、画面操作がしやすいのか、
今はどのレンタルサーバも、
無料トライアルの期間があるので、
それを利用して確認するようにしましょう。
ちなみに、
初心者に向けて、管理画面の操作のしやすさという点を考慮して、
オススメのレンタルサーバを紹介しておきます。
初心者向けの使いやすさを考えたオススメのレンタルサーバ
ロリポップレンタルサーバ

初心者の方に使いやすさの観点で1番、
オススメできるレンタルサーバが
ロリポップレンタルサーバ
という格安のレンタルサーバです。
数百円から使うことができるような、
非常にリーズナブルな価格帯ですが、
1番のオススメのポイントとして
管理画面が他のレンタルサーバよりも初心者に優しい
ということです。
使い勝手は非常に大事で、
オススメのポイントなので、
無料のお試し期間で管理画面を実際に使ってみましょう。
【担当者にオススメ】画像の素材を組み合わせて簡単に1つの画像にしたいならCanvaがオススメの理由
社内のシステム担当や営業など、
または、ちょっとしたイベントで
画像を作成したいけれど、
画像の素材はあるけど、
それらを組み合わせて1つの画像にしたい。
Adobeのツールは高いし、そもそも難しいそうだな。
という悩みを持つ方が多く、
自分自身もこの悩みを持って、
非常に困った時があったので、
そんな方には、
画像編集サービス「Canva」
をオススメします。
誰に取っても使いやすく、
実際に社内の営業など、
システムやツールに疎いメンバーに使ってもらうと、
なにこれ、使いやすくて便利ですね。
ドラッグ&ドロップなどの操作で使えるので、
私でも簡単に使えそうです
と言ってもらえたので、
ツール類に不慣れな方でも
便利に使って頂けると思っています。
【担当者にオススメ】画像の素材を組み合わせて簡単に1つの画像にしたいならCanvaがオススメの理由
Canvaってどんなサービス?
Canvaを知らない方に、
まずはどんなサービスか紹介しておくと、
画像の作成において、
・ある程度、決まったテンプレートから作成する
・自分が準備した画像の素材を組み合わせて作成する
というどちらかの方法で、
画像を簡単に作ることができます。
ちなみに、
ここでいう画像は、
・ロゴ画像
・チラシ用の画像
・サイトのバナー画像
など、様々なタイプの画像のことを言います。
色々な種類の画像作成に関して、
テンプレートも用意されているので、
非常に便利に使うことができます。
無料のテンプレートが多く用意されている
実際にCanvaを使っていくときに、

このようにどのような種類の画像を作成するか、
テンプレートから選んで作成することができます。
そして、
実際にその中の種類を選ぶと、

このように画像の作成のために、
・画像の大きな見栄えのテンプレート
・画像で使うための素材
が無料で用意されています(一部、有料)。
そのため、
シンプルな画像を作りたい場合は、
1:自分でどのような種類の画像を作りたいか選ぶ
2:テンプレートの中から自分のイメージに近いものを選ぶ
3:必要に応じて微調整
ということをするだけで、
簡単に画像を作ることができます。
作った画像は簡単にPNGファイルなどでダウンロードができる
実際に画像を作成した後、
その編集画面のまま、
簡単にPNGなどに、画像ファイルとして
ダウンロードできることも、
このCanvaが使いやすいと言えるポイントです。
実際の画面を例にすると、
編集している画面の右上に

このように
「Download」
というボタンがあるので、
そのボタンをクリックします。
すると

このように
作った画像をダウンロードする周囲を選び、
ダウンロードするボタンが表示されます。
クリックすると、
作った画像が選んだ画像の形式でダウンロードできるので、
ツールの操作などに疎い人でも、
シンプルな操作で使うことができます。
Canvaのサイトはこちら
実際にCanvaは使ってみるのが、
今回の記事でオススメした理由をわかってもらえると思います。
アカウントの作成も簡単にできるので、
とりあえず、使ってみて、
いつも使っているツールと比べてみましょう。
担当者にオススメの記事
担当者にオススメの記事として、
共通して効率化を行う
・タスク管理の導入による効率化
・不要な固定費の削減
・資料作成ツールの導入による効率化
などに関して、
オススメのサービス、または対応の方法があるので、
以下の記事を参考にしてください。
【担当者向け】社内のパソコンやサーバの運用費用でコストカットすべきこと
【担当者向け】Chromeのブックマークの基本と新しいパソコンへのブックマークの移行方法
社内のシステム担当者として、
新しく入る社員のパソコンのセットアップをする機会があり、
その中で、
別のパソコンのブックマークをそのまま、
新しく設定を進めるパソコンに反映させたいな
と思って、
以降方法を調べたら、
非常に簡単だったので、
その方法をここにメモしておきます。
ブックマークの設定に関して、
・設定をエクスポートする
・設定をインポートする
ということができるので、
設定を残しておいて、
他の人に渡してあげるのも良いと思います。
【担当者向け】Chromeのブックマークの基本と新しいパソコンへのブックマークの移行方法
Chromeのブックマークとは?
Chromeのブックマークとは、
自分がよく見るサイトを覚えておいて、
すぐにそのサイトに行けるようにする機能
というものです。
Chromeで設定すると、

このようにブラウザの上の方に、
自分で登録したブックマークが表示されます。
そして、
このブックマークに登録している

このアイコンとサイト名部分をクリックすると
自分が登録したサイトを開くことができます。
非常に便利なので、
使っていない人は、使ってみると良いですよ。
ブックマークの登録方法
ブックマークの登録は、
自分がよく見るサイトを表示した後に

この星マークを押すことで登録できます。
ちなみに、この星マークを押すと

このように、
「ブックマークを追加しました」
となるので、
この「名前」部分を自分がわかりやすい名前にして、
「完了」ボタンを押して登録しましょう。
ブックマークを表示する方法
初心者の方で、
そもそも、私のパソコンのChromeだと、
ブラウザの上の方にブックマークが表示されない
と悩まれる方がいますので、
この記事で表示させているブックマークの部分、

この上の部分の表示方法を共有しておきます。
ちなみに、
この上の部分のことを
ブックマークバー
と言うので、それも覚えておきましょう。
この「ブックマークバー」の表示ですが、
Chromeブラウザの右上の方に、

このようなマークのアイコンがあるので、
そのアイコンをクリックして表示されるメニューから、
ブックマークバーの表示を行います。
具体的には、

このように開いたメニューの中の
[ブックマーク] – [ブックマークバーを表示]
にチェックを入れることで表示することができます。
もし、Chromeの上の方に
ブックマークが表示されなくなったと思ったら、
この設定を見直してみましょう。
ブックマークをエクスポート
ブックマークをエクスポートするためには、
ブックマークマネージャー
と呼ばれる、
ブックマークの管理を行うツールを使用します。
この「ブックマークマネージャー」は、

ブラウザの右上のこのボタンを押して

開くメニューの中の
[ブックマーク] – [ブックマークマネージャー]
を押すことで開くことができます。
そして、
開いたブックマークマネージャーの
右上の

このボタンを押して、

このように開くメニューの
「ブックマークをエクスポート」
をクリックすることで、
ブックマークの設定ファイルをダウンロードできます。
ブックマークをインポート
先ほどの、
ブックマークのエクスポートと同じように、
ブックマークの設定内容を
別のパソコンに反映させるために、
ブックマークのインポート
を行う必要があります。
その際も、
ブックマークマネージャー
を使用してインポートを行います。
同じようにブックマークマネージャーの

このボタンをクリックして

このように開くメニューの
「ブックマークをインポート」
をクリックすることで、
エクスポートした別のパソコンのブックマークの設定を
必要なパソコンのChromeブラウザに反映することができます。
【参考】リモートワークや業務効率化を考えている方にオススメの記事
社内のシステム担当になった方や、
業務改善化を進めないといけなくなった担当者の方には、
業務のリモート化に対する対策など、
色々なシステムの導入などを検討する方が多いです。
そんな方に向けて、
リモート化でのオススメのサービスや、
業務効率化のための方法などオススメの記事を紹介します。
【担当者向け】システム担当者になって業務効率化を求められた時に取り入れたいこと
【初心者向け】プログラミング学習が継続できるかは、学習の中で「達成感」を得られるかどうか。
プログラミング学習を始める中で、
あー、プログラミング学習を始めたけれど、
色々とやってみて、
自分には向かない感じがするな。
という方もいたり、
一方では、
プログラミング学習を始めて、
ちょっとずつだけど、自分なりに理解が進んで、
学習の中で作っているものも形になりはじめたので、
すごく達成感もありながら楽しくやれているな。
という方もいます。
このようなプログラミング学習を始めた人の中で、
・プログラミング学習が「うまくいっている」と感じる人
・プログラミング学習が「うまくいっていない」と感じる人
の2つにわかれます。
この2つの分かれ道ですが、
初心者がプログラミング学習を継続的に行う上では、
非常に大切なポイントです。
この大切なポイントを抑えて、
「うまくいっている」と感じるためにも、
学習の中で、
自分なりに「達成感」を得ながら学習を継続できること
が重要です。
この記事では、
プログラミング学習をしていく中で、
継続するための考え方などを説明します。
【初心者向け】プログラミング学習が継続できるかは、学習の中で「達成感」を得られるかどうか。
学習の中で作るものに「達成感」を得られるかは重要なポイント
どのような学習でも同じことは言えますが、
継続的に学習を行えている人
というのは、
学習している内容に関して、
・自分が学習して理解したこと
・自分が学習で結果がでたこと
など、
学習に取り組んできた中で、
自分なりに学習過程の中で「達成感」を得ながら学習をしている
という方が多いです。
例えば、
プログラミング学習において
自分が作っているレイアウトの中の、
ちょっとした部分ですが、
いい感じにできました。
という感じで、
自分なりにちょっとした「達成感」を得ながら、
学習をされています。
このように「達成感」を得ながら学習をすることで、
モチベーションも保ちやすく、
継続的な学習に繋がるので、
自分なりに「達成感」を感じながら学習をしていきましょう。
試行錯誤にかけている時間も「有意義な時間」であると考えること
プログラミング学習をしていく中で、
・レイアウトの見栄えを変更した
・動かす処理を変更した
など、
実際にわかりやすく「達成感」を感じる場面はあります。
一方で、
レイアウトの調整やプログラムの処理を変更する中で、
なかなか、変更がうまくいかずに、調べながらのトライ&エラーを繰り返す
という場面が多いのも事実です。
この時に、
プログラミング学習をうまく継続できている方は、
なかなかうまく思ったようにはいかないけれど、
調べていく中で、知らなかった〇〇についても、
自分なりにちょっとだけ知ることができた。
なので、時間かかっているけど、成長してるかも。
という感じで、
プログラミング学習をしていく中でも、
試行錯誤の過程では学んだことなどに「達成感」を得る
ということが大切です。
自分なりにプログラミングが動かない時に、
動かないなりに、試行錯誤して、
その過程で身につけたことは、
あなた自身の経験として身についています。
プログラミング学習の中では、
試行錯誤の時間が多くなりますが、
その経験はスキルとして蓄積されていると捉えて、
プログラミング学習を継続していきましょう。
「達成感」を得やすくするためにも、「1つのものを作ること」がオススメ
プログラミング学習をしていく中で、
どうすれば、「達成感」を得ながら、
プログラミング学習を継続できるのか。
この点に関しては、
オススメの方法として、
学習の中で自分なりに「1つのもの」を作ること
ということをオススメします。
プログラミングの基本を抑える中で、
小さな単位で、色々なものを作ることが多いです。
これ自体は、
基本を抑える上では、非常によい取り組みです。
しかし、
継続的な学習をしていく上では、
「1つのもの」に継続的に取り組む方が「達成感」を得やすい
ということが言えます。
初心者に多い、
書籍などをやってみて、
なんとなく理解できた気がするけど、
自分なりに何か作ったという達成感がない。
と感じることも、
1つのものを作る経験をすると、
解決できるので非常にオススメです。
初心者の方が、
プログラミング学習をはじめて、
最初の段階で、自分が作る「1つのもの」を決めることは、
知識や経験の面でも難しいことが多いです。
ですので、
プログラミング学習の初期段階では決めずに、
まずは、学習を始めてみて、
学習を進める中で、
自分が作ってみたい「1つのもの」を決める
ということをやってみましょう。
そして、
その作りたいと考える「1つのもの」が決まれば、
よりモチベーションも上がり、
継続的な学習もできるようになり、
自分が目標とする就職・転職などの
成果にも結びつくので頑張りましょう。
未経験からエンジニアへの就職・転職を目指す初心者にオススメの記事
初心者の方が
プログラミング学習を進めて
実際に就職・転職を成功させるためには、
色々なことをコツコツと取り組む必要があります。
そんな中で、
アドバイスとして言える事は、
・ポートフォリオは作っておきましょう
・エンジニアの職種の違いなど、IT業界に関して把握しておきましょう
・転職エージェントもうまく活用していきましょう
という事です。
これらに関する記事も読んで頂き、
就職・転職がうまくいくように取り組んでいきましょう。
【初心者向け】未経験からWebエンジニアへの転職を目指す時に作るポートフォリオ作成の悩みに関して
【担当者向け】サーバの処理自動化でCronを使用するなら管理にはCrontab UIがオススメ
サーバの処理の自動化には、
色々なスクリプトを作成して、
Cronを使って処理を自動化する
ということが多いです。
そんな中で
Cronを使って自動化したけれど、
コマンドラインで管理するのが大変だな
という悩みを持つ方が多いです。
自分自身も管理でそのような悩みを持っていたので、
そのような担当者の方に
管理するためのツールとして
Crontab Ui
をオススメします。
コマンドラインで管理するのは、
慣れているのである程度できるかもしれませんが、
都度、確認するのには大変。
そのようなこともGUIで管理することで、
わかりやすく、便利に把握することができます。
この記事では、
Crontab Uiのオススメの理由と
簡単な使い方を共有します。
【担当者向け】サーバの処理自動化でCronを使用するなら管理にはCrontab UIがオススメ
Cronとは?
サーバとしてよく使われるLinuxにおいて、
処理を自動化するために、
・bashなどでシェルスクリプトを作成する
・Python、PHPなどでスクリプトを作成する
など、
自動化するための処理を実装して、
それを決まった時間に実行することで、
定期的な処理を自動化させています。
この中で、
動かしたい時間に、スクリプトなどの決まった処理を実行する
というのが、「Cron」です。
例えば、
・30分ごとに決まった処理を行う
・毎週月曜日の9時30分に決まった処理を行う
など、
動かしたい時間などは、
細かく決めることができます。
Cronを管理する上で大変なのはコマンドラインで確認しなければならないこと
Cronを使っていく中で、
実際にエンジニアなどが
処理の自動化を定期的に動かすために、
Cronを使って自動化するか。
と考えた時、
実際に設定するためには、
サーバ上で、

このように「crontab」というコマンドで、
Cronの設定を確認、変更しています。
実際にcrontabで内容を確認する時も、
内容をみると、

このような記載があり、
これをみて、定期的な処理に関して
・「いつ」処理を動かすのか
・「何を」処理として動かすのか
などを確認しています。
これが基本となるため、
コマンドラインで確認することは、
定期的な処理が増えていくと、コマンドラインでは大変
ということが言えます。
Crontab UiでGUIで管理することで、確認の手間が大きく削減される
先ほど説明した、
コマンドラインでは、処理が増えていくと、管理が大変
ということがあります。
そんな時、
GUIでCronを管理しやすくしてくれるのが、
「Crontab Ui」
です。
GUIの画面も

このようにわかりやすく、
操作性も良いので非常にオススメです。
Crontab Uiは設定と反映が簡単
実際にCrontab Uiを使う時、
使うイメージとしては、

このように、
ボタンを押下して、
必要な設定項目を書き換えていくことで、
簡単に追加、修正、削除などが行えます。
また、
設定した内容を実際の環境に反映させるのも、

このボタン1つを押すだけで、
簡単に実際に動かす環境に反映させることができます。
業務効率化を考えている担当者にオススメの記事
リモートワークの方法の検討やタスク管理、
そして、Google Apps Scriptを使った業務効率化など、
担当者として、色々なことを考えていると思います。
そんな担当者に向けて、
業務効率化を進めていく上で、
知っておいた方が良いこと、
オススメの方法やサービスなどを
記事にまとめているので、
以下を参考にしてください。
【担当者向け】Google Apps Scriptのソースをclaspで取得する方法
Google Apps Scriptを使っていく上で、
色々な処理を実装していくと、
ファイルが増えて管理が大変になることがあります。
そんな時に、
claspというGoogleが提供しているツールを使って、
Google Apps Scriptのソースファイルを、
コマンドラインで取得することで、
そのまま、その取得したソースファイルを、
Gitにコミットして、リポジトリに反映させて、
わかりやすく管理することができます。
この記事では、
Google Apps Scriptの管理をしていく中で、
ソースファイルをどのように管理しようかな。
と悩んでいる担当者に、
Google Apps Scriptをコマンドラインで取得するための
「clasp」
というツールについて、
自分自身の備忘録も兼ねて、
Google Apps Scriptのソースをclaspで取得する方法
を簡潔に説明していきます。
【担当者向け】Google Apps Scriptのソースをclaspで取得する方法
Google Apps Scriptの管理には、claspとgitを組み合わせがオススメ
Google Apps Scriptを管理していく中で、
・Google Apps Script
・clasp
・Git
の組み合わせで、
管理を行っていくことが、
非常に便利で楽なのでオススメしています。
その組み合わせがなぜ、オススメなのかは、
以下の記事に書いているので参考にしてください。
【担当者向け】業務効率化でGoogle Apps Scriptを検討しているならclaspを使ってGit管理がオススメ
claspとは?
claspとは、
GoogleがGoogle Apps Scriptのソースファイルを
コマンドラインから取得するためのツール
として提供しています。

このような感じで、
コマンドラインでclaspのコマンドを使って、
ソースを取得したり、
作成したりすることができます。
この記事では、
【準備】Google Apps ScriptのスクリプトIDを確認する
【実践】Google Apps Scriptのソースファイルを取得する
の流れで、
実際にGoogle Apps Scriptのソースファイルを、
claspのコマンドで取得してみましょう。
【準備】Google Apps ScriptのスクリプトIDを確認する
Google Apps Scriptのソースファイルを
claspで取得するために、
「スクリプトID」
と呼ばれる、
Google Apps Scriptのプロジェクトごとに設定されている番号
を確認しておく必要があります。
このスクリプトIDは、

ファイル – プロジェクトのプロパティ
を選択。
すると、このような画面が表示されます。

この中の「スクリプトID」が、
claspでGoogle Apps Scriptのソースファイルを、
コマンドラインで取得するために必要となる番号です。
claspでソースファイルを取得するために、
この画面で番号を事前に確認しておきましょう。
【実践】Google Apps Scriptのソースファイルを取得する
実際にソースファイルを取得するには、
コマンドラインでclaspのコマンドを使います。
取得するコマンドとしては、
clasp clone スクリプトID
の形式で取得します。
実際に動かすと、

このように、
Google Apps Scriptのファイルが、
claspのコマンドで、
コマンドラインから取得することができました。
業務効率化を考えている担当者にオススメの記事
リモートワークの方法の検討やタスク管理、
そして、Google Apps Scriptを使った業務効率化など、
担当者として、色々なことを考えていると思います。
そんな担当者に向けて、
業務効率化を進めていく上で、
知っておいた方が良いこと、
オススメの方法やサービスなどを
記事にまとめているので、
以下を参考にしてください。
【担当者向け】業務効率化でGoogle Apps Scriptを検討しているならclaspを使ってGit管理がオススメ
担当者として、
業務効率化について任せられているとき、
業務の処理のなかれを
Google Apps Scriptで自動化することで効率化に繋げる
という選択肢があります。
そんな中で、
担当者としては、
Google Apps Scriptで業務の自動化を行ったけど、
実際に作ったGoogle Apps Scriptのソースは、
どのように管理したら良いかな。
という悩みを持つ方が多いです。
そんな担当者の方には、
・Google Apps Script
・clasp
・git
という組み合わせで、
Google Apps Scriptのソースファイルを、
最終的にGitで管理できるようにすることで、
便利に、わかりやすくやっていけるのでオススメしています。
この記事では、
それぞれの概要を担当者に向けて説明します。
【担当者向け】業務効率化でGoogle Apps Scriptを検討しているならclaspを使ってGit管理がオススメ
Google Apps Scriptとは?
Google Apps Scriptというものを聞いたことがないという方も、
いらっしゃると思うので、
簡単にGoogle Apps Scriptを説明すると、

このような、様々なアプリ(プラットフォーム)で、
自動化するための処理を作ることができるものです。
例えば、
スプレッドシートと呼ばれる、
WindowsでのExcelのようなものがありますが、
その中で、
・シートの値を更新する
・シート自体を追加する、削除する
など、
必要に応じた処理を自動化することができます。
このように、
必要な処理をスクリプト(script)として実装するため、
Google Apps Script
と呼ばれています。
Google Apps Scriptのソースファイルはきちんと管理しないとファイルが増えてわからなくなる
Google Apps Scriptを使い始めて、
1番の問題となること、
それは、
Google Apps Scriptを使ったファイルが増えてわからなくなる
ということです。
実際に、Google Apps Scriptを使って、
スクリプトでの実装を行っていると、
うーん。。。
Google Apps Scriptで効率化してきましたが、
ファイルが増えてきて管理が難しいですね。
という悩みを持つことが多いです。
Excelなどでもファイルが増えてくると、
あれ、この資料の元となるファイルは、
どこに管理されているのかな。
という感じで、
管理ができずに困ることが増えるのと同じように、
Google Apps Scriptを使って、
様々な業務を効率化しても、
実際のソースファイルなど、
うまく管理できずに混乱することが増えてしまいます。
Google Apps Scriptのソースファイルを取得するためにGoogleがclaspというものを公開している
Google Apps Scriptで色々な業務などを、
効率化していく中で、
Google Apps Scriptのソースファイルを管理する
ということが重要になります。
そのGoogle Apps Scriptのソースファイルを管理していく中で、
Google Apps Scriptのソースファイルを取得するのは、
結構な手間だな。
なんとか楽にならないかな。
ということが問題となります。
そんな時に、
Googleが提供している「clasp」
というツールを使うことをオススメします。
細かな使い方などは、
この記事では割愛しますが、

このような感じで、
必要なGoogle Apps Scriptのファイルを取得できます。
claspで取得したファイルはGitに入れて管理するのがオススメ
先ほど、claspというツールで、
Google Apps Scriptのソースファイルを、
取得することができることを説明しました。
このclaspというツールで取得したソースファイルは、
Gitに入れてGoogle Apps Scriptのファイルも管理する
ということをオススメします。
Gitで管理することで、
Google Apps Scriptのソースファイルの
修正履歴なども残るため、
非常にわかりやすく管理ができます。
業務効率化を考えている担当者にオススメの記事
リモートワークの方法の検討やタスク管理、
そして、Google Apps Scriptを使った業務効率化など、
担当者として、色々なことを考えていると思います。
そんな担当者に向けて、
業務効率化を進めていく上で、
知っておいた方が良いこと、
オススメの方法やサービスなどを
記事にまとめているので、
以下を参考にしてください。
【初心者向け】スキルアップをしながらもリフレッシュするには移動時間にサブスクで動画閲覧がオススメ
初心者が就職・転職活動を通して、
IT業界に入れたあと、
継続的なスキルアップの時間確保とリフレッシュに悩む
ということは多いです。
そんな初心者の多くは、
まだまだ、IT業界に入ったばかりだし、
スキルアップしていかないといけないのはわかるけど、
家に帰ったら、ニュースや好きなドラマや映画を見て、
ゆっくりとリフレッシュしたいな。
と考えて、
スキルアップとリフレッシュの両立に悩む方がいます。
そんな方には、
うまく移動時間をリフレッシュする時間に当てて、
家で少しでもスキルアップする時間の確保に努めましょう。
とお伝えしています。
継続的なスキルアップをしていくためには、
時間を確保する必要があり、
そのためにも有効に1日の時間を使う必要があります。
そんな時間の使い方に関して、
この記事では、
スキルアップをしながらもリフレッシュする方法
として、
移動時間をうまくリフレッシュに使うことが
なぜ、オススメなのかを説明します。
【現場エンジニアが語る】スキルアップをしながらもリフレッシュするには移動時間にサブスクで動画閲覧がオススメ
未経験で入社してから、ある程度の期間、スキルを身につけるための独学の時間が必要
初心者がIT業界に未経験から入社したとき、
その入社から、ある程度の期間に関しては、
・現場で使っているツールの理解
・現場でわからなかった部分の調査や把握
など、
自分自身でスキルアップのために、
自宅などで学習できる時間を取ることが必要です。
この自分自身で学習する時間を取らないと、
なんか、よく理解はできていないけど、
なんとなく業務をやっている状態になってしまった。
という感じで、
理解が進まない状態で、
日々の業務をやることになってしまいます。
逆に、日々、コツコツと理解を進めると、
自分の理解が進み、現場でもより多くのことができる相乗効果
が起きるので、非常に良い循環になります。
この良い循環を作れるのか、
悪い循環のまま、ダラダラと時間をつぶすのか。
この点は、入社してから、最初のうちに、
働きながらも、自分でスキルアップを行う時間を継続的に確保する
という習慣を身につける必要があります。
うまく継続するには、家に帰る前にリフレッシュを挟むこと
実際にスキルアップの習慣化をする上で、
自宅に帰ってからスキルアップのための時間を確保する
ということが多いです。
そんなスキルアップの時間を確保することに関しては、
自宅でスキルアップの時間を確保すると、
ニュースや動画を見たり、
リフレッシュする時間がなくなってしまう。
という悩みを持つ方が多いです。
そんなスキルアップとリフレッシュの両立において、
リフレッシュを移動時間など家に帰る前にやってしまう
ということをオススメします。
今は、携帯1つあれば、
その携帯で動画を見ることができます。
・電車やバスを待っている時間
・電車やバスに乗っている時間
など、
ちょっとした時間を加算していくと、
30分や長い人で1〜2時間になると思います。
その時間をリフレッシュする時間に当て、
家に帰ったときには、
リフレッシュを1つ挟んでいる状態にできます。
リフレッシュすることも習慣化することがオススメ
スキルアップ自体を、
自宅に帰ってから時間などを決めて、
習慣化することは多いです。
そのスキルアップと同じように、
リフレッシュに関しても家に帰るまでの習慣にする
ということをオススメします。
家に帰ってから、
スキルアップとリフレッシュの両方を行い、
それを習慣化するには、
時間がかかり過ぎて、
ちょっと休みたいことがあったときに、
スキルアップかリフレッシュのどちらかの時間を削る必要がでます。
そして、
その時間を削ることをやることで、
習慣が途切れ、習慣化できていたスキルアップなどが、
終わってしまうことに繋がってしまいます。
ですので、
自宅でのスキルアップの時間を少しでも確保しやすくするためにも、
リフレッシュの時間は、家に帰るまでの時間で
習慣化することがオススメです。
習慣化するために、まずは1ヶ月、作った習慣を続けてみよう
習慣化していく中で、
最初のうちは、慣れないことがあると思います。
実際に習慣化して、
無意識に継続できるようにすることを目標にする
ということを目指すことが大切です。
そして、
この「無意識の継続」をつくり上げるために、
まずは1ヶ月という期間で
スキルアップとリフレッシュの時間を決めて続けてみましょう。
隙間時間にリフレッシュするためのサブスクのサービス
隙間時間にリフレッシュするときは、
サブスクのサービスを使って、
ドラマなど、家に帰るまでにキリ良く見る事が、
継続して通勤時間などの隙間時間に
リフレッシュすることを継続するポイントです。
実際にオススメのサブスクを
有名どころを中心にいくつかリンクを載せておきます。
【テレワーク】リモートで働くときに、タスクを細かく分割しておくべき理由
会社に行かずに、
シェアオフィスなどのレンタルオフィスや、
在宅として自宅で業務をすることは多くなっています。
そんな中で、
遠隔で業務をやっているのだけれど、
自分が任されている業務の成果を
どのように相手に理解してもらえれば良いのかな
ということを不安に思ったり、
伝える方法を迷ったりする方も多いです。
相手に自分の業務の成果を、
遠隔で業務をしている中で、正確に伝えるためには、
タスクを細かく分割して、タスクの進捗状況を伝える
ということがオススメです。
実際に遠隔業務での成果を伝えることに関して、
初心者から質問を受けた際は、
遠隔での業務の中で、
ある程度のボリュームで業務を任された時、
細かくタスクを分割しないと、
「終わった」「終わってない」の二択で、
相手がこちらの状況を理解してくれないことに繋がるので、
タスクを細かく分割して、相手に伝えると良いでしょう。
という感じで、
細かくタスクに分割するように伝えています。
伝える側も、伝えてもらう側のどちらも、
遠隔では細かくタスク分割することで、
状況の共有など、理解がスムーズになるので、
是非、タスクを細かくして成果の共有をしていきましょう。
【テレワーク】リモートで働くときに、タスクを細かく分割しておくべき理由
遠隔での業務は、仕事を任せた相手が、「本当に作業をしているか」疑心暗鬼になることがある
リモートワークなどで、
様々な方に遠隔で業務を頼むと、
この前、依頼したあの業務は、
本当にうまく進んでいるのだろうか。
そもそも、きちんと業務をやってくれているのかな。
という感じで、
依頼をした担当者の方が、
実際に業務をリモートワークなどで対応している方に対して、
非常に疑心暗鬼になってしまうことがあります。
特に、
・入社したばかりの方
・業務の経験が浅い方
などには、
その疑心暗鬼の度合いが強くなります。
そんな疑心暗鬼に関しては、
業務を完全任せているので、状況が見えないので疑心暗鬼になっている
ということが原因の1つである事が多いです。
そのことも踏まえても、
任された業務は、細かくタスクに分割して、
どのようなタスクがあるのかを、
わかりやすく担当者に見せることは大切です。
業務を細かくタスク管理することで、進捗状況の共有を行いやすくできる
任された業務を細かくタスク管理することで、
どのようなメリットがあるかというと、
1番の大きなメリットは、
タスクを管理することで進捗状況の共有が行いやすくなる
ということです。
タスクを細かく分割して、
それぞれの進捗状況などを把握しておくことで、
例えば、スケジュールとして一覧にすると、

このようにスケジュールとして、
どのような状況にあるのかを把握する事が簡単になります。
ここで押さえておきたいこととして
スケジュール通りに進まないときは、業務を進めている作業者側の問題とみなされる事が多い
という事です。
任せている側からは、細かくタスクを分割して、
状況を共有してあげないと、
何かわからないけど、あの人は業務がリモートだと進んでいないように感じるな。
と間違った認識を持たれる事があるので注意です。
この担当者の間違った認識になることを防ぐためにも、
細かくタスク管理をして、状況を共有するようにしましょう。
業務をブラックボックスにしすぎると、自分に何かあった時にヘルプを求めにくい状況になる
細かくタスク管理することのメリットを説明しましたが、
一方で、デメリットも把握しておきましょう。
この細かくタスク管理をするのとは逆に、
タスク管理せずに、
自分に任せられた業務の全体が、「終わった」か「終わっていない」という二択
になってしまうと、
自分に何かあった時に、他の人に任せるのが困難になっている
という事が大きなデメリットになります。
これは、
実際に他の人に対して、
自分に任せられた業務のヘルプを、
「担当者」が「自分以外の他人」にお願いしようとした際、
そもそも状況がわからないので、業務のヘルプを出しづらい
ということがネックになります。
そして、
他人に任せられないから、担当者としては、
細かな状況がよくわからないから、
困っているのはわかるけれど、
なんとか、君にやってもらうしかない。
という結論になってしまう可能性があり、
困っている自分自身の首を絞めることに繋がります。
このデメリットを考えても、
リモートで任せられた業務は、
細かくタスク管理をすることで、
進捗状況などをわかりやすく共有しておきましょう。
リモートワークなどで細かくタスク管理をする時にオススメの方法
リモートワークなどで、
遠隔で社員の方や外注の方に作業を任せるとき、
任せた業務のタスクをわかりやすく管理することが大切
であると言えます。
そんなリモートワークなどでの業務のタスクを管理するためには、
・タスクの担当者を管理できる
・タスクの優先度を管理できる
・タスクの開始日、終了日を管理できる
など、
タスク管理を行っていく上でも、
タスク毎にわかりやすく状況を設定、管理できること
が必要です。
そのようなタスク管理に関しては、
Excelなどで管理する企業もありますが、
クラウド上で使いやすいサービスがあるので、
そのサービスを使うことをオススメします。
1番のオススメのサービスは、
Backlog(バックログ)
というサービスなので、
以下の記事も参考にして試してみてください。
【担当者向け】社内のタスクを管理するならBacklogがオススメな理由
遠隔で業務効率化を考えている方にオススメの記事
社内のシステム担当になった方や、
業務改善化を進めないといけなくなった担当者の方には、
業務のリモート化に対する対策など、
色々なシステムの導入などを検討する方が多いです。
そんな方に向けて、
リモート化でのオススメのサービスや、
業務効率化のための方法などオススメの記事を紹介します。
【担当者向け】システム担当者になって業務効率化を求められた時に取り入れたいこと
【初心者向け】職務経歴書にプログラミング学習の内容を書く上で注意したいこと
初心者がプログラミング学習を進めて、
就職や転職の活動を開始するとき、
・履歴書
・職務経歴書
の2つを作成することになります。
初心者の方がプログラミング学習をしてきた中で、
学んだことや作ったものを記載するのは、
この中の職務経歴書に書くことになります。
そんな職務経歴書に関して、
実際の面接の場で、面接官が、
この職務経歴書に書いているプログラミングの学習は、
どのような意味なのだろうか。
また、本当にプログラミング学習を通じて、
身についているのだろうか。
という疑問を抱くことにつながらないように、
書き方や、書く内容などを気をつける必要があります。
この記事では、
初心者が就職や転職の活動のために、
記載する職務経歴書において、
プログラミング学習を職務経歴書に書く上で注意するべきこと
を説明します。
少しでも、
未経験からエンジニアを目指す初心者の方の
就職・転職に向けた資料作りの参考になれば幸いです。
【初心者向け】職務経歴書にプログラミング学習の内容を書く上で注意したいこと
プログラミング学習で学んだことは、履歴書ではなくて、職務経歴書にまとる
エンジニアへの転職を目指す初心者を見てきた中で、
プログラミング学習の内容を履歴書の志望動機の欄だけ
に書き込んでいる方がいます。
この点に関しては、
はっきりと言って、
プログラミング学習した内容が面接官に伝わりにくい
という事が挙げられます。
さらに、
履歴書と職務経歴書を応募者の中で比較する中で、
この応募者、未経験なのにプログラミング学習した事が特に書かれてないから、次のステップに進むのは、無しだな。
と判断する事があるので、
きちんと職務経歴書には、
・プログラミング学習で学んだこと
・プログラミング学習で作ったもの
などを記載するようにしましょう。
職務経歴書の流れは、今までの業務経歴の後にプログラミング学習内容を記載
職務経歴書の中に、
プログラミング学習の中で、
学んだことや作ったものなどを、
きちんと記載するべきだと説明しました。
それでは、
職務経歴書のどこにプログラミング学習の内容を書くべきなのか
という点に関しては、
今までの業務経験を書いた「後に」、プログラミング学習の内容を書く
ということをオススメしています。
これがなぜかと言うと、
実際の面接をする場で、
まずは、今までの業務経験を説明してもらって良いですか。
という質問から、
面接が始まる事が多く、
その後に、
経験はないけれど、独学でプログラミング学習をされているのですね。
その辺りをもう少し、詳しく説明してもらえますか。
という話になり、
面接官としても、
・面接の場の中で、話の流れができて進めやすい
・プログラミング学習の事を聞きやすい
というメリットがあるので、
業務経歴の後に、
プログラミング学習の内容を記載する事をオススメします。
プログラミング学習の中で使ったスキルは箇条書きで一覧化しよう
面接官として、
初心者の方がプログラミング学習をしてきた中で、
もっとも知りたい事は、
プログラミング学習の中で、何の「スキル」を使ったのか
という事です。
そして、
この学習した中で使ったスキルが、
箇条書きで一覧化しておく事で、
面接官が自分がプログラミング学習で使った「スキル」を把握しやすい
というメリットがあります。
面接の場はあくまでも、
自分のことを面接官に理解してもらう事が大切です。
そのためにも、
スキルを箇条書きで見やすく一覧化する事は、
非常に効果的なのでオススメです。
面接官としても、
正直なところ、何人も面接をしてくると
職務経歴書に書かれているこの長い文章、
読む気にならないなぁ。
と感じてしまうので、
箇条書きでわかりやすく書かれている事は、
面接官にとって、非常にありがたいです。
プログラミング学習の中で作ったものは、サイトURL、概要、詳細を書く
プログラミング学習の中で作ったものに関しては、
・作ったサイトやページの「URL」(公開していれば)
・作ったサイトやページの「概要」
・作ったサイトやページの「詳細」
の3つに分けて、
面接官に伝わるように書きましょう。
それがあると、
プログラミング学習の中で、
「〇〇を使った△△サイトの構築」
というのをやったのですね。
面白そうな開発です。詳しく教えてください。
このように面接官が、
そのプログラミング学習した内容に関して、
質問を通して、深掘りしてくれます。
面接官に対して、
自分のプログラミング学習を理解してもらいながら、
作ったものに関して質問してもらうためにも、
わかりやすく、作ったものを記載しておく事が大切です。
プログラミング学習の中で「困ったこと」と「それをどうやって解決したか」を書く
プログラミング学習の中で作ったものとして、
URL、概要、詳細などを書いて、
面接官に理解してもらう事は大切です。
その上で、
プログラミング学習の中で、自分で困ったことを解決した経験がある
ということをアピールすることも大切です。
これは、
エンジニアやデザイナーとして業務を始めた時に、
実際の現場でも、問題を自己解決する能力が必要であるから
という事が理由です。
この困ったことへの解決に対する自分の行動を書いておくことで、
この未経験の人は、
まだまだ、スキルは現場レベルには達していないけど、
問題が起きた時に、自己解決して頑張ってくれそうだな。
と感じてもらい、
面接官の評価が上がる事につながります。
これは、面接官が現場のエンジニアやデザイナーだと、
より効果を発揮するので、
是非、職務経歴書の中に記載しておきましょう。
職務経歴書の最後には、「自分がやっていきたいこと」を将来像と繋げて書く
初心者の方が、
プログラミング学習したことを、
職務経歴書に書く中で、
・プログラミング学習で使った「スキル」
・プログラミング学習作ったものに関する「URL / 概要 / 詳細」
などを書いておくべき理由を説明しました。
このようなことを記載した上で、
職務経歴書の最後には、
「自分がやっていきたいこと」を将来像と繋げて書く
ということをオススメしています。
実際に採用をする側としては、
色々とプログミング学習をしてきた事は、
しっかりと書かれていて、
意欲も伝わってきたな。
だけど、最終的に「なぜ、弊社なのかな」。
という
「なぜ、その会社を選んだのか」
という志望動機を知りたい事が多いです。
その時に、
職務経歴書の最後に、
将来像を含めて「その会社でやっていきたい事」
が説明されている事で、
その会社に入りたい理由がわかり、
採用側が入社後に成長してもらうイメージを持つ事ができる
という事が、
この人いいな。
入社後にどうなっていきたいかも明確だし、取りたいな。
と思ってもらう事につながるので、
自分が受ける企業がやっている事も調べた上で、
将来像として、やっていきたい事を書いておきましょう。
未経験からエンジニアへの就職・転職を目指す初心者にオススメの記事
初心者の方が
プログラミング学習を進めて
実際に就職・転職を成功させるためには、
色々なことをコツコツと取り組む必要があります。
そんな中で、
アドバイスとして言える事は、
・ポートフォリオは作っておきましょう
・エンジニアの職種の違いなど、IT業界に関して把握しておきましょう
・転職エージェントもうまく活用していきましょう
という事です。
これらに関する記事も読んで頂き、
就職・転職がうまくいくように取り組んでいきましょう。
【初心者向け】未経験からWebエンジニアへの転職を目指す時に作るポートフォリオ作成の悩みに関して
【初心者向け】就職・転職に向けてエンジニアの職種の種類を理解しておこう
文系でシステムエンジニアで活躍するならスキルと業務知識の組み合わせで勝負しよう
文系として大学生活を送ったり、
社会人として文系の知識を活かしながら、
様々な業務知識を得ていく中で、
文系出身で業務知識を得たけれど、
システムエンジニアに就職・転職して、
スキルを持った人材になりたいな。
と考えて、
Webエンジニアなどに
転職を目指す方は多いです。
そんな文系出身の方に関しては、
自分自身が、大学や社会人で学んできた知識を生かして、
「スキル」と「業務知識」の組み合わせで、
IT業界で生きていくことを考えましょう。
ということをお伝えしています。
今は様々な業界がIT化を推進しており、
業務知識を持ったエンジニアは非常に重宝されます。
その点を考えると、
今までの業務に関連しない、
全く別のWebシステム開発などで、
スキルアップを目指していくのも、
1つの方法ではありますが、
「スキル」と「業務知識」を持ったエンジニアを目指す
ということが、
長くIT業界で生きていく中で、
オススメの方法の1つであることは事実です。
この記事では、
なぜ、業務知識と組み合わせた方が良いのか、
その場合の注意点なども説明していきます。
文系でシステムエンジニアで活躍するならスキルと業務知識の組み合わせで勝負しよう
どの業界でもシステム導入でIT化が進んでいる
文系の方がシステムエンジニアを目指す時に、
「システムエンジニア」という職種を
一括りに考えてしまう方が多いです。
IT業界やシステムエンジニアのことが、
よく分かっていないから、
仕方ない部分がありますが、
システムエンジニアって理系の人が、
プログラミングをしているんですよね。
というざっくりとしたイメージだけを持たれることが多いです。
しかし、実際のシステムエンジニアは、
システムエンジニアと言っても様々な業種で必要とされており、
例えば、
・会計の業種のシステムエンジニア
・自治体系のシステムエンジニア
・食品流通系の業種のシステムエンジニア
・証券系の業種のシステムエンジニア
など、
他にも様々な業種で、
システムエンジニアは必要とされています。
この
世の中の様々な業種でシステムエンジニアは必要とされている
ということをまずは認識してください。
業務知識は1つの財産である
IT業界の中で、
システムエンジニアとして生きていく中で、
システム開発に関する「スキル」の知識はベースとなる
ということは、
どのような業種のシステムエンジニアでも
共通的に必要な能力として大切です。
それは、
システム開発においては、
・システムの設計
・システムの実装
・システムのテスト
のどの工程において、
作られているシステムがどうなっているかは、
システム開発に関するスキルがないと理解できないことが多い
ということが理由です。
ただし、
文系の方がシステムエンジニアになった時のことを考えると、
文系として得た業務知識は、重要な財産となる
ということが言え、
IT業界のシステムエンジニアを見たときに、
現場で豊富な業務知識を持ったシステムエンジニアは重宝される
ということが多いです。
システム開発をしていると、
納品先の担当者と話す機会がありますが、
その時に業務知識が豊富であると、
・相手の伝えたい業務内容が理解できる
・自分が伝えたい内容を業務に関連させて伝えることができる
というメリットがあるので、
その点は、文系の方がシステムエンジニアになる時に
非常に有益な財産を持っていることになるので、
文系として学習している、
また、今の業務で得た知識は大切にするべきです。
自分の持っている業務知識のシステム開発の方が理解が早い
文系の方が、
システムエンジニアになったときに、
スキルの面で、
文系としてシステムエンジニアに転職できたけど、
なかなか、現場に入って、実際に求められるスキルレベルの内容を把握するのが大変だなぁ。
というスキルレベルで、
実際の現場で感じることが多いです。
しかし、
スキルの面では、未経験からトライしたばかりなので仕方がない
と割り切るしかありません。
この点は、
システムエンジニアになってからも、
学習の連続なので、
少しずつ、理解を深めていきましょう。
一方で、
スキルとは別に「業務知識」に関して、
開発しているシステムの業務知識の有無で、システムの理解度が大きく違う
という点が、
未経験から文系の方がシステムエンジニアになった時に、
・うまくシステムの事を理解できる
・なかなか、システムの事を理解できない
の2つのパターンに分かれる大きな要因となります。
自分が業務知識を持ったシステムは、画面や操作の意味がわかる
という点が、システムの理解を早めるので、
この点が文系からシステムエンジニアになる上で、
非常に大きなポイントとなります。
「スキル」と「業務知識」の組み合わせを持つエンジニアの需要は高い
システムエンジニアに関して
システムエンジニアは、
「スキル」を持っている事が非常に大切で、
何よりも「スキル」が大切ですよね。
という事を初心者の方に質問頂く事が多いです。
そして、
この質問に関しては、
その通りであるとお伝えしています。
そんな、IT業界の中でのシステムエンジニアの評価に関して、
1つだけ、把握しておいて欲しい事が、
どのような企業でも、「スキル」だけでなく、
「業務知識」を持ったシステムエンジニアが
非常に求められています。
という事です。
システムエンジニアとして、
スキルが非常に重要なのは否定しませんが、
実際に作りたいシステムの事を理解するかで、
システム開発を依頼する側としては、
「業務知識」を持った「設計のできる」システムエンジニアを求めている
という事が多いです。
この事から考えても、
文系の方は、自分が持つ「業務知識」を生かしながら、
システムエンジニアとして、
「スキル」を自分の財産に加えていく事をオススメします。
文系からシステムエンジニアを目指す初心者にオススメの記事
文系からシステムエンジニアを目指す時、
本当に、文系からシステムエンジニアになれるのかな。
プログラミング学習を始めてみたいけど、
文系の私が始めて、本当にうまくいくのかな。
と文系の初心者は、
不安を持つ方は非常に多いです。
大学などで、システム開発の講義など受けておらず、
社会人の方でも、業務内でシステム開発は、
エンジニアがやっているので、
自らプログラミングに関わることはありません。
そのような不安を持っている方は多いですが、
文系からでもエンジニアへの就職・転職は可能
であることは、
色々な初心者が、
未経験から新卒や転職などで、
入社してくるのを見て、
間違いなく努力次第で可能だと言えます。
そんな文系からシステムエンジニアを目指す中で、
努力をしていくことは重要ですが、
まずは、どのような認識を持っておけば良いのか、
以下の記事を参考にしてみましょう。
【初心者向け】スマホアプリ開発のプログラミング言語の種類を知ろう
初心者がプログラミングが開発において
就職・転職を目指す時に、
スマホのアプリ開発をやってみたい
ということを聞きます。
そして、
そのような方によく聞かれることが、
スマホ開発のプログラミング言語とか教えてください
という質問です。
ネット上の色々な情報を見て、
初心者の方が、
スマホ開発するプログラミング言語を
PHPやRubyなど、誤って認識している方もいるので、
ここでは、超基本的な事として、
スマホ開発のためのプログラミング言語を紹介します。
【初心者向け】スマホアプリ開発のプログラミング言語の種類
スマホの端末を2つに分類するとiPhoneとそれ以外
使われているプログラミング言語を調べる時に、
スマホの端末の種類
を分類する事が重要です。
初心者の方の中で、
スマホって見た目が少し違うだけで、
アプリを開発するなら同じような感じではないのかなぁ。
と一括りに考えてしまう方がいます。
このような方に、
最初にスマホのアプリ開発で、
スマホの端末の種類を分割する場合、
スマホのアプリ開発をしていく中で、
端末を種類で分けるとすると、
「iPhone」か「iPhone以外」
という2つに分けて考えるようにしましょう。
と説明しています。
少し極端に聞こえるかも知れませんが、
この2つのそれぞれで、
スマホのアプリ開発を行う時に、
この2つで使われるプログラミング言語も違う
ということを認識してください。
iPhone以外はAndroidと呼ばれる
iPhoneとiPhone以外に分類した時、
iPhone以外のことを、
Android(アンドロイド)
とまとめて呼びます。
そして、
このiPhoneとAndroidという分類をした上で、
スマホを大きく分類すると、
「iPhone」と「Android」
に分類できます。
このように説明する事が多いです。
ちなみに、
分類する際、iPhoneの代わりに、
iPhoneの中で使われているOSの「iOS」と表現する事もあります。
その場合は、
「iOS」か「Android」
という分類になります。
このような分類する名前がある事を、
まずは理解しておきましょう。
iPhone(iOS)向けのプログラミング言語は「swift」
先ほど説明したスマホの分類として、
・iPhone(iOS)
・Android
の2つに分類しましたが、
この中で、
「iPhone(iOS)」に関しては、
スマホのアプリ開発において、
iPhone(iOS)向けの開発をする際は、
「swift(スイフト)」を使います。
ということを覚えておきましょう。
初心者のあなたが、
「iPhone向けのアプリを作りたいな」
と感じたら、
Google検索などでは、
「swift」について調べると良いでしょう。
Android向けのプログラミング言語は「Kotlin」
スマホの分類として、
・iPhone(iOS)
・Android
の2つ中で、
先ほどのiPhoneとは逆の「iPhone(iOS)」に関しては、
スマホのアプリ開発において、
Android向けの開発をする際は、
「Kotlin(コトリン)」を使います。
ということを覚えておきましょう。
初心者のあなたが、
「Android向けのアプリを作りたいな」
と感じたら、
Google検索などでは、
「Kotlin」について調べると良いでしょう。
スマホのアプリ開発を学びたい初心者にオススメのスクール
実際に初心者の方が、
スマホのアプリ開発を学びたいと考えた時、
スクールで短期間に集中して学ぶ
という事ができれば1番良いと考えています。
そんな中で、
iPhone(iOS)とAndroidのどちらに関しても
対応しているプログラミングスクールとして、
初心者にオススメなのが、
CodeCampの「アプリマスターコース」
です。
学習のサポートをもらいながら、
スマホのアプリ開発において、
iPhone(iOS)とAndroidのどちらも学習できます。
スマホのアプリ開発は、
Webとは違って、実機での検証が必要となり、
その点は初心者には学習サポートがあった方が、
より効率的に学習ができるのでオススメです。
アプリ開発を学ぶためにオススメのスクール「CodeCamp」
【担当者向け】社内の業務効率化のためになぜタスク管理サービスを用いるべきか
業務効率化の第1歩としては、
社内の業務には様々なものがありますが、
社内のタスクを洗い出して、わかりやすい形でまとめる
ということです。
そんな中で、
Excelやスプレッドシートなどにまとめる
という方法もありますが、
実際にタスクを管理して、
それらの状況を把握していくために、
把握・活用するためにタスク管理サービスを利用する
ということをオススメしています。
なぜ、Excelなどでは、
タスク管理をしていく上で不便な点が出てくるのか、
そして、それを踏まえた上で、
オススメのタスク管理サービスは何かを説明します。
【担当者向け】社内の業務効率化のためになぜタスク管理サービスを用いるべきか
紙ベースでのタスク管理は、タスクの共有の面で不便が多い
タスク管理をホワイトボードなどに書いていたり、
付箋や紙ベースで書いて渡すなど、
アナログな方法で業務を回している企業もあります。
例えば、
ちょっとお願いがあるタスクなんだけど、
この紙に書いておいたから、今週中によろしく。
などのように任せてしまうと、
当事者しかそのタスクを把握できていない
という問題点が起きてしまい、
会社全体として、
そのタスクが優先度が低くても、
当事者はそのタスクを進めてしまうことで、
タスク毎の重要度が把握できず、業務が非効率になっている
という問題が起こっています。
このような企業では、
タスクの全体像が管理できていない
という問題を抱えていることが多いです。
業務の効率化を進める上では、
タスクの全体数、進捗状況などを把握することが重要
と言えるので、
これを行うためにも、
タスク管理サービスを導入することをオススメします。
Excelなどでの管理は、タスクのカテゴリ分けなどで、ファイルや内容が増えるごとに不便さが増していく
Excelなどでタスク管理をしていく場合、
タスクをカテゴリ化するなど、
細分化することで、
ファイルが肥大化したり、ファイル数が増えたり管理が行いにくい
という問題を抱えることが多いです。
さらに、
Excelなどでは一覧化はできますが、
Excelで一覧化はできているけれど、
全体のスケジュールがひと目でわからないし、
タスクの状況が把握しにくいな。
とタスク全体を管理する人間としては、
多部署とのスケジュール調整などが、
行いにくくなってしまうことが問題としてあります。
この点に関しては、
・ガントチャートでの表示
・ボードでの表示
という表示方法で、
わかりやすく確認できる機能が、
タスク管理サービスにはあるので、
導入して全体像を把握しやすいように調整することをオススメします。
タスク管理サービスを用いることで、ミーティング時にも活用しやすい形で確認できる
実際にタスク管理サービスを導入すると、
どのようにタスクの全体像が把握しやすくなるかというと、
・ガントチャートの形式でスケジュールがわかりやすい
・ボード表示でタスクを状況別に確認しやすい
という2点があります。
まず、
ガントチャートの形式でスケジュールがわかりやすい
という点に関してですが、

このように
タスクをスケジュールで見やすくすることができ、
ミーティングでも、
「いつまでに、どのタスクが終わるのか」
という点を確認できるので、非常に重宝する機能です。
そして、もう1つの全体像を確認するための
ボード表示でタスクを状況別に確認しやすい
という点については、

このように、タスクの進捗を
・未着手
・処理中
・処理済み
・完了
などの状況別に、
わかりやすく把握することができます。
これらを活用することで、
タスクの全体像を把握しやすくなり、
社内のMTGでも活用できるので、
タスク管理サービスを導入することをオススメしています。
タスク管理サービスを導入したいなら、Backlogというサービスがオススメ

業務効率化を考えていく中で、
タスク管理サービスの重要性を理解して、
紙ベースやExcelなどでまとめるよりは、
タスク管理サービスを導入した方が良さそうだなぁ。
ただ、どのタスク管理サービスを導入したら良いかな。
と考え始めた時、
1番オススメするタスク管理サービスが、
Backlog(バックログ)
というサービスです。
タスク管理サービスに必要な、
・タスク毎に開始日や終了日、担当者などが設定できる
・タスクの状況をわかりやすく確認できる
という点で非常に使いやすく、
実際に現場に入れて効率化できたので、
このサービスをオススメしています。
どのようにオススメなのかは、
以下の記事にまとめていますので、参考にしてください。
【担当者向け】社内のタスクを管理するならBacklogがオススメな理由
業務効率化のためのオススメの記事
担当者として業務効率化を考えると
社内の色々な面で改善していかないといけません。
そんな業務効率化に関しては、
それぞれの会社の状況もありますが、
共通して効率化できることとしては、
・タスク管理の導入による効率化
・不要な固定費の削減
・資料作成ツールの導入による効率化
などがあります。
これらに関して、
オススメのサービス、または対応の方法があるので、
以下の記事を参考にしてください。
【担当者向け】社内のパソコンやサーバの運用費用でコストカットすべきこと
【担当者向け】社内のタスクを管理するなら、便利な機能がたくさんあるBacklogがオススメな理由
社内の業務効率化やシステム化など、
担当者として依頼されることは多いです。
そのような要望の中で、
社内のタスクを管理していきたい
という要望は1番多いです。
特に
今は、タスクなど、ホワイトボードに書いたり、
Excelやスプレッドシート などにまとめたりしてる。
これをどうにか、便利にまとめることができないかな。
と考えているようなら、
今は、このような要望のためのタスク管理のサービスが、
クラウドのSaasとしていくつかあります。
そんな中で、
実際の導入されている実績や使いやすさなどを含めて、
Backlog(バックログ)
というサービスがオススメです。
実際に業務効率化の中で、
タスクだけでなく、資料や各種設定情報など、
まとめる手段を探している中で、
実際に導入して、社内共有が便利になった
という経験があるので、
このBacklogというサービスは、
無料アカウントも作れるので、
実際に使ってもらうことをオススメしています。
この記事では、
Backlog自体がどのようにオススメなのかを
タスク管理などで、
サービスなどを探されている方に向けで紹介します。
この記事をまとめ
- 社内のタスクを管理するという目的で、
- 便利な機能がたくさんある「Backlog」は、
- すごく使いやすくて、オススメのサービス。
- Backlogには、たくさんの機能があり、
- 機能1:設定情報や資料をまとめるWiki機能
- 機能2:タスクを細かく管理できる課題管理機能
- 機能3:タスクを使ったスケジュール管理機能
- という大きく3つの機能があります。
- この記事では、Backlogのオススメ機能や、
- 使っていく中での気をつけた方が良いポイントなどを、
- 使ったことがない方に向けて解説します。
先にサービス自体を見たい方は、
こちらのリンクから確認してください。
それでは、Backlogがオススメな理由を見ていきましょう。
【担当者向け】社内のタスクを管理するなら、便利な機能がたくさんあるBacklogがオススメな理由
タスクの管理方法として欲しい優先度や開始日、終了日など基本設定が網羅されている
タスク管理をやっていく中で、
タスク毎に把握したいこととして、
・タスクの優先度
・タスクの開始日
・タスクの終了日
・タスクのカテゴリ分け
・タスクの担当者
などがよく使われ、
必ず欲しい機能としてあげられます。
このような、タスク毎に設定する項目が、
Backlogは基本的なことを抑えているので、
使っている中で、タスク登録をする上で、
機能的な不足を感じることがありません。
実際に画面操作をする上でも

このような画面で、
上記の登録部分を大きくすると、

このように基本的な項目は、
Backlogというサービスは網羅していることが
見てわかってもらえると思います。
タスクの状況をガントチャートで確認できる
タスク管理をしていく上で、
基本的なタスクに付随する設定する項目は、
Backlogが網羅していることは説明しました。
このようなタスク毎に設定する値の中でも、
・タスクの開始日
・タスクの終了日
を登録して、
タスクがどのようなスケジュールなのか確認したい
ということが要望として多いです。
それを表示させる方法として
ガントチャート
という表示方法がよく使われます。
そして、このガントチャートという表示方法を
Backlogは対応しており、

このようにタスクがどのようなスケジュールで組まれているのか、
今の進捗を考えた時にスケジュール上、どのような影響があるのかなど、
ガントチャートでの表示を行うことで、
ひと目で確認できるので非常にオススメの機能です。
タスクの状況をステータスでボード表示で確認できる
タスクの状況を管理する中で、
ガントチャートと呼ばれる、
スケジュールで確認する方法を説明しました。
このガントチャートでの確認方法以外で、
もう1つ、確認方法としてオススメの方法があります。
それが、
「ボード表示」でのタスクの状況把握
という方法です。
イメージとしては、
ホワイトボード上にタスクの付箋を、
タスクの進捗度合いの未着手や着手中、完了など、
状況別に見るイメージです。
このボード表示に関しても
Backlogは対応しており、

このように、
状況別にタスクを見ることができるので、
どのタスクが、どの状況で止まっているのかなど、
わかりやすく確認することができます。
ちなみに、
ボード内で、ドラッグ&ドロップをすることで
タスクを簡単に移動させることもできるので、
社内でミーティングしながら、
タスク状況を変更できるので非常に便利です。
Backlogは無料で試せて、使ってみると誰でも使えるのでオススメ
タスク管理をどのように使えるのかなど、
実際に使ってもらうともっと良さがわかってもらえると思います。
Backlogは無料で試せるので、
アカウントを作って、
・タスクを追加
・ガントチャートで確認
・ボードで確認
などは、
是非、実際のサービスで確認することをオススメします。
業務効率化のためのオススメの記事
担当者として業務効率化を考えると
社内の色々な面で改善していかないといけません。
そんな業務効率化に関しては、
それぞれの会社の状況もありますが、
共通して効率化できることとしては、
・タスク管理の導入による効率化
・不要な固定費の削減
・資料作成ツールの導入による効率化
などがあります。
これらに関して、
オススメのサービス、または対応の方法があるので、
以下の記事を参考にしてください。
【担当者向け】社内のパソコンやサーバの運用費用でコストカットすべきこと
【担当者向け】エンジニアのタスク管理と評価制度は分けて考えた方が良い理由
社内の業務効率化や社内評価など、
担当者になると、
自分以外の業務領域の社員に関して
・社員のタスクを管理する
・社員の業務評価を行う
ということが求められます。
そんな中で、
君には、エンジニア達のタスク管理と評価をどうするか、
考えて欲しいんだよね。
という依頼をされた時に、
担当者としてどうするかはなかなか、難しいものです。
そんなエンジニアのタスク管理と評価に関して、
実際に導入して運用することを考えた時に
タスク管理と評価は分けて考えた方が良い
ということをオススメしています。
なぜ、分離して考えた方が良いのかを
この記事で担当者に向けて説明していきます。
【担当者向け】エンジニアのタスク管理と評価制度は分けて考えた方が良い理由
タスクの消化率や完了した内容の精度を確認するには、評価する者自体がシステム開発に関して理解が必要である
エンジニアを評価する上では、
基本的に一番大切なことは、
評価する者自体がシステム開発に関して理解があること
であると考えています。
この点に関しては、
評価する側の社員が
システム開発のことはよくわからないけれど、
タスクの進捗率が80%だから、
他のエンジニアに比べて、進捗率が良くないんだな。
このように、それぞれのタスクの難易度や、
関わっているプロジェクトの内容、規模などを把握できずに、
判断してしまうと、エンジニアの本当のスキルに沿った評価ができません。
そのため、
会社内の評価を行う上で、理想論になってしまいますが、
エンジニアを評価する者は、
システム開発に関する理解がある者が望ましいと言えます。
管理側にそのような人間をポストとしておく事も踏まえて、
エンジニアを評価するために検討すべきでしょう。
タスク管理に評価までつけようとすると、予定工数や実績工数など、実際のシステム開発以外にエンジニアに手間が増える
タスク管理については、
プロジェクトを進める上では非常に有効です。
しかし、
管理するタスクの粒度にもよりますが、
タスク管理が目的になってしまうと、その作業自体に時間が取られてしまう
ということがあります。
例えば、
業務時間の中の1割をタスク管理に費やしているとすると、
その1割の時間の分だけ、
もともと、開発に充てる時間だったものが奪われます。
そして、
開発が忙しくなるとタスク管理の時間が勿体無いので、タスク管理が疎かになる
という問題も起きやすくなります。
これらを踏まえて、
エンジニアがタスク管理をする際は、
タスク管理用のサービスを活用して、
エンジニアがタスク管理を行う手間をできる限り少なくしましょう。
優秀なエンジニアを手放さないためにも、できる限り、システム開発以外の不要な単純作業は減らすべき
タスク管理を行って、
社内のエンジニアの評価を見える化して改善したい
という目的はよくわかります。
この目的に関しては、
エンジニア評価として何を実現したいのかを考えると
優秀なエンジニアを正しく評価して、長く勤めてもらうようにしたい
ということが本質であることが多いです。
しかし、
優秀なエンジニアの多くは、
自分がエンジニアのメンバーを定期面談などで、
色々とヒアリングをしてきた中で、
優秀な社員ほど、スキルアップに対する意欲が強く、無駄な作業などの時間は減らしたい
と考えていることが多いです。
話を聞いていると、
優秀な社員は
タスク管理は良いけど、
ここまで細かくやる意味あるのかぁ。
システム開発以外の不要な作業ばかりで、
時間がもったいないなぁ。
という考えを持ち、
ちょっとした不満が積もって、優秀な故にやめていく
ということに繋がります。
社内のタスク管理にオススメのサービス
社内のタスク管理をしていく中では、
・タスクの開始日
・タスクの終了日
・タスクのカテゴリ
・タスクの担当者
・タスクの状況
など、
タスク管理をする上で、
設定する値など基本的に欲しい機能があります。
そのような機能や使いやすさ、
タスクの状況やスケジュールの把握のしやすさなど、
トータルで考えた時にオススメのサービスが
Backlog(バックログ)
というサービスです。
このサービスに関しての記事とリンクを載せておくので、
担当者の参考になれば幸いです。
【担当者向け】社内のタスクを管理するならBacklogがオススメな理由
社内の担当者にオススメの記事
社内のシステム担当になった方や、
業務改善化を進めないといけなくなった担当者の方には、
業務のリモート化に対する対策など、
色々なシステムの導入などを検討する方が多いです。
そんな方に向けて、
リモート化でのオススメのサービスや、
業務効率化のための方法などオススメの記事を紹介します。
【担当者向け】システム担当者になって業務効率化を求められた時に取り入れたいこと
【初心者向け】Webエンジニアを目指す初心者がMacを購入したらターミナルを使えるようになるべき理由
プログラミング学習を始める初心者の方が、
Mac BookなどのMac製品を
学習のために購入する方は多いです。
そんなMac製品を購入した初心者の方には、
プログラミング学習の中で、
Macのターミナルを使えるようになる
ということが、
就職・転職やその先のエンジニア人生の中で、
非常に有益に作用します。
なぜ、Mac製品を購入したら
プログラミング学習の中で
ターミナルを扱えるようになった方が良いのか、
それは
Linuxの基本コマンドを使いながら覚えることができる
ということが大きな理由です。
また、ターミナルを使うのかどうかに関しては、
Webエンジニアを目指す初心者の中で、
Vue.js / Reactなどを使うフロントエンド寄りのエンジニアを目指す方は、学習段階で使うことになるので、その中で、Linuxの基本コマンドを少しずつ覚えると良い
と学習の中で少しずつ、使えるようにしていくことを
目指すべきだと伝えています。
また、
Webエンジニアを目指す初心者の中でも、
Ruby / PHPなどを使うバックエンド寄りのエンジニアを目指す方は、
サーバ周りでLinuxの知識やコマンドが必要になるので、絶対に使えるようになった方が良い。
と伝えています。
この辺りは、自分が目指すWebエンジニア像によって、
どの程度、使えるようになることを目指すかを考えておくと良いでしょう。
【初心者向け】Webエンジニアを目指す初心者がMacを購入したらターミナルを使えるようになるべき理由
ターミナルとは?
Mac製品には、

「ターミナル」と呼ばれるコマンドラインで
ファイルの操作などを行うツールが標準で付いています。
ターミナルですが、

このように初心者には馴染みのない、
コマンドを打ち込んで処理を行う画面になっています。
この画面では、
例えば、「ls」というコマンドでファイルを表示するには、

コマンドを入力してEnterを押すと、
上記の例だと、
「test1.txt」と「test2.txt」の2つのファイルが表示されます。
このように色々なコマンドを入力して、
必要な操作を行うのが「ターミナル」です。
ターミナルを使う中で、Linuxの基本コマンドを覚えることができる
Macのターミナルでは、
Linuxで使う基本的なコマンドを使うことができる
ということを説明しました。
例えば、
・「cd 」:操作する対象の場所を移動するコマンド
・「ls」:操作する対象内のファイルなどを表示するコマンド
など、
Linuxで使うコマンドを
そのまま使うことができます。
このようなコマンドを、
Macのターミナルを少しずつ慣れることで、
クラウドのサーバなどもLinuxで活用することが多いので、
そのまま、そのようなサーバでも
Macのターミナルで理解したコマンドを同じように使うことができる
というメリットがあります。
初心者の方に、
Webエンジニアを目指したいのですが、
Linuxというものも、書籍などで、
学習しておいた方が良いでしょうか。
という質問を受けることがあります。
その質問に関しては、
プログラミング学習でMacを使用しているなら、
書籍で学習するのも良いですが、
「ターミナル」を使って、少しずつで良いので、
Linuxのコマンドに慣れてください。
と伝えています。
自分自身のMac製品のターミナルで試すことで、
より使う機会を増やして慣れていきましょう。
Webアプリケーションのデプロイ時にLinuxを使うことが多い
自分自身のMac製品のターミナルで、
Linuxコマンドを使いながら慣れていく
ということをオススメしました。
それでは、
なぜ、Linuxのコマンドに慣れておくことが、
Webエンジニアになる上でなぜ、Linuxコマンドに慣れることが重要なのか
ということを考えてみましょう。
それは、Webエンジニアとして業務をする中で、
世の中の使用するサーバが、Linuxで動かしていることが多い
ということが理由です。
プログラミング学習を始める初心者の中で、
「Webエンジニアを目指しています」
という方がいますが、その中でも、
今はRubyを学習しており、
そのようなプログラミング言語を使うWebエンジニアを募集している企業への転職を目指しています。
という方は、
Linuxの基本操作ができることは、
・就職や転職時のアピール材料になる
・実際に働き始めた時に業務の中で使うことが多い
ということからも、
ぜひ、ターミナルを使って、
Linuxの基本コマンドには慣れておきましょう。
初心者がMac製品の購入で迷っているなら
プログラミング学習を始めようと考えている初心者の方が
Mac製品を買ってターミナルを試してみたいけれど、
どの製品を買ったら良いのかわからない
という方は多いです。
そんな方には
学ぼうと考えているプログラミング言語で製品を選ぶ
ということをオススメしています。
正直なところ、
金銭的に余裕があれば、
1番高いMac Book Proを買うように進めますが、
予算の範囲内で買うことを考えると、
学ぶプログラミング言語を決めて、
それにあったコスパの良いパソコンの購入が
1番、現実的かと思います。
このMac Bookの選び方はこちらの記事を参考にしてください。
【初心者向け】プログラミング学習で学ぶ言語でどのMac Bookを選ぶか決めよう
未経験からエンジニアへの就職・転職を目指す初心者にオススメの記事
初心者の方が
プログラミング学習を進めて
実際に就職・転職を成功させるためには、
色々なことをコツコツと取り組む必要があります。
そんな中で、
アドバイスとして言える事は、
- ポートフォリオは作っておきましょう
- エンジニアの職種の違いなど、IT業界に関して把握しておきましょう
- 転職エージェントもうまく活用していきましょう
という事です。
これらに関する記事も読んで頂き、
就職・転職がうまくいくように取り組んでいきましょう。
【初心者向け】未経験からWebエンジニアへの転職を目指す時に作るポートフォリオ作成の悩みに関して
【現場エンジニアが語る】社内に内製の新規システム導入を進めるために踏むべきステップ
社内の業務において、
大きいサービスを入れるほどではないけれど、
今、手作業でやっているものをシステム化したいな。
という要望は常に出てきます。
そんな要望に関して、
担当者は社内のエンジニアとのやり取りの中で、
うーん、ちょっと業務の効率化で、
社内用に独自のシステムをちょっと作って欲しい。
業務効率化のためにシステムを構築することは、
エンジニア側としては特に問題はないですね。
このようなやり取りの中で、
少人数のみで、新規のシステム開発に走ることがあると思います。
しかし、
このやり方をした時に、
・決裁権のある人物に話が通っていない
・業務をする現場の人間にヒアリングができていない
という2点がきちんとできていないと、
この業務改善のための新規システムの開発や導入が、
うまくいかないということは多いです。
そんな中で、
業務効率化の担当になったのですが、
どのように話を進めていけば良いでしょう。
そもそも、誰を押さえて、何を伝えるのか….。
という困った方のために、
社内に自作の新規システム導入を進めるために踏むべきステップ
として、
上記2点をどのようにステップを踏んでいくのか、
どのようなことに注意した方が良いのか。
この辺りを説明していきます。
【現場エンジニアが語る】社内に自作の新規システム導入を進めるために踏むべきステップ
社内システムで抑えるべきキーパーソンは2人
社内システムとして、
新規に作るシステムを考えていく中で、
押さえておくべきキーパーソンが2人います。
それが、
・決裁権のある人物
・現場の責任者
の2人です。
この2人に関しては、
新規システムを導入するための壁になる可能性がある
ということが理由です。
例えば、決裁権のある人物だと
あのね、業務効率化は進めて欲しいけど、
前もって話を通しておいて欲しいのと、
本当に効率化につながるの?
システムに関するコストだけ増えない?大丈夫?
という感じで、
社内の新規システムの導入の道が、
閉ざされてしまうことがあります。
ですので、
まずは、この2人のキーパーソンが、
社内の新規システムの導入において、
重要な人物であることを理解しておきましょう。
はじめに現場の担当者に「軽め」のヒアリングを行う
実際に新規システムを導入することを考え始めた時、
いきなり決裁者に話を通しても、
何も決まっていないのに、
業務効率化のために、「導入していいよ」とは言えないよ。
と止まってしまうことが多いです。
そのため、
この決裁者に話を通す前に、
事前に現場の責任者に話を通して、仕様の大枠を決める
ということが大切です。
ここで大切なのが、
仕様の「大枠」を決めることであって、事細かな仕様を全て決める必要はない
ということです。
あくまで、
業務効率化として、
・現場で解決したい課題は何か
・新規システムでそれがどのように改善するか
を決めることが大切です。
そのためにも、
まずは、現場の責任者と「軽め」の打ち合わせを行い、
新規システムの仕様の「大枠」を決めることに取り組みましょう。
決裁権のある人物には、新規システム導入前後の「想定」した業務改善の「数値」を示す
新規システムの仕様の「大枠」が決まったら、
次に行うのが、
決裁権のある人物に新規システム自体を「導入する」方向に決めてもらう
ということです。
そのために重要なことは、
新規システム導入前後の「想定」した改善される「数値」を示す
ということです。
新規システムの導入の際に、
業務効率化の具体的な数値がないと
「頑張ります」「良くなります」だけだと、
業務改善で新規システムを入れるわけにはいかないね
と判断されてしまうので、
具体的な数値を提示することは大切です。
できる限り期間をかけず、プロトタイプを作り、キーパーソンにデモをする
決裁者から具体的に社内向けの新規システムに関して
導入の方向で進めて良いという了解が得られた時、
ヒアリングのみで仕様を細かく決めるべきではない
ということが言えます。
そのために最も有効なのが、
簡単で良いので動くプロトタイプを作成してデモをする
ということです。
プロトタイプがなく、仕様書だけで話を進めると
あれ、仕様書に書いてはあるけれど、
現場で自分が使う上ではイメージが違うな
ということになりやすいので、
それを防ぐ意味でも、
プロトタイプで動くものを見せることは有効なのです。
プロトタイプをもとに、現場と細かな仕様決めを行い、プロトタイプに反映させる
簡単に動くプロトタイプができたら、
そのプロトタイプをベースとして、
現場でヒアリングしながら、「都度」、プロトタイプに反映させる
ということを行いましょう。
実際に、ヒアリングで把握した要望を
プロトタイプに反映させて確認してもらうことで、
実際に使うことを想定したシステムに近づいていく
というメリットがあります。
細かなことなど、
プロトタイプとしての動くものがあることで、
あー、現場的には、〇〇の部分は、
△△ではなくて、□□の方が良いですね。
あと、作ってもらっているXXXXの部分は必要ないです。
このように具体的な指摘を得られるので、
改善のスピードも上がり、
現場で求められるものにより近づいていきます。
プロトタイプがある程度、形になったら、テストも含めたスケジュールを策定し、キーパーソンに伝える
ヒアリングを行い、プロトタイプを改修することで、
プロトタイプがある程度、形になったら、
社内の実運ように向けてのスケジューリング
を行っていきましょう。
なぜ、
このプロトタイプがある程度、形になってから、
スケジュールを決めるのかというと、
プロトタイプがない状態で仕様だけでスケジュールを組むと失敗する
ということが多いです。
外注して作ってもらうシステムなどは、
細かな仕様などを決めて、
先に納期まで決めた上で進めますが、
自社内でシステムを作る場合、社内都合によってスケジュールが狂うことがある
ということが理由としてあります。
例えば、
あー、まだ、
社内用の新規システムの開発は進んでいないだろ。
それなら、〇〇があるから、そっちをやってくれ。
と決裁者の方から、
他の要望を振られたりすることがあります。
それが、ある程度、形になったプロトタイプがあれば、
多少、社内都合でスケジュール調整しても、
大きなズレはなく、実運用に持っていくことができます。
このような理由から、
実際にプロトタイプが形になってから、
社内の実運用のスケジュールは組むようにしましょう。
社内のシステム担当や業務改善化の担当者にオススメの記事
社内のシステム担当になった方や、
業務改善化を進めないといけなくなった担当者の方には、
業務のリモート化に対する対策など、
色々なシステムの導入などを検討する方が多いです。
そんな方に向けて、
リモート化でのオススメのサービスや、
業務効率化のための方法などオススメの記事を紹介します。
【担当者向け】システム担当者になって業務効率化を求められた時に取り入れたいこと
【初心者向け】プログラミグ学習の成功の鍵は3ヶ月間、学習を継続すること
初心者の方が、
プログラミング学習を始めようとするとき、
色々な不安を持つことは多いです。
そんな中で
プログラミング学習を始めて、
本当にスキルとして身につくだろうか。
という不安の声を聞くことが1番多いです。
そんな不安に関しては、
プログラミング学習を未経験から始めた初心者を
たくさん見てきた中で
プログラミング学習を始めて、
・3ヶ月という期間
・継続した学習
ができることが学習を成功に導く鍵です
ということが言えます。
プログラミングを始めようと考えているけれど、
1歩を踏み出すのに躊躇している方など、
まずはプログラミング学習を始めて、
・3ヶ月という期間
・継続した学習
をすることを目指して、
学習を始めてみましょう。
【初心者向け】プログラミグ学習の成功の鍵は3ヶ月間、学習を継続すること
試行錯誤を繰り返して、少しずつ花開くための期間が3ヶ月
プログラミング スクールなどで、
1ヶ月などの超短期間で学習をすることは別として、
コツコツとプログラミング 学習を進めて、
やっと、最近、自分で書いているプログラムのことが、
理解できたり、イメージできるようになりました。
と自分自身で感じたり、
教えてもらっている人に報告することができる期間が、
「3ヶ月という期間」ということが多いです。
最初のうちは、
自分自身でプログラム自体を動かしていても、
最初のうちは、動いているプログラム自体の処理の意味が理解できていない
という事が多いです。
それが、
3ヶ月の期間継続する事で「少しずつ」プログラムの処理なども理解できてくる
という事が言えます。
プログラミング 学習自体は、
それぞれの人が、1日にどれくらい時間を取れるかなどでも、
3ヶ月後のプログラミング 学習の成果は違いますが、
初心者の方には、
プログラミング 学習自体を3ヶ月の期間続けてる事で、
学習としてのプログラミングが習慣化ができる
という点も言えるので、
まずは、3ヶ月を目安に学習を進めてみましょう。
プログラミングはエラーで動かなくなることがあるので、諦めない継続学習が必要
プログラミング 学習を始めて、
途中で挫折してしまうパターンとして多いのが、
プログラミング 学習の中で起きるエラーが嫌になって学習を辞めてしまう
ということです。
このエラーについては、
プログラミングをしていく上では、
トライ&エラーでエラーが起きることは仕方がない
ということを理解しておくことが必要です。
さらに、
なぜ、このパターンで挫折してしまう人が多いのかというと、
エラーを途中で放置して学習を止めてしまうと、
時間を置いた時に自分が作っていたプログラミングの中身も忘れてしまう
ということが理由として大きいです。
陥るパターンの多い例としては、
プログラミング学習をしていく中で、
あー、エラーが起きるな。
ちょっと嫌だから、
1週間くらいプログラミング学習を休憩しよう
と考え、途中でプログラミング 学習を止めてしまう。
そして、1週間後に、
また始めようとしたけど、
以前、自分が作っていたプログラムの意味が、
そもそもわからない。どうしようかな。
という形で、
以前のエラーが起きていた時よりも、
さらに状況が悪くなってしまい、
プログラミング 学習自体を挫折することに繋がってしまいます。
3ヶ月の期間続けるために、「1つのポートフォリオを作ること」を目標にする
プログラミング学習を進めていくと、
プログラミング 学習は続けているのですが、
2ヶ月目からモチベーションが下がり、
3ヶ月目に入ると、なぜか、やる気がでません。
という方が出てきます。
そんな方は、
最初に3ヶ月の学習を進めた時の目標がない
という事が原因である事が多いです。
そのようにならないためにも、
プログラミング 学習を始めようと考えている初心者の方には
「3ヶ月後に、ポートフォリオサイトを作ること」
を目標に学習を始めると良いですよ。
とオススメしています。
プログラミング 学習を進めている事を、
どのように目に見える成果に繋げていくのか
ということは大切で、
そのために、
ポートフォリオを作ることを目標にすることは
非常に有効なのでオススメです。
3ヶ月の期間で効率的に学習を進めるために把握しておくべきこと
プログラミング学習を成功に導くために
・3ヶ月の期間
・継続的な学習
をすることが「成功の鍵」であることを説明しました。
そんな3ヶ月の期間は、
短いようで学習方法や取り組み方で大きく成果が異なる
ということが言えます。
例えば、
3ヶ月、頑張ってみたけど、
基本の理解を繰り返すだけで思ったよりも進まなかった。
もっと、新しいものを作ったり、
「慣れること」に時間を使えばよかった
ということや、
3ヶ月、頑張ってみたけど、
検索して調べたプログラムのソースをコピー&ペーストで
自分の中で理解が進まなかった。
もっと「理解すること」に時間を使えばよかった
という時間の使い方の改善を事前に考えておけば良かったと
特に独学で学習している方が多く感じることが多いです。
この点に関して、
プログラミング は理解を進めながら手を動かして慣れること
ということが大切なのが前提として、
プログラミング学習を始めようとする初心者の方は、
スキルとしてのプログラミングについて、
・理解すべきこと
・慣れるべきこと
の2つに分けて考えるようにしてもらえればと思います。
その点に関しては、
こちらの記事に書いていますので参考にしてください。
【初心者向け】プログラミング学習でどれが、「理解するべきこと」と「慣れるべきこと」なのかを大きく分類して考えよう
これからプログラミング学習を始める初心者にオススメの記事
初心者の方が
プログラミング学習を進めて
実際に就職・転職を成功させるためには、
色々なことをコツコツと取り組む必要があります。
そんな中で、
アドバイスとして言える事は、
・ポートフォリオは作っておきましょう
・エンジニアの職種の違いなど、IT業界に関して把握しておきましょう
・転職エージェントもうまく活用していきましょう
という事です。
これらに関する記事も読んで頂き、
就職・転職がうまくいくように取り組んでいきましょう。
【初心者向け】未経験からWebエンジニアへの転職を目指す時に作るポートフォリオ作成の悩みに関して
【初心者向け】自宅でWebデザインの学習をするならデュアルモニタにするのがオススメ
初心者の方が、
プログラミング学習の中で、
基本的なWebデザインを学ぶ方は多いです。
Webデザインの学習の中で、
- HTML
- CSS
- javaScript
などを学習しながら試していく中で、
ノートパソコンだと、画面が小さくて、デザインの確認をしたりするときに大変だなぁ
と感じることがあると思います。
そんな時、
自宅でWebデザインの学習をするならデュアルモニターにする
ということをオススメしています。
そうすることで
2つの画面になるので、
・HTML/CSS/javaScriptのファイルを開く画面
・レイアウトを確認するための画面
に分けれるので便利だなぁ
とファイルを開いたり、
レイアウトを確認する中でも
非常に便利なのでオススメしています。
【初心者向け】自宅でWebデザインの学習をするならデュアルモニタにするのがオススメ
デュアルモニターとは?
デュアルモニターとは、
通常はノートパソコンやデスクトップパソコンでも
1つの画面にするのが通常ですが、
そのパソコンにもう1つモニターを繋いで画面を2つにする
ということです。
画面を
・メインの画面
・サブの画面

の2つに分けることで、
レイアウトを確認しながら、
ファイルを確認することができます。
画面が複数あるので、ファイルとレイアウトに分けることができる
ノートパソコンなど、
画面が1つだけで、デザイン学習を行なっていると
確認するたびに画面を切り替えるのが面倒
ということにストレスを抱えて、
ちょっとしたことですが、
Webデザインを学習すること自体が嫌になることがあります。
そういう時に
デュアルモニターで2つの画面があれば、
・ソースコードを表示する画面
・実際のデザインを学習する画面
に分けて作業を進めることができるので、
非常に効率的にストレスなく学習を進めることができます。
実際にデュアルモニターで2画面に慣れてくると
レイアウトの確認自体のストレスが減って学習に取り組みやすくなる
ということが言えるので、
学習の中でレイアウト確認が苦痛に感じているようなら、
このデュアルモニターを試してみると良いでしょう。
追加するモニターは安いやつでも大丈夫
実際にデュアルモニターを試したいと思った方が
一番最初に考えることは
デュアルモニターで新しいモニターを買うのなら、
すごく高価な、良いモニターを買った方が良いのかな。
ということです。
この追加で買うモニターに関しては、
使っていくと、それほど、
モニターの品質の違いは気にならなくなるので、
最初は安いモニターで良いでしょう。
と考えてもらえれば良いでしょう。
一般的に、
21インチ〜24インチのサイズ感が最適
であると言われており、
会社内のデスクトップパソコンで使われているモニターも
このサイズ感が多いので、
実際に買うときもこのサイズ感にすると良いでしょう。
モニターを買うときは端子に注意
モニターを追加で買うときは、
・安いモニターでも大丈夫
・21インチ〜24インチのサイズ感が最適
であると説明しました。
しかし、1点、
きちんと買う前に確認してほしいことがあります。
それが、
差し込み口の「端子」は何があるのか
ということです。
これを確認せずに買ってしまうと
新しいモニターを買ったけれど、
今持っているパソコンとそもそも、接続できない。
となってしまうので注意しましょう。
今は、HDMIという端子が一般的なので、
HDMIが差し込み口として対応しているのか
という確認をしてもらえれば良いでしょう。
HDMI端子は
このような形の端子で皆さんも、
1度は見かけたことがあるかもしれません。
ちなみに、
MacのパソコンからモニターにHDMIを差し込むとき、
このような変換アダプタも必要になるので、
合わせて購入しておくと良いでしょう。
1つオススメするならこのモニター
1つオススメのモニターを紹介する場合に、
おすすめしているのが、
このモニターです。
特徴としては、

このような形で、
自分の好きなように位置などを変えることができるところです。
- 上下左右の位置や、上向きの角度調整で見やすくできる
- 画面を回転できるので、縦配置で幅を取らず、コードなどが見やすい
- 視野角度など、基本的な見やすさのための技術があるので見やすさがよい
モニターで迷っている方は、
回転して縦にできるという点は、
部屋のレイアウト配置を変える時にも便利なので、
このモニターを検討しておくと、後々便利なのでおすすめです。
Webデザインの学習を始める初心者にオススメの記事
初心者の方が
Webデザインの学習を進めて
実際に就職・転職を成功させるためには、
色々なことをコツコツと取り組む必要があります。
そんな中で、
アドバイスとして言える事は、
・ポートフォリオは作っておきましょう
・IT業界に関して把握しておきましょう
・転職エージェントもうまく活用していきましょう
という事です。
これらに関する記事も読んで頂き、
就職・転職がうまくいくように取り組んでいきましょう。
【初心者向け】未経験からWebエンジニアへの転職を目指す時に作るポートフォリオ作成の悩みに関して
【担当者向け】フロー図や設計書などで使うと便利なdraw.ioを社内資料作成に使うことをオススメする理由
未経験からIT部署の担当者になった方や、
エンジニアが少なく、社内SEなどをされている方など、
社内資料などを作成するツールを探している
という方は多いと思います。
実際に資料作成を考えた時に、
表形式の資料は、Excelやスプレッドシートで作れば良いのだけれど、フロー図や画面設計書などを作る時に良いツールはないかなぁ。
という悩んでいる方は多いです。
そんな担当者の方には、
「draw.io」と呼ばれる描画ツール
が使いやすいのでオススメしています。
【担当者向け】フロー図や設計書などで使うと便利なdraw.ioを社内資料作成に使うことをオススメする理由
シンプルで使いやすい
draw.ioは、
・使える要素を選ぶエリア
・要素を使ってレイアウトを作るエリア
・要素の設定を行うエリア
の3つに別れており、
それをまとめてみながら、
レイアウトを作ることができます。
具体的には、

このように3つのエリアが並んでおり、
非常に使いやすいツールになっています。
Google ドライブ内で管理できる
Google ドライブの中では、
・Google スプレッドシート
・Google ドキュメント
・Google スライド
など、
Google のアプリに関しては、
管理することが可能です。
この記事でオススメしているdraw.ioに関しても
draw.ioのファイルもGoogleドライブで管理できる
というメリットがあります。
Google ドライブの中で、

このようにdraw.ioのファイルを
他のGoogle スプレッドシートなどと同じように
Googleドライブ内で管理することができます。
この点は、管理する上で非常に便利で、
・それぞれの社員が必要に応じてdraw.ioのファイルを作成できる
・作成したdraw.ioのファイルをGoogleドライブ内で共有設定できる
という使い方ができるので、
非常に便利に使うことができます。
使用するレイアウト要素は追加できる
フロー図や画面設計書などのレイアウトを作る中で、
必要なレイアウトの要素はたくさんあると良いな。
欲しいレイアウトの要素など、
簡単に追加できたりすると便利だけどな。
という悩みを持つことは多いです。
この悩みに関して、
draw.ioは非常に便利に、
レイアウト作成するための要素を追加することができます。
例えば、
Bootstrapのレイアウトの要素も

このように
必要に応じてチェックボックスでオンにすることで
必要なレイアウト要素として追加することができます。
追加できるレイアウトの要素の種類も多く、
フロー図や画面設計書を作る上で困ることはない
ということが言えます。
非常にレイアウト要素が多くて使いやすいので、
ぜひ、draw.ioを使ってみましょう。
Googleドライブ内で使うまでのステップを簡単に紹介
Googleドライブで使えるようにする
Googleドライブで右クリックすると、
メニューが出るので、
その中の「その他」の「アプリを追加」

を選択してください。
そして、
開いた画面で「draw.io」を検索すると

このようにdraw.ioが見つかります。
この中の

追加するアイコンをクリックすると、

このようにインストールする画面になるので、
「インストール」を押してインストールしてください。
途中で、Googleアカウントの承認が必要ですが、
流れに沿って承認して進んでください。
それが終われば、
Googleドライブ内でdraw.ioが使用可能になります。
draw.ioのファイルを作成する
Googleドライブにdraw.ioを使えるように、
アプリのインストールという形で、
インストールが完了できれば、
draw.ioをGoogleドライブ内で使うことができます。
使うときは、
右クリックした時に、

この中の「その他」の「diagrams.net」を選択。
すると、

このように
draw.ioのファイルの新規作成に進むので、
ファイル名を変更して、作成してみましょう。
これでdraw.ioのファイルを作れました。
あとは、少しずつでも使って、
フロー図や画面設計書などの作成に活用していきましょう。
担当者にオススメの記事
この記事を読んで頂いている社内SEの方や
システム部門の担当者、未経験から担当者になった方など、
そのような方には、
リモートワークが普及する中で必要な能力は何か
という観点で、
以下の記事を参考にしてください。
【現場エンジニアが語る】リモートワークでWebエンジニアがこれから必要になる能力
【担当者向け】社内のタスクを管理するなら、便利な機能がたくさんあるBacklogがオススメな理由
担当者におすすめのサービス
Backlog(バックログ)

担当者におすすめのサービスとして、
今回紹介したdraw.ioを使って作ったフロー図などを、
画像ファイルなどで保存したりする中で、
ファイルのリンクや詳細などを管理する上で、
このBacklog(バックログ)は非常に便利なのでおすすめです。
【初心者向け】プログラミング学習で学ぶ言語でどのMac Bookを選ぶか決めよう
初心者がプログラミング学習を始めるとき、
パソコンを新しく買って学習を始めたい
という人が多いです。
そんな人の中で、
Macを買うことは決めたのだが、どれを選ぼうかな
という悩みを持ち、
どのMacを選ぶかを決めきれずにいる方がいます。
そんな方に向けては、
どのようにMac製品を選べば良いのかという点に関して
自分が学習したいプログラミング言語で決めると良いです。
・HTML/CSS/javaScriptを学習 → MacBook Air
・PHP/Ruby/Python/Javaを学習 → MacBook Pro
をオススメします。
と伝えています。
この記事のまとめ
- プログラミング学習をするときに、
- Mac Bookを使うことは、
- Web系では特に、現場でもMacを使うことも多いので、
- 学習の段階からMac製品を使うことがおすすめです。
- そんなMac製品では、持ち運びなども含めて、
- Mac Bookシリーズが一番、使い勝手が良いので、
- どれを買うか迷う方にはおすすめできます。
- そんなMac Bookのシリーズでどれを買うかを選ぶとき、
- 「どのプログラミング言語を学習するのか」
- ということを考えて、製品を選ぶと良いでしょう。
- HTML/CSS/javaScriptなら、Mac Book Air。
- Photoshop/illustratorなら、Mac Book Pro。
- PHP/Java/Ruby/Pythonなら、Mac Book Pro。
- 金銭的余裕があり、長期で使いたいならMac Book Pro。
- という感じで、用途で買うものを変えると良いでしょう。
プログラミング学習を始めようとしてる初心者に向けて
学びたいと考えているプログラミング言語で、
どのようにMac製品を選べば良いのかを解説します。
【初心者向け】プログラミング学習で学ぶ言語でどのMac Bookを選ぶか決めよう
HTML/CSS/javaScriptの学習であれば、MacBook Airがオススメ

プログラミング学習を考えている初心者の中で、
HTML/CSS/javaScript
の学習を考えている初心者の方には、
MacBook Airのシリーズ
をオススメしています。
これは、
HTML/CSS/javaScriptの実行自体は、
Webブラウザで確認でき、
そこまでパソコンのスペックを必要としないから
ということが理由です。
学習を始めようと考えた時に、
プログラミング学習は
HTML/CSS/javaScriptなど、Webデザインと呼ばれる学習を始めよう。
ただ、今、持っているパソコンは、重たいので、新しいノートパソコンが欲しいな。
という方は、
このMacBook Airシリーズがオススメです。
ただし、
このHTML/CSS/javaScriptなどの
Webデザインの学習を始めたいと考えている方に
注意点として前もって考えてもらいたいのが、
画像やバナーなどの加工まで学習することも考えており、Photoshop/illustratorを使うかもしれない
という方は、
MacBook Proを買うことを検討した方が良いです。
以下の記事に、Photoshop / illustratorなどを使う方が、
なぜ、MacBook Proを買った方が良いかを説明しています。
プログラミング初心者がパソコンを検討する際の選び方(Mac編)
PHP/Ruby/Java/Pythonの学習であれば、Macbook Proがオススメ

初心者の方の中で、
プログラミング学習を始めようと考えた時に、
・PHP / Laravel
・Ruby / Ruby on Rails
・Java / Ktlin
・Python / Django
・Swift
などを学習することを検討されている方には、
将来、スペックが必要になることがあるので、MacBook Proがオススメ
であると回答しています。
学習段階で、自分自身のパソコンで何か処理を動かしたりしますが、
HTML/CSS/javaScriptなどに比べて、
上記にあげたプログラミング言語は、
処理のボリュームも大きくなり、
その分、パソコンのスペックが低いと時間が多くかかります。
そのため、
自分自身のパソコンのスペックが低いこと自体がストレスになってしまう
ということがあるので、
このような、
MacBook Proを選ぶことをオススメしています。
ちなみに、学習のためなので、
中古で購入するということも検討すると良いです。
金銭的に余裕があれば、MacBook Proを買おう
プログラミング学習されている方の中で、
社会人として働いており、
金銭的にも多少、スペックの高いものを検討されている方には、
HTML/CSS/javaScriptの学習を考えている場合でも、
金銭的な余裕があれば、スペックの高いMacBook Proを購入する
ということをオススメしています。
これは、
プログラミングの学習を始めようとする初期段階は、
HTML/CSS/javaScriptだけ、学習をすることを考えているから、もう少し、お金を出して、MacBook Proを買うこともできるけど、MacBook Airにしておこう。
と考えて、Mac Book Airを買う方もいます。
自分自身が、プログラミング学習を進めて、
学びたいプログラミング言語が大きく変わる
ということもあります。
そこまで、
大きく学びたいプログラミング言語が変わることは
多くはありませんが、
学習を始めてみたら、やっぱり、Rubyというプログラミング言語の学習をしたくなっちゃった。
けど、MacBook Airだと、処理が遅いなぁ。
という事になるよりも、
金銭的に余裕があれば、
このような、MacBook Proを買っておいた方が、
将来的にプログラミング学習をステップアップするにも良いでしょう。
パソコン購入後にプログラミングを始める時は、Visual Studio Codeがオススメ
初心者のみなさんが、
プログラミング学習のために、
Mac製品を購入して、学習を始めようとする時に、
はじめに使う事になるツールとしては、
エディタ(プログラムのソースを開いて編集するもの)
を使うことになります。
そんなエディタですが、
使いやすさや現場での導入の度合いも含めて、
「Visual Studio Code」というエディタをオススメします。
シンプルなエディタですが、
プログラミングのソースを色をつけて分かりやすくするなど、
基本的なエディタとしての機能は揃えているので、
非常にオススメなので、是非、1度、使ってみてください。
このVisual Studio Codeがなぜ、オススメなのかは、
こちらの記事に書いているので、参考にしてください。
Webプログラミングを始める時のオススメのエディタは「Visual Studio Code」
未経験からエンジニアへの就職・転職を目指す初心者にオススメの記事
初心者の方が
プログラミング学習を進めて
実際に就職・転職を成功させるためには、
色々なことをコツコツと取り組む必要があります。
そんな中で、
アドバイスとして言える事は、
・ポートフォリオは作っておきましょう
・エンジニアの職種の違いなど、IT業界に関して把握しておきましょう
・転職エージェントもうまく活用していきましょう
という事です。
これらに関する記事も読んで頂き、
就職・転職がうまくいくように取り組んでいきましょう。
【初心者向け】未経験からWebエンジニアへの転職を目指す時に作るポートフォリオ作成の悩みに関して
エンジニアへの就職・転職後のスキル不足を心配する理由と対策
初心者の方が
未経験からエンジニアへの就職・転職を目指して
自分なりに独学でプログラミングの学習を行ったり、
プログラミングスクールで学習するなど、
実際に内定をもらうまでに、
基本的なプログラミングスキルの取得に力を入れる
ということが一般的です。
そんな中で、
未経験からエンジニアへの内定が決まった方から
質問が多いのが、
内定もらって、頑張っていこうと思っているのですが、
本当に今のスキルでやっていけるでしょうか。
という転職後のスキル不足にかんする質問です。
この質問に関しては、
内定を出している企業の多くが、面接の段階でプログラミングの学習内容を聞いています。
未経験の人には、入社後すぐに、バリバリやってもらうことは期待しておらず、少しずつ身につけてもらうことを考えていることが多いです。
そのため、転職後のスキル不足を今の時点で心配する必要はありません。
という回答をしています。
そして、
さらに踏み込んだアドバイスとしては、
内定から、実際に入社までの時間がある場合は、
・実際に業務で使うスキルやツール
・事前に把握しておいた方が良いこと
などを内定先に確認して、
入社までに取り組むことでスキル不足の不安を少しでも解消できるように取り組みましょう。
というアドバイスを行っています。
この辺りの、初心者の方が、
未経験からエンジニアに就職・転職をする際に、
働き始めてからのスキル不足への不安に関して、
どのように考えた方が良いのか、
不安を少しでも減らすためにどのようにしたら良いのかを
この記事で説明していきます。
エンジニアへの転職後のスキル不足を心配する理由
現場で求められるレベル感がわからない
初心者の方が、プログラミング学習を進めて、
未経験からエンジニアへの就職・転職を実現した時、
実際に現場に入った時に本当にやっていけるのか
という不安を持つ方は多いです。
そんな不安に関しては、
現場で求められるレベル感がわからないから不安になっている
ということが理由として挙げられます。
この点に関しては、
初心者の方が未経験からエンジニアに就職・転職した際は、
即戦力として期待されていることは、
正直に言って少なく、
現場のエンジニアから見た時、
新しく入ってくる人、
・プログラミングの処理の流れが読める
・自分で調べながら、解決に導ける
あたりが、少しでも身についている人なら嬉しいな
このように、
基本的なプログラミングに関する取り組みができるか
という点が重要だと考えています。
これらを踏まえて、現実的なことをいうと、
現場で求められるレベル感は、学習してきた時よりも数段、高いレベル感
であることが多いと言えます。
しかし、
未経験の方に関しては、
この現場のレベル感については、
コツコツと現場レベルで必要なスキルを身につけて、現場で求められるレベルまで自分を高めようとすること
が大切であると考えておきましょう。
また、
現場で求められるレベル感に関して質問を受けたとき、
未経験で入社される方にアドバイスとして言っているのは、
未経験の人は、現場に入ったタイミングで、現場で求められるレベル感に達していることは、あまり期待されていません。
しかし、プログラミングを行う上での基本となる
・自分でプログラミングの処理の流れを追えること
・わからないことを自分で調べて解決に導こうとすること
など、自分で取り組む姿勢は、現場に入る前に身に付けるようにしましょう。
ということです。
あまり不安になり過ぎないようにしながらも、
エンジニアとしての取り組み方は意識しながら、
プログラミング学習をコツコツと続けていきましょう。
自分が学習したスキルと現場で使うスキルのマッチングの度合いがわからない
実際の現場のレベル感に関しては、
未経験の方は入ってからコツコツと必要なスキルを身につけ、
現場で求められるレベル感まで、
自分自身を成長させていくことが求められます。
そのため、現場のレベル感に関しては、
そこまで不安になりすぎることは必要がありませんが、
事前に何か未経験の初心者でも取り組めることはないのか
という点は考えて、自分なりに取り組むことは重要です。
この事前に未経験の方が現場に入る前に取り組めることは、
内定先の企業に現場で求められるスキルやツールを教えてもらう
ということをオススメしています。
内定先の企業に
私が働く実際の現場で使われるスキルや言語を詳しく教えていただきたいです。
ということを聞いてみてください。
すると、
未経験の方が働く現場が決まっていれば、
働いてもらうことを考えている現場は、
・プログラミング言語は〇〇
・フレームワークは〇〇
・開発ツールは〇〇
を使っていますね。
あと、共有ツールは〇〇、バージョン管理などは〇〇をつかっているので、現場に入る前に、少しでも把握してもらうと良いかもしれませんね。
ということを教えてくれることが多いです。
現場で求められるレベルまで、
未経験の方がスキルを高めることは難しいですが、
現場で使われるスキルやツールを具体的に知っておくことが重要
であることを理解しておきましょう。
このように現場で使われるスキルなどを
具体的に知っておくことで、
不安を和らげることにも繋がるので、
企業先に聞いてみるようにしましょう。
スキル不足の心配を減らすために現場に入る前にやっておきたいこと
少しでも現場と同じスキルやツールを使ってみる
未経験でエンジニアに就職・転職される方が、
少しでも現場に入るときの不安をなくすためにも
現場で使われるスキルやツールを具体的に知っておくことが重要
であることを説明しました。
この現場で使われるスキルやツールを知った上で、
内定をもらってから、現場に実際に入る前に
自分自身で使われるスキルやツールを少しでも試しておく
ということをオススメします。
実際に事前に少しでも試しておくことで、
現場に入って、
初めてだから難しいかもしれないけど、
〇〇というツールで、△△をやってみて。
という形で業務を依頼された時に、
あ、これ、自分で試していた〇〇というツールのやり方と同じだ。
同じようにやってみたら、うまくいくかもしれないから試してみよう。
このように、スキルやツールの使い方などは、
試したことが実際に現場でも使われていることがあるので、
事前に自分自身で試しておくことが良い方向に繋がります。
この取り組みをすることで、
・自分自身のスキル不足での現場に入る時の不安を少しでも和らげる
・現場に入った時に、自分自身で試していたことが役に立つ
というメリットがあるので、
内定してから、現場に入るまでに時間があるようなら、
少しでも取り組んでおきましょう。
エンジニアへの就職・転職を目指す未経験の方にオススメの記事
未経験の方で
エンジニアへの就職・転職を目指している方は
スキルに関することや、
IT業界に関することを得た方が良いと思っています。
このブログでも
エンジニアへの就職・転職に関して
初心者向けの記事を書いているので、
参考に読んでみてください
【初心者向け】就職・転職に向けてエンジニアの職種の種類を理解しておこう
未経験からエンジニアへの転職は年齢も意識すべき理由
未経験からエンジニアを目指して
プログラミング学習をする方は多いです。
そんな中で、
年齢って何歳まで大丈夫なのでしょうか…
という質問をよく受けます。
そんな年齢に関してですが、
IT業界の企業の年齢への捉え方や、
実際の採用する側から見たときの、
年齢に対する意識などを説明します。
SES、ベンチャーなど、
IT業界の企業といっても
それぞれの企業によって違いはあり、
年齢に対する捉え方も違います。
ただ、
企業側がどのように捉えているかを知ることで
未経験からエンジニアへの就職・転職を目指すときに
実際に応募する企業を判断しやすくなります。
最終的には、
その採用している企業が欲しい人材に
マッチしていることがアピールできるかどうかですが、
IT業界内でも、年齢に対して、
どのように捉えられているかを知り、
未経験からのエンジニアへの就職・転職に生かしましょう。
未経験からエンジニアへの転職は年齢も意識すべき理由
IT業界は年齢に対する意識は、他業界よりも比較的、低いことが多い
未経験からIT業界にチャレンジしようと考え、
プログラミング学習を進めている方は多いです。
そして、
エンジニアへの就職・転職を目指して
実際に転職サイトなどで、
応募して転職活動に取り組んでいると思います。
そんなとき、
IT業界の応募募集としては、
「〇〇歳までの方を募集」
という記述よりも
「未経験で意欲のある方募集」の記載が多い
ということがあります。
これを初心者の方は
年齢って何歳まで大丈夫なのでしょうか…
と感じてしまうことが多いのですが、
IT業界は、年齢も多少は意識するが、それよりもITリテラシーやスキルを重視する
ということがあります。
そのため、
IT業界にチャレンジする時に
プログラミング学習などを行って、
ITリテラシーを高めたり、
スキルを身に付けることが
そのまま、就職・転職に繋がりやすいのです。
大企業は、年齢構成を把握、調整するので、20代や30代が転職しやすい
メーカーやIT企業の大手などでは、
エンジニアの年齢分布も多少、気にすることがあります。
これは、
実作業をしているエンジニアは
そこまで意識しませんが、
エンジニアをまとめているリーダークラスや
他の管理職、人事も含めて、
その会社の採用方針を決めていく上で、
重要視される事項でもあるからです。
大企業が年齢分布をなぜ、気にするかというと、
将来的な退職などを考えた時に、
同じ年代だけに集中することがリスクと考える
からです。
そして、
メーカーなどの大企業は、30半ば〜40代の管理できる人材はいるが、その下のメンバーが不足している
という実情があります。
そのため、
30半ば〜40代の人材は多いから
20代や30代前半の人材を獲得しよう
と考えて募集することが多いです。
特に未経験での募集については、
この傾向が強く、
30代半ば〜40代の人材は、
すでに会社内にいるので必要ない
ということが多いので難しいことが多いです。
中小企業は年齢よりは、求めているスキルへのマッチング度合いで20代、30代、40代を採用する
中小企業に関しては、
実際に採用を行っても
なかなか、応募してこないなぁ
ということがあります。
また、
未経験として募集している人材のイメージと
応募してくる未経験の方の学習内容が合っていない
ということが多いです。
欲しい人材がいても、
未経験から入社を目指す初心者の方が、
学習している内容が違うと、
なかなか、採用に踏み切ることができません。
未経験を採用しようとしている時点で、
即戦力としての期待は、正直、持っていないので、
求める人材像のスキルと学習しているスキルがマッチしている
ということを重視して採用に踏み切ることが多いです。
そのため、
未経験から就職・転職を目指す時は、
求人募集の求められている人物像のスキルと
自分が学習しているスキルの方向性が会う企業に
応募するようにすると良いでしょう。
ベンチャー企業は年齢が若い人が多く、40代以降は、管理する上で年上すぎると大変なイメージにより敬遠されやすい
ベンチャー企業に関しては、
20代や30代前半のメンバーが多く、
全体を管轄する管理職の社員も、
その年代で占めることが多いです。
そのような状況の中で、
ベンチャー企業が未経験の募集をするときは、
未経験なので、即戦力とは思っておらず、今後の成長を見込んだ上で、メンバーにしたいと思える人材を採用する
という傾向が非常に強いです。
この点に関しては、
・未経験のメンバーを採用
・即戦力のメンバーを採用
について、
ベンチャー企業は大きく違います。
ベンチャー企業は人数が少ないことが多く、
即戦力の採用の場合は、
メンバーを管理できる管理職として
採用を目指すことが多いです。
一方で、未経験の採用の場合は、
若くて、成長しながら長く働いてくれるメンバーを撮りたい
ということがあるので、
これらを考えると、
ベンチャー企業は、未経験から目指す時に
若い方が採用されることが多いです。
もっとも年齢を気にしないのが、SESという現実
ここまで、
・大企業が未経験を採用する場合
・中小企業が未経験を採用する場合
・ベンチャー企業が未経験を採用する場合
をそれぞれ、説明してきました。
これらに関しては、
それぞれの会社で「自社内」で業務を行うことを想定している
ということがありますが、
SESに関しては、出向という形で、「自社内」ではなく「出向先」で業務を行う
という点が違います。
このSESに関しては、
IT業界に未経験から就職・転職を目指す時に、
SESは、他の自社内開発の企業などよりも、年齢を気にせず、採用することが多い
ということがあります。
これは、
出向先の企業側が受け入れてくれる人材であれば、年齢を問わず採用する
という考え方が根本にあるからです。
未経験の方から考えると、
とりあえず、IT業界に入って、業界の経験年数を増やしたいな。
何年か経ったら、もっと良い企業に転職を目指そう。
という考えを持つ方であれば、
SESの企業への就職・転職を
選択肢として取り入れることをオススメします。
未経験からエンジニア転職を目指すなら転職エージェントを活用すべき
ここまで、
年齢への捉え方が、企業によって、
どのように違うかを説明しました。
実際に、初心者の方が、
プログラミング学習を進めて
未経験からIT業界への就職・転職を目指すのであれば、
転職エージェントを活用してIT業界のことを知る
ということが1番、有効です。
転職エージェントは、
リアルタイムの求人情報や募集企業の担当者の意向など
様々なことを把握しているため、
自分の学習状況や就職・転職を目指す企業の選定
などをサポートしてくれるので、
エンジニアへの就職・転職の成功に繋がりやすくなります。
まずは、
自分なりにプログラミングの学習や情報収拾するのは大切ですが、
転職エージェントもうまく活用してみましょう。
オススメNo.1のエージェントを確認する
エンジニアへの就職・転職を目指す未経験の方にオススメの記事
未経験の方で
エンジニアへの就職・転職を目指している方は
スキルに関することや、
IT業界に関することを得た方が良いと思っています。
このブログでも
エンジニアへの就職・転職に関して
初心者向けの記事を書いているので、
参考に読んでみてください
【初心者向け】就職・転職に向けてエンジニアの職種の種類を理解しておこう
エンジニア転職でネットワークの知識が重宝される理由
エンジニアの転職において、
色々なプログラミング言語や学習経験など
採用する側にとっては
気になることがあって質問をしていきます。
そんな中で、
今まで、サイトの管理やサーバの管理など、
ネットワーク関連を自分なりにやってみたり、
任せられたことなどあるかな?
という形で質問することがあります。
特に、そこまで規模が大きくない企業や
1人のエンジニアが様々な業務を行っている企業などでは
ネットワークに関する知識を持っていると
より魅力的な人材に見えることがあります。
この記事では、
この「ネットワーク」に関する知識が、
エンジニアへの就職・転職の活動において、
どのように、採用する側に見えるのか、
役に立つのかを説明します。
エンジニア転職でネットワークの知識が重宝される理由
同じようなスキルの人の応募が多い時に、「ネットワーク」の知識が1番の違いになる
会社内のエンジニアを増やしたい時に
エンジニアの募集をかけると
思ったよりも応募が多く、似たようなスキルの人が増える
ということが多いです。
実際に採用する企業の中にいると、
転職サイトで募集開始したら、
応募してくれる人がすごく増えましたね
応募してくれる人は増えたんだけどね
うーん…
同じようなスキルの人が多いんだよね…
あ、それなら、
1人だけ、個人で「ネットワーク」に関して
サイトを公開してみたり、学習している人がいましたよ
このような流れで会話していることがあります。
ちなみに
応募書類の段階でどの人を落として
どの人を次の面接に来てもらうかを考える時に
同じようなスキルの人は年齢や経験などで絞っている
いわゆる、足切りというやつですね。
企業側も全ての人を次の採用ステップに進めると時間が足らない
ということがあるので、
仕方なく、このようにしていることが多いです。
そんな中で
他の人とは違って「ネットワーク」の知識を持っている方は、
ちょっと気になるので、採用の次のステップに進める
ということを行います。
エンジニア の就職・転職において、
実際の面接など、次の採用ステップに進むかどうかは
人とは違うちょっとした知識の違いにもよるので、
「ネットワーク」を学習しているのであれば、
履歴書・職務経歴書のどこかに
わかりやすく
「〇〇のサイト構築や公開を実際に試しています」
など、書いておくと採用する側が気づけば、
他の人との違いと認識するのできちんと書いておきましょう。
「ネットワーク」の知識があることで、プログラミング以外の基本的なITリテラシーがあるイメージを持たれて好印象
採用していく中で、
特に未経験でエンジニア の就職・転職の採用で
入社してくる方に多いのですが、
プログラミングスキル以外の、
入社してもらったら基本的なITリテラシーが無くて困った
という経験が採用側によくあります。
今はプログラミングスクールや独学での学習など、
プログラミングスキルに関してのスキルは、
基本的な部分は、抑えた人を採用することができます。
しかし、
実際の業務をするために、
・パソコンのネットワークの設定
・必要なデータのサーバ等へのアップロード
など、
採用する側からみた時に
パソコン操作も含めた基本的なITリテラシーは
持っておいて欲しいと考えます。
その際に
企業側が判断する方法として、
「ネットワーク」に関する知識や経験でITリテラシーを判断する
という方法です。
面談の場で、
プログラミング学習以外で、サイトを作ったり、
パソコンを使ってデータのアップロードするなど、
自分自身で何か取り組んだり、試したことはありますか?
のような聞き方で、
プログラミング以外の基本的なITリテラシーがあるかな
ということを探ることが多いです。
このような質問に対して、
自分なりに試したことなどを答えられると、
採用する側に与える印象が大きく向上するので
ネットワークに関する知識を得るために
ちょっとしたことでも良いので、取り組んでおくと良いでしょう。
企業で開発しているシステムが「ネットワーク」の知識が根底として必要であることがある
採用する企業側として
未経験でもプログラミング学習している人を採用する
ということはよくあります。
そんな未経験の人を採用する時に、
開発しているシステムでネットワークの理解が根底で必要
ということがあります。
この場合、
未経験の人には、即戦力レベルのネットワーク知識までは求めていない
ということが多いです。
しかし、
入社後にネットワークへの知識を教えていくために
ネットワーク上で何かをすることに抵抗がない人が欲しい
という希望はあります。
ですので、面接の場で
いつも、パソコンを使って、
インターネット上の情報収拾や、他のサービスなど
どれくらい使っていますか?
このような質問で、
その人が、どれくらい「ネットワーク」の知識などに
抵抗がないのかをみていることがあります。
日常的に、色々なサービスを使ってみたり、
情報を収集したりするなど、
「いつもYoutubeみています」
以外で、何か取り組んでいると印象が違うので、
少しずつでも取り組んでおきましょう。
社内のエンジニアの数が少なく、ゆくゆくは社内のパソコンや会社のサイト・サーバの管理を任せたいと考えている
採用する側から考えた時に
採用するエンジニアには、様々な業務を任せられるのが理想
という考えがあります。
企業の中には、
自社のサイトの開発・運用などを
色々なものを外注で自社管理できていない企業
というのも多いです。
その際、
ネットワークに関する知識や経験があると
自社のサイトとか、今、外注に全て任せているのを
自社のエンジニアで開発・運用したいから、
この人なら、将来的にできるかもしれない
という考えを持って実際に採用することがあります。
採用する企業側は、
その人に将来的に任せたいことなども考えて採用する
ということが多いので、
その点でもネットワークの知識や経験があると
エンジニアへの就職・転職につながりやすくなるので、
ネットワークに関する学習も行ってみることをオススメします。
ネットワークの学習を行うなら、ネットワークエンジニアを目指すのもあり

未経験からエンジニアへの就職・転職を目指す時に
プログラミング学習もしながら、ネットワークの勉強は難しい
と感じる方も多いと思います。
そんな方には
「ネットワークエンジニア」
という職種で
エンジニアデビューを目指すこともオススメします。
ネットワークエンジニアとして働くことで、
ネットワークに関する知識をより深められるので、
ネットワークに詳しいエンジニアとしての
立ち位置を得ることができるのでオススメです。
エンジニアへの転職を目指す「超」初心者には、手厚いサポートの「ネットビジョンアカデミー」でネットワークエンジニアを目指すこともオススメ。
ネットビジョンアカデミーはこちら
エンジニアへの就職・転職を目指す未経験の方にオススメの記事
未経験の方で
エンジニアへの就職・転職を目指している方は
スキルに関することや、
IT業界に関することを得た方が良いと思っています。
このブログでも
エンジニアへの就職・転職に関して
初心者向けの記事を書いているので、
参考に読んでみてください
【初心者向け】就職・転職に向けてエンジニアの職種の種類を理解しておこう
初心者からエンジニアへの就職や転職を成功に導くために注意したいこと
初心者の方が
プログラミング学習を進めて
就職・転職を目指すために活動を始めた時、
エンジニアへの就職・転職が「うまくいく」人
エンジニアへの就職・転職が「うまくいかない」人
に分かれることが多いです。
そして
就職・転職において企業側で面接官をしてきた中で、
エンジニアへの就職・転職が
「うまくいく人」は、複数社の内定が続けてもらえる事が多い
という傾向があり、
また、逆に
「うまくいかない人」は、何度、応募しても内定がもらえない事が多い
という傾向もあります。
面接官をしてきた中で、
「採用した人」と「採用しなかった人」の違いなど、
実際に私が面接官で判断したことなども踏まえて、
初心者の皆さんに、
エンジニアへの就職・転職で成功するために
取り組むべきこと、注意すべきことなどを説明します。
初心者からエンジニアへの就職や転職を成功に導くために注意したいこと
エンジニアになる理由と応募理由が明確である
プログラミング学習を続けてきて、
実際にエンジニアへの就職・転職に取り組んだ時に、
・なぜ、エンジニアという職種を選んだのか
・なぜ、この会社のエンジニアを選んだのか
この2点に関して
自分なりの言葉で、
しっかりと説明できるかということは重要です。
例えば、
なぜ、あなたは弊社のエンジニアを志望しているのですか?
という質問は、
エンジニアへの就職・転職を目指す際に
非常によく聞かれる質問の1つです。
この質問に対して、
プログラミングスクールに通う中で、
エンジニアを募集している御社を見つけたので、
応募させて頂きました。
と答えてしまう方がいますが、
面接官をしている側からみると、
エンジニアへの就職・転職を目指す初心者の方に
聞きたいこと、答えて欲しいことは、
・そもそも、なぜ、プログラミング学習を始めたのか
・プログラミング学習を進めて、なぜ、数ある会社の中で弊社なのか
ということです。
それらを考えると、
例えば、こういうやり取りができると良いですね。
なぜ、あなたは弊社のエンジニアを志望しているのですか?
自分で手を動かしながら、何かを作れるスキルを身につけるために、プログラミング学習を始めました。
その中で、HTML/CSS/javaScript/Vue.jsの学習を進めており、そのスキルが、御社で募集しているフロントエンジニアで活かせ、より成長できると考えて応募しました。
また、御社のフロントエンジニアなら〜
このような流れで、
うまく自分なりの言葉で、
プログラミング学習を始めた経緯や学習してきた内容、
そして、なぜ、その会社のエンジニアを目指しているのかまで、
話を繋げられるようにできると良いです。
この辺りは、
いきなり聞かれて答えるのが難しい人もいると思いますので、
・自分がプログラミング学習を始めた理由
・自分がプログラミング学習をしてきた内容
・志望した会社のエンジニアなら、自分がどう成長するのか
ということを時間がある時に、
じっくりと考えておくと良いでしょう。
プログラミング学習内容と応募している企業の業務内容がリンクしている
「未経験可」という応募に、
初心者の方が
「とりあえず応募してみよう」
「未経験可」だから、とりあえず応募してみようかな
と考える気持ちもわかります。
しかし、
実際に採用する企業側から考えると、
ん?なんで、このプログラミング学習内容で、
弊社に応募してきたのかな?
と捉えることが多いです。
この点に関しては、
実際のプログラミング学習した内容に関して、
・HTML / CSS
・javaScript / jQuery
・Vue.js / React
などを、
すべては必要無いので、
どれかプログラミング学習でやっているのであれば、
エンジニアの中でも「フロントエンジニア」
への応募は企業側から見ても納得できるものです。
また、
初心者の皆さんが、
・PHP / Laravel
・Ruby / Ruby on Rails
などを学習しているのであれば、
エンジニアの中でも「バックエンドエンジニア」
への応募は企業側から見ても納得できます。
この辺りは、
求人の募集として

このように、
「未経験も可」や「意欲重視」などが書かれている募集などは
注意して募集詳細などチェックするようにしましょう。
上記の例だと、
自社ECサイトを支える【フロントエンドエンジニア】
と「フロントエンドエンジニア」の文言があるので、
HTML / CSS / javaScript /jQuery / Vue.js / Reactなどを
学習しているのであれば、
企業側が求めている人材に近い可能性があります。
このように求人を見る際は、
企業側が求めている人材が学習しておくべきスキルは何かな?
という観点でチェックすると、
自分がプログラミング学習で取り組んだスキルが生かせる会社なのか
という点が見えてくるので、
そのような観点でチェックするようにしましょう。
ポートフォリオが用意され、内容を自分の言葉で説明できる
プログラミング学習を始めて
初心者の方が就職・転職に向けて活動をする際に、
ポートフォリオによって印象が大きく変わる
ということがあります。
そして、
今は、プログラミングスクールでも、
プログラミング学習の中で、ポートフォリオの作成は必ず行う
と言えるほど、
就職・転職で面接に訪れる方は、
ポートフォリオを準備しています。
以前は、
ポートフォリオがあることが1つのアピールでしたが、
ほとんどの人がポートフォリオを作って、
就職・転職時のアピール材料に使うため、
ポートフォリオを使ってどのようにアピールするのか
という点が重要になっています。
このポートフォリオのアピールに関して、
プログラミングスクールに通って、
ポートフォリオを完成させた方の中に多く、
残念に感じてしまうのが、
自分のポートフォリオを自分の言葉で説明できない
ということです。
例えば、
このポートフォリオですが、
・作ったポートフォリオの概要、機能
・使ったライブラリなど
・どのような処理を実装しているか
などを説明してもらえますか
〇〇というプログラミングスクールで、
決まったテンプレートを使いながら、
教えてもらったライブラリをインストールして、
何とか動くところまで作ることができました。
というやり取りになってしまうと、
面接官をしている側から見ると、
ポートフォリオは形になっているけど、何も身に付いていない
と感じます。
このポートフォリオを自分自身の言葉で説明できるかどうかは、
実際に入社した後、業務を任せた際に
自分自身で考え、理解して成長してもらえるかどうか
という点が、面接官側にとっては、
非常に気になってしまうところです。
せっかく、良いポートフォリオであっても、
うまく説明ができないと、
それが原因で採用側が、採用を躊躇することに繋がります。
そのため、
自分がプログラミング学習の中で作ったポートフォリオに関しては、
自分自身の言葉で説明できるように、
ポートフォリオに関して理解を深めておきましょう。
自分のプログラミング学習状況の把握ができている
プログラミング学習をしていく中で、
それぞれの言語の学習状況に対して、
自分自身が何を理解して、何の学習が進んでいないのか
という点はきちんと自分なりに把握しておくべきです。
例えば、
バックエンドで使用するPHPやRubyなどに関して、
・変数とは?
・定数とは?
・判定処理とは?
・繰り返し処理とは?
・オブジェクト指向とは?
・フレームワークとは?
など、
これ以外にも、データベースなど、
関連する内容を含めるともっとたくさんあります。
これらに関して、
自分がプログラミング学習の中で何を理解しているのか
ということが曖昧な方がいます。
特に、
面接官の側にたつと、
〇〇に関しては、
プログラミング学習の中で
やったような気がしますが、何とも言えないです。
という返答をされると、
「本当に学習ができているのかな」と不安になる
ということが起きます。
逆に、
学習していないことを、
嘘をついて知っているということも問題です。
さらに、
面接官が現場のエンジニアの場合、
「学習していない・学習したけど理解ができていない」が話の中でわかる
ということが多いです。
このような
自分が学習したことをきちんと把握して説明できること
は、業務の中でも、
報告してもらうことがあるので、
その辺りができるか、できないかを面接の中で判断しています。
ですので、
自分自身がプログラミング学習の中で、
何を学び、何を理解したのかを把握すること
を面接に行くまでには、自分なりに整理しておきましょう。
職務経歴書の記載が丁寧である
ここまで、
初心者の方が、
プログラミング学習を進めて
就職・転職をする中で、
「初心者からエンジニアへの就職や転職を成功に導くために注意したいこと」
を説明してきました。
そんな注意してほしいことですが、
社会人経験があって、
何かの業種で仕事していた経験がある人は、
「職務経歴書」の記載が丁寧に書かれているか
ということにも注意を向けておきましょう。
これは、
採用する側が、
応募してきた人の中で、迷っている人の比較に活用する
という事が理由です。
実際の採用する会社内のやり取りを例にすると、
募集の要件にあって、
良さそうな人が何人かいるんだけど、
ポートフォリオもそれぞれいい感じですね。
あとは、
今までの職務経験で比較しましょうか
そうですね。
職務経歴書をもう1度見て、
絞った人の中から選びましょう
という感じで、
たくさん来てくれた応募者の中から、
人数を絞って悩んだ時に、
ポートフォリオ以外では職務経歴書を重視します。
ここで1つ把握しておいてほしいのが、
大手メーカーなどで、学歴を重視するなら履歴書の経歴は見る
という事がありますが、
学歴を重視しないのであれば、履歴書は意識的に見る事はない
と言えます。
この学歴を重視しない場合に、
履歴書は住所を確認するくらいには使いますが、
それ以外で何を元に、
応募して来た人の人物像や今までの経験を見るかと言えば、
それを見るのが「職務経歴書」なのです。
ポートフォリオが重要なのは事実ですが、
「職務経歴書」も見やすく、わかりやすい書類にしておく
という事も意識して取り組んでおきましょう。
この「職務経歴書」を見て判断するときは、
複数人で悩んでいる時が多いですが、
大きな採用する側の流れとして
1次判断:人事が応募者の人物や意欲を面接でチェック
↓
2次判断:現場がポートフォリオと職務経歴書をチェック
↓
最終判断:決裁者の面接でチェック
という流れが多く、
最初の1次判断は人事が対応する事が多く、
そこまで細かく職務経歴書をチェックするよりは、
人物像や意欲などをチェックする事が多いです。
この辺りは、
人事では、
・職務経歴が現場で活かせるか
・ポートフォリオで使われているスキル
などの判断が難しいからです。
その点、
現場のメンバーが判断する際、
ポートフォリオだけでは、
なかなか、判断できない事もあるので、
その際に職務経歴書を重要視することが多いです。
このように
実際の面接のフローの中で、
職務経歴書を重点的にチェックする事もあるので、
ポートフォリオだけでなく職務経歴書の作成にも
就職・転職を成功させるためにも力を入れておきましょう。
未経験からエンジニアへの就職・転職を目指す初心者にオススメの記事
初心者の方が
プログラミング学習を進めて
実際に就職・転職を成功させるためには、
色々なことをコツコツと取り組む必要があります。
そんな中で、
アドバイスとして言える事は、
・ポートフォリオは作っておきましょう
・エンジニアの職種の違いなど、IT業界に関して把握しておきましょう
・転職エージェントもうまく活用していきましょう
という事です。
これらに関する記事も読んで頂き、
就職・転職がうまくいくように取り組んでいきましょう。
【初心者向け】未経験からWebエンジニアへの転職を目指す時に作るポートフォリオ作成の悩みに関して
【初心者向け】就職・転職に向けてエンジニアの職種の種類を理解しておこう
初心者の方には、
IT業界に興味を持って、
就職・転職を目指す方は多いです。
そんな方と接する中で、
そもそも、IT業界内でのエンジニア の種類がよくわかりません。
「〇〇エンジニア 」というのがいくつもあり、
どのように違うのかを教えて欲しいです
ということを聞かれることが多いです。
この初心者の方が抱く、
そもそも、エンジニアの職種の種類がわからない
という点に関して、
この記事で説明していきます。
呼び方が違うだけで、
やっていることがほとんど同じこともありますし、
同じ職種でも、
企業によっては、細分化のために、
「〇〇エンジニア 」と分けていることもあるので、
その辺りも説明していければと思います。
この記事のまとめ
- エンジニアと言っても幅広く使われるので、
- 〇〇エンジニアという呼び名に関して、
- どのような種類があり、どのように違うのかを、
- まずは把握しておくことは、転職活動に向けた第1歩です。
- そんな〇〇エンジニアの種類を説明しながら、
- どのような点が、オススメのポイントなのか、
- 転職を目指す上で使ってみると良いサービスなどを、
- この記事では初心者向けに共有します。
細かな点まで理解する必要はありませんが、
どのような種類があって、
どのようなことをしているエンジニアなのか、
イメージを掴んだ上で、転職活動に入るようにしましょう。
【初心者向け】就職・転職に向けてエンジニアの職種の種類を理解しておこう
「Web」エンジニア
君はエンジニアとしては、
「〇〇エンジニア」とすると、何エンジニアなのかい?
自分は「Web」エンジニアですね。
HTML/CSS/javaScript/PHP/Ruby/Pythonなど、
必要に応じて対応していますね。
初心者の方も、
エンジニア の種類としてよく聞くことがるのが、
この
「Web」エンジニア
という職種です。
企業によって、
Webエンジニア として定義が多少違いますが、
一般的には、
ブラウザで表示するためのシステムを作るエンジニア
という意味で使われます。
使う技術としては、
HTML、CSS、javaScript、PHP、Ruby、Python
などを必要に応じて使います。
よく初心者の方が、
認識として間違ってしまうのが、
それなら、Webエンジニアならスマホアプリも作るのですか?
いえ、「Web」エンジニアなので、
スマホアプリは作ったりしません。
このようなスマホアプリの作成に関する認識です。
スマホアプリに関しては、
次で説明する
「アプリケーション」エンジニア
という職種で区別することが多いので、
Webエンジニアと違いを認識しておきましょう。
「アプリケーション」エンジニア とは?
君はエンジニアとしては、
「〇〇エンジニア」とすると、何エンジニアなのかい?
自分は「アプリケーション」エンジニアですね。
Java/Kotlin/Swiftなどを使って
スマホアプリを作っていますね。
初心者の方も、
先ほどのWebエンジニアと同じくらい、
エンジニア の種類としてよく聞くことがるのが、
この
「アプリケーション」エンジニア
と呼ばれる職種です。
このアプリケーション エンジニアは、
スマホアプリを作るエンジニア
という認識で使われることが多いです。
ただ、
ブラウザで動くシステムに関しても、
「アプリケーション」と呼ぶこともあるため、
企業によっては、
「スマホアプリ」を作るエンジニアのことを
「スマホ」アプリケーションエンジニア
そして、
「ブラウザで動くシステム」を作るエンジニアのことを
「Web」アプリケーションエンジニア
と呼んで区別することがあります。
また、
人数が少ないベンチャーなどでは、
アプリケーションエンジニアという職種で、
ブラウザ向けのシステムとスマホアプリの両方を
エンジニアとして取り組むことがあります。
この辺りの「アプリケーション」エンジニアは、
企業によって異なることが多いので、
求人の内容などは細かくチェックしましょう。
「社内」エンジニア (社内SE)とは?
君はエンジニアとしては、
「〇〇エンジニア」とすると、何エンジニアなのかい?
自分は「社内」エンジニアですね。
プログラミング言語にこだわらず、
社内のシステムに関わることは何でもやっています。
サービスなどを運営しているIT企業とは違って、
一般的な企業の中で、
システム部門などとして、
社内のシステム全般の面倒を見るエンジニアがいます。
それが、
社内エンジニア(社内SE)
と呼ばれるエンジニアです。
社内エンジニアよりも社内SEという呼び方の方が、
初心者の方には馴染みがあると思います。
社内エンジニアは、
本当に色々な企業の中にシステム部門として
働いている方が多く、
例えば、
- 半導体を作っている企業の中で働く社内エンジニア
- 教育サービスを提供している企業で働く社内エンジニア
- 教育機関、医療機関の中で働く社内エンジニア
など、
それぞれの業種の会社で働いている方がいます。
社内SEは働き方としても、
他の受託企業よりも柔軟に働きやすいので、
初心者の方も目指すなら社内SEはオススメです。
社内SEへの転職には、
こちらの「社内SE転職ナビ」というサイトがオススメです。
「基幹系」エンジニア とは?
君はエンジニアとしては、
「〇〇エンジニア」とすると、何エンジニアなのかい?
自分は「基幹系」エンジニアですね。
自治体・金融・会計など世の中の多くの人が使うシステムに携わっています。
初心者には、
馴染みが薄く、難しく考えられることが多いのが、
「基幹系」エンジニア
というエンジニアの職種です。
この職種に分類されるエンジニアは、
日立などの大手メーカー系の企業で働いている方が多く、
自治体や金融など、
より大きな規模のプロジェクトを大人数でやっている
ということが多いです。
実際に基幹系システムは
システムの開発やテストに予算や工数を多くかけている
ということが多いです。
なぜかというと、
少しの不具合が、世の中に致命的な影響を与える
ということが影響しています。
初心者の方で、
自治体や金融に興味を持っている方は、
システムの1つのプロジェクトの規模が大きく、
なかなか、開発に取り組めないなどありますが、
プロジェクトに参加することで、
少しずつでも
自治体や金融で使われているシステムに詳しくなれるので、
そちらの道に進みたいと考えているなら、
基幹系エンジニアへの就職・転職を考えるのもオススメです。
「業務系」エンジニア とは?
君はエンジニアとしては、
「〇〇エンジニア」とすると、何エンジニアなのかい?
自分は「業務系」エンジニアですね。
それぞれの会社で使われるシステムを受託開発で対応しています。
それぞれの企業で使われているシステムは、
企業独自のデータの管理方法やルールなどがあり、
企業ごとにシステムが違ってきます。
この企業ごとに違うシステムを作っているのが、
「業務系」エンジニア
と呼ばれるエンジニアの職種です。
この職種のエンジニアは、
・依頼を受けた企業のシステムを受託開発で開発を行っている
・依頼を受けた企業に出向き、その企業内で開発・運用をしている
というどちらかのパターンが多いです。
そのため、
SESの企業に入社し、その企業から出向する際も、
この業務系システムに携わることが多いです。
受発注システムなど、
企業ごとに作ることがありますが、
その企業が属する業種、例えば、商社など、
それぞれの業種のことを知ることができ、
その企業の実情も見えたりするので、
面白い面もあります。
また、納期に追われることが多く、
依頼されたシステム開発によっては、
システム開発に関わる残業も
多くなる傾向があります。
しかし、
開発経験を積むことができる可能性が、
比較的、高いので初心者にオススメでもあります。
初心者の方で、
・特にやりたいことが決まっていない
・IT業界に早く入って経験を積みたい
と考えているなら、
この「業務系」エンジニアは選択肢に入れると良いでしょう。
「インフラ」エンジニア とは?
君はエンジニアとしては、
「〇〇エンジニア」とすると、何エンジニアなのかい?
自分は「インフラ」エンジニアですね。
サーバの監視・管理や社内ネットワークの設定・管理などを行っています。
初心者の方の中でも、
社内のネットワークなどの監視をしたり、
サーバと呼ばれるものを管理・運用するなど、
エンジニアの中にそのような業務をしている人がいると認識されています。
これらの社内ネットワークやサーバの管理などを行っているのが、
「インフラ」エンジニア
と呼ばれるエンジニアの職種です。
実際に、
「ネットワーク」や「サーバ」に関わる人が多く、
それぞれを区別して、
「ネットワーク」エンジニア
という呼び名や
「サーバ」エンジニア
などがあります。
このような職種の方は、
運用しているシステムや、
社内に新しい社員が入った時などに対応を行います。
例えば
新しく入社したのですが、私のパソコンの社内ネットワークへのアクセスができないのですが、どうしたら良いでしょうか?
社内ネットワークの調整が必要なので、
対応が終わったら、またお伝えします。
というような感じで、
社内ネットワークなどの対応を行うことを
業務の一環として行っている方も多いです。
初心者の方で
ネットワークの仕組みを理解して、それを仕事にしたい
という方は、
この「インフラ」エンジニアを目指してみましょう。
「セキュリティ」エンジニア とは?
君はエンジニアとしては、
「〇〇エンジニア」とすると、何エンジニアなのかい?
自分は「セキュリティ」エンジニアですね。
企業サイトの脆弱性などをチェックして、問題点の指摘などを行っています。
インターネットが普及して、
エンジニアとして
企業サイトなどの脆弱性をチェックする
というエンジニアもいます。
それが、
「セキュリティ」エンジニア
です。
総務省が、
「情報セキュリティ人材が不足している」
という懸念を抱いて、
何年も前から、そのような人材を増やそうとしています。

以前から不足していると言われていますが、
このように国の機関(総務省)が、
特定の職種を増やそうと動き始めると、
大企業などもその職種のエンジニアを増やす傾向があるため、
セキュリティに関して学習を進めて、
「セキュリティ」エンジニアを目指すのも良いかと思います。
初心者が目指すならば、どの職種のエンジニアがオススメなのか
「Web」エンジニア
初心者の方で、
・将来はフリーのエンジニアになりたい
・より幅広いスキルを身につけたエンジニアになりたい
という考えを持っている方は、
「Web」エンジニア
を目指すことをオススメします。
Webエンジニアは
システムを開発するために、
- Webデザインの知識
- Webシステムを開発するための知識
- Webシステムを動かすための知識
など、
Webシステムに関わる幅広い知識が必要です。
また、
Webに関する知識を深めていくことで、
リモートワークでの仕事の完結が可能になる
ということが言えるので、
将来、フリーエンジニアになって、
リモートワークでの働き方も目指すことが可能です。
エンジニア自体が、
継続的に色々な情報、スキルを身につけて
それを活かしながら仕事をしていきますが、
Webエンジニアはその傾向がより強いので、
継続的な学習意識を持ってこの職種を目指していきましょう
【初心者向け】未経験からwebエンジニアになるための求人の探し方と注意点
「社内」エンジニア
初心者の方で、
企業に属しながら、
エンジニアとして少しずつステップアップしたい
と考えている人は、
「社内」エンジニア
をオススメしています。
1つの企業の中で、
- 社内ネットワークに関する理解
- 社内のパソコンの設定に関する理解
- 社内で使われているシステムに関する理解
など、
色々と、把握しながら、
エンジニアに必要な素養を把握できるので、
初心者の方にもオススメしています。
社内SEに関しては、
就職・転職に関して、こちらのサイトがオススメです。
「業務系」エンジニア
初心者の方で、
スキルを身につけたいけれど、
- まだまだ学習していく中で自信を持てない
- 実際にIT業界に入って開発経験を積みたい
という方は、
SESでの働き方も視野に入れながら、
「業務系」エンジニア
を目指すことをオススメします。
業務系エンジニアがなぜオススメなのかというと、
・比較的、開発工程に携わりやすい
・1つのプロジェクトの規模、機関がそこまで長くない
という2点があります。
業務系システムは、1つのプロジェクトが、
3ヶ月〜半年、長くても1年くらいのものが多く、
初心者が開発経験を積むために
ちょうど良いプロジェクトの規模・機関の案件が多いです。
初心者の方は、このブログの中で何度も言っていますが、
できる限り、「開発工程」に携わることが重要
だと考えているので、
その点で業務系エンジニアをオススメしています。
また、
初心者の方が、
業務系エンジニアを目指そうとするとき、
転職サイトでは、情報が多すぎて、
実際の各企業のことがわからない事が多いので、
転職エージェントを活用することをオススメしています。
転職エージェントに関しては、
こちらの3つがオススメなので、
気軽に無料で転職相談してみましょう。
未経験からの就職・転職を目指す方へのオススメの記事
初心者の方で、
未経験から就職・転職を目指す方には
こちらの記事もオススメです。
【初心者向け】少人数の自社開発ほど成果が重視されるというエンジニアの現実を理解しよう
初心者の方がプログラミング学習を初めて、
実際に就職・転職を目指す時に、
実際のIT業界の事がよくわからない
という悩みをよくお聞きします。
IT業界に入った事がない方に向けて
IT業界の中で、成果がどれくらい重要視されるのか
という観点において、
SESやメーカー、ベンチャーなど、
色々な働き方をしてきた中で、
実際にみてきた経験として、
少人数の自社開発ほど成果を求められる傾向がある
ということを説明します。
よく就職・転職に向けた相談として、
IT業界ってどの企業も「成果重視」で厳しそうなイメージしかありません。
自分がIT業界でやっていけるでしょうか?
という質問を受けますが、
基本的にIT業界では、作ったもの(成果物)で評価されるということは、どの企業でも同じです。
しかし、企業によって「成果重視」の度合いが違いますね
特に少人数の自社開発の企業ほど成果を求められる傾向があります
とお伝えしています。
初心者の方が
プログラミング学習を進めていき、
IT業界への就職・転職を目指す中で、
少しでも、IT業界のことを知ってもらえるように、
初心者向けに説明していきます。
【初心者向け】少人数の自社開発ほど成果が重視されるというエンジニアの現実を理解しよう
IT業界では作ったもの「成果物」が重要であるという共通認識
IT業界に関しては、
サービス業とは違い、
システムやデザインなど、
「目に見える形のあるもの」で判断できる
という違いがあります。
サービス業界などでは、
君は月に〇〇時間も勤務してくれて、
愛嬌良くサービス提供をしてくれたから
すごく評価してますよ。
という感じで、
勤務時間や提供する際の行動などで
評価を行う事が多いかもしれません。
しかし、
IT業界では、
君が作ったものは、
システム面では〇〇の不具合が多いから、
お客さんの評価も良くないからな…
という評価や
君が作ったものは、特に不具合もなく、
お客さんからの評価もよくて評価しているよ
など、
作ったものがどうだったのか
という観点で評価が行われる事が多いです。
そのため、
良くも悪くも、自分が作ったものが、
成果物として評価される事が基本になるので、
自分のスキルを上げるために
継続的な学習が必要となります。
初心者のみなさんは、
プログラミング学習することは、
IT業界に入った時に
そのまま評価に繋がりやすいので、
それを学習段階から理解して取り組んでいきましょう。
プロジェクトの規模と人数の違いによる「成果物」の評価の曖昧性
IT業界の中では
作ったもの(成果物)で評価される事が多い
ということを説明しました。
その成果物に関して
君が関わったプロジェクトの成果物に関してだけれど…
という形で評価する事が
IT業界では非常に多いのです。
この「成果物」に関する評価については、
IT業界にも様々な企業がありますが、
プロジェクトの規模と人数によって成果物の捉え方が違う
ということがあります。
例えば、
・大きな「100人」が関わる「大きな」プロジェクト
・小さな「1人だけ」しか関わらない「小さな」プロジェクト
この2つのパターンをみると、
成果物に対して関わる1人あたりの度合いが
大きく違うことがわかります。
小さなプロジェクトで1人で取り組んだ場合、
「成果物」がそのまま評価に直結することが多いです。
しかし、
SESなどで、現場の100人の中の1人として作業する場合、
作成した成果物への評価に関しては、
1人で作ったシステムよりも非常に曖昧になります。
そのため、
実際のIT業界内での評価に関しては、
SESで大規模プロジェクトに参加すると成果物での評価が行いにくい
という事が言えます。
この辺りは
プロジェクトの規模や人数などによって、
「成果物」に対する評価が曖昧になることを
初心者の皆さんも理解しておくと良いでしょう。
少人数の自社開発ほど成果が重視される傾向が強い
さきほど
プロジェクトの規模と人数によって
「成果物」に対する評価の曖昧性が違う
ということを説明しました。
それを踏まえて考えると、
少人数で作った成果物はそのまま、その人の評価と捉えやすい
という事が言えます。
極端な例でいうと
1人で作ったシステム(成果物)はそのまま、その人の評価になる
ということです。
大人数だと、成果物に対して、
評価するにしても曖昧になりますが、
少人数だと
作ったシステム・デザインの成果 = その人の評価
に直接、繋がります。
評価する側にしても、
「君の」作ったシステム・デザインは
非常に良くできていて、評価しているよ
という形で、
作ったものがそのまま評価に繋がります。
プログラミング学習を始める初心者の方が、
自社開発企業を目指す事が多いですが、
・入社の難易度がSESよりも高い
・ポートフォリオとして作ったものが判断される
ということが、
この作ったものが直接、
その人の評価になる事が影響しています。
そのため
自社開発や少人数のベンチャーなどは
採用した人が会社の成果にも直結するので慎重になる
ということを理解しましょう。
プログラミング学習をはじめて
自社開発企業やベンチャーを目指すのであれば、
ここで説明した「成果物」を提示するためにも
ポートフォリオを作ることを進めています。
ポートフォリオを作ること自体が
学習をより進めやすくすることにもつながるので
初心者の方は学習のなかで取り組んでみましょう
「超」初心者がIT業界への転職を目指すならポートフォリオを作ろう
【初心者向け】プログラミング学習でどれが、「理解するべきこと」と「慣れるべきこと」なのかを大きく分類して考えよう
初心者の方が、
プログラミング学習において
「理解すること」を重視して、手を動かす事が少なくて何も作れていない
ということや、
「慣れること」を重視して、理解が進まずに途中で止まってしまう
という状況をよく見てきました。
自分なりに試行錯誤しながら、
どれが「理解すべきこと」なのか、
どれが「慣れるべきこと」なのか。
それをわかってくるとは思います。
ただ、
初心者の方には、
できる限り、効率よく、
挫折せずに頑張ってもらいたいので、
自分が新卒で入ってきたばかりのエンジニアなど、
まだ不慣れな初心者の方にアドバイスしていることを共有します。
プログラミング学習において、
「理解すべきこと」と「慣れるべきこと」を把握
することで
プログラミング学習を効率的に学習を進める
ということに繋げてもらえたら幸いです。
学習がうまく進まなくなるのは、「理解できていない」か「慣れていないか」のどちらか
理解が進まずに学習が途中で止まってしまう
プログラミング学習をしている初心者の方や、
新卒で入社したメンバーから、
色々、試して、動かしているのですが、よくわからずにどうして良いか困ってます
という悩みをよく聞きます。
このような方に多いのが、
『何かよくわからない』けど、ネットや書籍にある情報をそのまま動かしている
という状況です。
プログラミング学習を始めた、本当の最初の時は、
まず、動きを見ることから始めるのは大切です。
しかし、
学習をステップアップするためには、
まずは、動いているプログラムを自分が理解することが重要
ということを忘れてはいけません。
そのために、動かしているプログラムが、
「なぜ、そのように動くのか」
言い換えると、
「なぜ、そのようにプログラムが書かれているのか」
という理解を進める事が大切です。
このような方は、
とりあえず動くものを何度も動かしているが、
プログラミングをしていく中で、
理解すべきことの理解が進んでいない事があるので注意です。
書籍を読むなどの理解に時間を取られて、手を動かして慣れる事ができずに何も作れていない
プログラミング学習において、
ステップアップしていくために、
基本的なことを理解することは重要
ということは事実です。
しかし、
プログラミングに関しては、
自分自身で作る事ができるための慣れが必要
ということが言えます。
初心者や新卒の方などから
書籍を数冊読んでみたのですが、いざ、自分でプログラミングを進めようとすると手が止まります。
という悩みを聞きますが、
慣れていないことは、
最初はうまく進めることができないものです。
プログラミングは、最後は自分で手を動かすもの
なので、
自分自身で手を動かしながら、
何かを作る経験を積んでいくことも大切にしていきましょう。
ただし、
ここで1つ、知っておいてほしいこととして、
この後に、
「理解すべきこと」と「慣れるべきこと」
を説明しますが、
全てを慣れるべきことと考えてしまうと、
手を動かす時間ばかり取られ、
学習がうまく進まなくなることがあるということを覚えておきましょう。
プログラミング学習でどれが、「理解するべきこと」と「慣れるべきこと」なのかを大きく分類して考えよう
「理解すべきこと」はプログラミングの構造を作るための「仕組み」
先ほどまでは、
学習がうまく進まなくなるのは、
「理解できていない」か「慣れていないか」のどちらか
ということを説明してきました。
それらをできるだけ防ぐ中で、
プログラミングで「理解すべきこと」は何か
を考えてみましょう。
初心者の皆さんは、
何が「理解すべきこと」だと考えますか。
それは、
プログラミングをする中で、構造を作るための「仕組み」
です。
具体的には
・オブジェクト指向
・処理の流れの方法(判定処理、繰り返し処理)
・非同期処理、同期処理
・変数、定数
などです。
オブジェクト指向や非同期・同期処理など
プログラミング学習をされる方でそれぞれ必要性が違うと思いますが、
自分のプログラミング言語で使うものは、
しっかりと「理解して」、仕組みとして活用できるようにしましょう。
実際に、
これらを「理解した」と言える状況は
どのように判断したら良いのかな
という点に関しては、
「自分の言葉」で、それぞれの仕組み(オブジェクト指向や判定処理など)を人に説明することができれば大丈夫
とアドバイスしています。
自分の言葉で説明できるということは、
それぞれの仕組みに関して、
自分なりに咀嚼することができていると言えるので、
その状況までできれば、
自分でプログラミングするときに、
書き方を慣れさえすれば、
その仕組みを活用することができます。
まずは、必要な仕組みの理解はコツコツと進めましょう。
「慣れるべきこと」はプログラミングの「処理の書き方」
プログラミング学習をしていく中で、
オブジェクト指向や判定処理や繰り返し処理など、
プログラミングの構造を作るための「仕組み」を
理解していくことが重要なのは説明しました。
その理解を進めた上で、
プログラミング学習で自分で手を動かして慣れることは重要
という認識をもっておかなければいけません。
これは、
プログラミングは、自分自身で考えて作るもの
というものだからです。
そして、
このプログラミング学習の中で、
手を動かして「慣れていくべきこと」
に関しては、
プログラミングの「処理の書き方」
です。
この点に関しては、
処理の「書き方」であることが重要で、
処理の「仕組み」である、判定処理やオブジェクト指向などは、
理解すべきことなので、それら違いを把握しておきましょう。
例えば、
もし、〇〇なら△△、そうでなければ、□□。
という処理を行いたいときに、
判定処理という仕組みを活用する → 仕組みを「理解」すべき
判定処理で、if 〜 else 〜と書く → 書き方を「慣れる」べき
と考えて取り組むようにしてください。
ちなみに、
なぜ、この「書き方」は慣れるべきことなのか
ということを説明しておくと、
「書き方」は、それぞれのプログラミング言語で違う
ということが理由です。
判定処理を行うこと自体は、
どのプログラミング言語でも使用しますが、
if文(if 〜)の書き方は、プログラミング言語で少し違う
ため、この辺りは、仕組みを活用するための書き方は、
慣れるべきこととして、
プログラミング学習に取り組んでみましょう。
【担当者向け】社内のパソコンやサーバの運用費用でコストカットすべきこと
今まで複数の企業で働いてきて、
社員用のパソコンやシステムを動かすサーバなど、
様々な要望を受けることがありました。
また、
社内SEとして、
社長を含めた社内の役職のあるメンバーと
システム関連のランニングコストを議論することがあります。
そんな中で、
あまりパソコンの購入やサーバ費用など、
馴染みのない職種の方からは、
色々といらない気がするのだけど、
とりあえず、ランニングコスト安くならない?
と言われることが多いです。
このランニングコストに関して、
システム担当として言えることは、
本当に必要のあることはランニングコストは削らない方が良い
ということです。
この「本当に必要のあること」は、
会社のメイン事業、サービスを動かすためのサーバなど、
会社の根幹をなす部分です。
逆に
メイン事業やサービス以外で、
社員が継続的に使用しているツールなどは
日常業務が回れば、ツール類はコストカットが可能である
ということが言えます。
この記事では、
実際にコストカットができることは何かを
今までの経験も踏まえてこの記事で説明します。
【担当者向け】社内のパソコンやサーバの運用費用でコストカットすべきこと
コストカットすべきでないことをまずは考える
運用していく中でのコストカットを考えるときに、
会社の事業に関わる自社サービスや
社内システムを動かしているサーバなど、
止まることで業務が完全に止まってしまう
ということに関しては、
コストカットの面で考えると
担当者としては
事業のために動かしているサーバなので、
止まると従業員の業務まで止まってしまいます。
そのためのランニングコストとして我慢してください。
という感じで、
必要性を説明して断るようにしましょう。
この事業に関わる部分に関しては、
各企業ごとに違うので、
そのコストカットを考えているものが、
「本当に止まっても業務自体は回るのか」
という観点で判断すると良いでしょう。
担当者としては、
コストカットしたいと言われたことに対して、
「何も考えて判断しないYES」はNG
ということを頭に入れておきましょう。
通信に関しては電話の契約がコストカット可能
コストカットの面に関して、
ネット代って安くなったりしないの?
など、
コストカットしたい側は、
仕組み等を理解せずに質問してきます。
そんな中で、
通信において、ネット代を減らすのは難しいですが、
会社で使用する電話の契約費用はコストカットが可能
であることは多いです。
特に
営業が長年使っている電話・スマホなどは、
SIMフリーの格安プランではなく、メインキャリアの高い料金のまま
ということがあるので、
チェックしてみることをオススメします。
今は、SIMフリーでの契約に関しても、

このように法人向けのプランも用意されているので、
今の会社で契約しているプラン、金額と比較して、
コストカットが可能であるのかを検討してみましょう。
ちなみに、
営業のSimフリーでの格安料金の音声通話のプランに、
会社の電話(営業などが社外に持って行く用の端末)を変えましたが、
先月、会社の電話、格安に変えたんですけど、
使ってみてどうですか?
何か、問題など、ありました?
いや、特に問題ないですね
という感じに、
特に問題もなかったので、
心配な方は、1〜2台、試しに契約して、
運用して行く中で問題ないかなど、
試してから、
コストカットの面で今のプランから完全に移行すると良いでしょう。
Excel / WordなどのMicrosoftオフィスはGoogle スプレッドシートなどで代替することでコストカット可能
ExcelやWordなど、
社内資料などを作成するためによく使うと思います。
このExcelやWordなどは、
Microsoftオフィスという括りで、
費用をかけて導入していると思います。
このMicrosoftオフィスに関しては、
今は、Microsoft 365(旧:Office 365)として、

このようなプランの中から、
企業として、人数や目的に沿って、
導入している会社も多いと思います。
このMicrosoft 365(旧:Office 365)に関しては、
会社内で、Word / Excelしか使わない
という企業であれば、
コストカットの面でGoogle スプレッドシートなどに代替可能
と言えます。
代替するツールとしては、
Micrisoft Excel → Google スプレッドシート
Microsoft Word → Google ドキュメント
に置き換えることが可能です。
例えば、
Google スプレッドシートは

このように見た目がほとんどExcelに似ており、
基本的な操作もMicrosoft Excelの時のように
行追加・削除や列追加・削除など、
同じように扱えるので、試してみることをオススメします。
セキュリティツールをトレンドマイクロなどから各種ネット回線のセキュリティツールに変更することでコストカット可能
会社内で使っているツールとして、
もう1つ、会社によってはコストカットが可能なのが、
社員のPCに入れているセキュリティツール
です。
これに関しても、会社ごとに違いがありますが、
社内で厳密な機密情報を扱う会社ではない
というのであれば、
コストカットの面で、
ネット回線に付随するセキュリティツールを導入する
という方法をオススメします。
よくネット回線とは別に、

このようなセキュリティサービスを運営している会社の
セキュリティツールを導入することが多いです。
このノートンのセキュリティやトレンドマイクロの
セキュリティツールに関しては、
ノートンやトレンドマイクロなどは、
1台あたりの導入コスト、運営コストが高い
ということが言えます。
この点に関して、
ネット回線に付随するセキュリティツールは割安で導入できる
ので、厳密な機密情報の管理がなければ、
会社が契約しているネット回線に
付随するセキュリティツールに置き換えることで
コストカットを検討しましょう。
例えば、
NTT西日本の回線を使っているならば、

このように、
ノートンやトレンドマイクロよりも、
1台あたりの運用コストを安く抑えることができる
ということが多いです。
ぜひ、会社のネット回線の契約を確認して、
オプションなどでセキュリティツールがないのかを
確認してコストカットにつなげていきましょう。
【初心者向け】30代でもエンジニアへの転職は可能である理由
30代のプログラミング初心者の方が、
プログラミング学習を進めて、
就職・転職を考えるときに、
30代だからエンジニアへの転職は無理かな
と考えてしまう人は多いです。
そんな30代の初心者の方には、
プログラミング学習をきちんと行うことが前提
として、
30代でもエンジニアへの転職は可能
であると伝えています。
これは、
実際にエンジニアとして働いてきて、
転職されてくる方の面接官なども担当する中で、
未経験の30代の方でも転職活動している人で採用することがある
と身を持って感じているからです。
正直にいうと、30代よりも20代の方が、
採用する側からすると、
少し魅力的に映ることはあります。
ただ、未経験の採用をする中で、
30代の方でも、
プログラミング学習されている内容や、
今までの働いてきた経験なども含めて、
20代の方よりも魅力的に映る部分もあります。
この記事では、
30代で未経験からエンジニアへの転職を目指す方に向けて、
転職が可能である理由と、
オススメの転職活動方法などを説明します。
【初心者向け】30代でもエンジニアへの転職は可能である理由
IT業界は年齢への意識よりもスキルへの意識が強い
未経験から転職活動を行っていく中で
販売や営業など、
20代が体力もエネルギーもあり、
より魅力的に映る職種はあります。
しかし、
IT業界に関しては、
転職される方に対する年齢への意識は、
他の職種よりも低いです。
その理由としては、
年齢よりもその人のスキルを重視する
という傾向が強いからです。
例えば、
面接の中で、年齢のことも聞きますが、
それ以上に、
プログラミング学習はどのようなことをされましたか?
学習の中で得たスキルとしては、何がありますか?
など、
スキルにフォーカスした質問をすることが多いです。
そして、
このスキルのマッチングを見て、
未経験の方の採用を判断することが多いので、
30代でも十分、転職活動は可能です。
IT業界では30代は、まだまだ許容範囲
実際に転職活動される際に、
年齢はやっぱり20代までなのかな
と不安になる方も多いです。
しかし、この点に関しては、
IT業界は比較的、20−30代の若い人が多く、
面接をしてきた中でも
未経験は30代までならコミュニケーションを取れそうと判断する
ということが多いです。
面接をしてきた中で、
自分の会社の20代の社員とコミュニケーションをとる中で、
20代と40代なら、コミュニケーション取るのは難しいのかな。
30代の人なら、弊社の20代の人ともコミュニケーション取れそうだな。
ということを考えます。
これは、基本となるスキルのマッチングはありますが、
あくまでも未経験には即戦力ではなく会社に適用してもらえるか
を見て判断することが多いです。
そのため、
コミュニケーションなどを考えてみても、
30代はまだまだ、企業側からすると許容範囲です。
未経験の採用では、30代は、20代にない他業種での職務経験や人生経験がある
未経験の方の採用をしていく中で、
未経験でも同じスキルなら20代を採用するのかな
と考える方も多いです。
しかし、
現場で面接官をしてきた中で言えるのは、
未経験の転職活動をしている方を見て、
・学習してきたスキル内容
・その人のコミュニケーション能力などの人間性
・今までの他業種での仕事経験
などを総合して判断することが多いです。
特に30代に関しては、
今までの他業種での仕事経験
に関しては、
企業側から見ても、非常に魅力的です。
特に業種や大小に関わらず、
メンバーを抱えて仕事に取り組んだ経験は貴重
であると判断することは多いです。
ですので、
面接の際には、
メンバーを抱えて仕事をした経験があれば、
その経験をアピールするようにしましょう。
30代は、年齢アピールではなく、マインドをアピールすべき
未経験からの転職を考える際に、
そもそも、
30代の方に関しては、
「年齢が若いですよ」
という年齢アピールは厳しいのが実情です。
ただ、
30代だからこそ、これからの人生をどうしたいのか
というマインドに関しては、
面接をしてきた中でも、
真剣度合いなどでも20代よりも魅力的に映ることがあります。
面接官から見ても
30代の方は、スキルはちょっと不足しているけど、意欲などのマインドが弊社には合うな
と感じることがあり、
実際にそのマインドを重視して採用することがありました。
最低限、プログラミング学習をして、
アピールできるスキルを身につけることは必要ですが、
自分自身がなぜIT業界、その会社のエンジニアを目指すのか
というマインドは、
より強くアピールするようにしましょう。
30代は転職エージェントを使ってアピールしてもらうのがオススメ
実際に転職活動をする中で、
書類審査で落とされることが30代の方は多いと思います。
それはなぜか。
書類審査だけで判断する場合、
書類上の年齢の違いは大きな違いに「感じてしまう」
ということが原因です。
面接まで進めると違うのですが、
書類上での判断だと、
この年齢部分は大きな違いに見えてしまいます。
それでは、
どのように未経験の30代の方が書類審査を攻略すれば良いのか。
この点に関しては、
転職エージェントを活用して、書類審査を通りやすくする
ということがオススメです。
転職エージェントは、
転職してもらうことが重要なので、
採用側の社員が
学習しているスキルは良いな。
年齢が30代なのか。どうしようかな。
となっている時に、
この方は、今までの職種で〇〇の経験もあり、
コミュニケーションもとれるので、
ぜひ、1度、面接して下さいませんか
という感じに、
転職エージェントがサポートを入れてくれることがあります。
この点は、
書類審査が通りにくいという点をカバーしてくれるので、
転職エージェントを使用して転職活動してみましょう。
オススメNo.1のエージェントを確認する
【初心者向け】未経験からwebエンジニアになるための求人の探し方と注意点
未経験からWebエンジニアになるため、
自分なりに独学をしたり、
動画サービスなどを使って学習を始める方は多いです。
現場でWebエンジニアとして働き、
面接官として初心者の採用にも携わった経験から言うと、
未経験でもwebエンジニアへの就職・転職は可能である
と言えます。
しかし、初心者の中には、
未経験からwebエンジニアを目指す時に
未経験でも可能なwebエンジニアの求人がわからない
という悩みを聞きます。
そんな初心者の方には、
未経験向けの求人を探すために、
転職エージェントと転職サイトのオファー機能を活用しましょう
とお伝えしています。
どのような求人があるのかという、
まずは、情報収拾のインプットから始めなければなりません。
そんな時に、
・転職エージェント
・転職サイトのオファー機能
を活用することで、
自分自身に求人情報が流れてくるようにする
ということがポイントです。
この記事では、
この方法の説明とオススメのエージェントなどを紹介します。
【初心者向け】未経験からwebエンジニアになるための求人の探し方と注意点
転職エージェントを活用して未経験向けの求人情報を収集する
未経験向けの求人に関しては、
正直に言って、
初心者の方が判断するのが難しい
ということが言えます。
そんな時に、
未経験からwebエンジニアを目指す初心者だからこそ、
ぜひ活用して欲しいのが、
Webエンジニア向けの転職エージェント
です。
転職エージェントに対して、
・自分の今までの学習経験
・どのような職場で働きたいか
・優先すること(給与、勤務先)
などを細かくヒアリングしながら、
初心者向けにアドバイスをもらえます。
まずは活用してみて、
自分なりに必要な情報を欲しい旨を伝えてみましょう。
転職エージェントで紹介してもらうために、希望は「正直に」伝えておく
初心者の方で、
転職エージェントを活用する際に
よく質問いただくのが、
転職エージェントにはどこまで「正直に」希望を言えば良いのか
ということです。
この点に関しては、
何も気を使うことはありません。
あなたの「正直な」希望を転職エージェントには伝える
ということを意識してください。
例えば、
給与として、毎月、このくらい欲しいなぁ。
ただ、私は未経験だから無理って思われそうだなぁ。
残業は絶対にしたくないな
家庭状況とかもあるし。どうしようかな。
など、
個人的に悩んでいることも踏まえて、
正直に転職エージェントには説明すると良いでしょう。
転職サイトでオファー機能を使って情報を収集する
初心者の方が、
転職サイトを活用していく中で、
自分で見つけて、自分で応募する
という方法が一般的です。
そんな転職サイトの活用ですが、
初心者の方にも
ぜひ、活用して欲しい方法が、
転職サイトのオファー機能で情報を収集する
です。
ほとんどの転職サイトでは、
このオファー機能は付いていますが、
デフォルトでOFFになっていたり、
希望する方だけ使う設定になっていることがあります。
知らないうちに、
情報収拾の1つの方法が削られているのは
非常に勿体無いです。
それぞれの転職サイトで、

イメージとして、
このようなオファーのON / OFFなどの設定があるので、
まずは、ONにして送られてくる情報をチェックしましょう。
送られてくる情報の中で、
これは自分の希望に合っているなと感じる求人
があれば、
その送られてきた情報に返信してみると良いでしょう。
転職サイトのオファーは、送られてくる内容があなたのスキルをチェックしたかを判断しよう
転職サイトのオファー機能は、
色々な求人情報をチェックするには
非常にオススメの機能と言えます。
その一方で、
様々な情報をあなたが入力していると思いますが、
入力された情報をもとに自動送信されるオファーがある
という点を注意しましょう。
例えば、

このように、企業側の担当者は
あなたが登録した情報(レジュメ)に、
何か企業側が設定したプログラミング言語などが、
マッチしたユーザーに一括で送ることができます。
システムで一括で送れるように
決まった文面の一部をユーザー情報に変えて送られてくる
ということが多いです。
ですので、このような、
不特定多数に送られてくるオファーであるか
を判断するために、
同じような定型文で送られてきた文面は、
自分のスキルに本当にマッチしているかを自分なりに考える
ということは重要です。
自動で送られてきたオファーの中にも、
貴方にとっての原石はあり、
それを判断するためには、
オファーの内容をきちんと読んで判断することは重要です。
まずは、
転職サイトに登録して、
自分なりに情報収拾するところから始めましょう。
【初心者向け】未経験からWebエンジニアへの転職を目指す時に作るポートフォリオ作成の悩みに関して
初心者の方が、
プログラミング学習をはじめて、
就職・転職のことを考えた時に
Webエンジニア目指しているけど、
ポートフォリオはどうしたらいいの…
このように、ポートフォリオの作成で、
迷っている初心者の方は多いです。
プログラミング学習において、
初心者の方が、
コツコツと学習を進めていき、
未経験からWebエンジニアを目指していく時、
ポートフォリオを作成してアピールする
ということは非常に重要です。
ただ、
そのポートフォリオに関して、
悩みを抱えている方も多いので、
現場のエンジニア
また、現場で面接官をしてきた経験を踏まえて、
ポートフォリオの作成の中で、
取り組んでほしいいことなどを説明します。
ちなみに、
この記事で対象と考える人は、
- PHP、Laravel
- Ruby、Ruby on Rails
- Python、DjangoPython、Django
などを学習されている方です。
この記事の内容で
少しでも初心者のサポートになれば幸いです。
【初心者向け】未経験からWebエンジニアへの転職を目指す時に作るポートフォリオ作成の悩み
そもそも、何を作ったらいいの?
初心者の方が、
未経験からWebエンジニアに就職・転職するに向けて
そもそも、何を作ったらいいの?
という悩みを相談されることがあります。
持たれることが多いです。
そういう方には、
自分が学んだプログラミング言語を使いながら、
データベースへの値の更新を行う、
シンプルなTodoリストを作ってみましょう
と伝えています。
シンプルなサイトに対して、
みなさんが学んだ
- PHP、Laravel
- Ruby、Ruby on Rails
- Python、DjangoPython、Django
を使ってTodoリストを作ることで、
面接官側からすると、
Webエンジニアのスキルとして欲しい
「プログラミングの処理の実装」と「データベースの扱い」
の学習結果が見えるので、
採用する側も判断しやすくなります。
作りたい物が決まっていなければ、
まずは、Todoリストを作ってみましょう。
ポートフォリオに絶対必要な機能などあるの?
実際に
Todoリストなどのポートフォリオの作成を考える時に、
最低限、入れておいた方が良い機能はあるの?
という悩みを持つ方がいます。
ポートフォリオを作っていく中で、
「たくさん、機能を入れた方が良いのかな」
と感じてしまうことがあります。
そんな方には、
最低限、CRUD(Create / Read / Update / Delete)と呼ばれるデータベースも含めたデータの処理を入れましょう。
とお伝えしています。
このCRUDが使えることで、
- データベースとテーブルの概念に関して理解をしている人材
- データ更新を画面側と連携させることが可能な人材
- 基本的なSQLについても理解している人材
ということをアピールできます。
このアピールが、
多くのWebエンジニアを未経験から採用する時に、
基本的に求められるスキルである事が多いです。
そのため、
これらの値の取得や更新をする機能を
ポートフォリオに機能として入れることをオススメします。
作ったポートフォリオは、自分のパソコンではなくて、サーバで動かさないといけないの?
初心者の方が、
未経験からWebエンジニアの転職に向けて、
コツコツと作成を進めたポートフォリオ。
このポートフォリオですが、
ご自身のパソコンで動かしながら作成
する方も多いです。
そんな方から
自分のパソコンで動いているポートフォリオ、レンタルサーバなどに移さないといけないのかな…
という悩みを聞く事があります。
そんな方には、
レンタルサーバ等で、ネット上で見えるのが採用する側からすると嬉しいが、必須ではない
とお伝えしています。
なぜかというと、
採用する側からすると、
未経験で入社を目指そうとしている方には、
自分でプログラミングをして作成した成果物があること
が確認できれば、
特に問題は感じません。
それは、
実際に作った成果物(ポートフォリオ)は、
自分自身のパソコンを面接の時に持参して見せてもらう
ということで対応できるからです。
この自分自身のパソコンを持参して、
面接時に見せるために、
面接に向けてのやり取りの中で、
未経験で入社をしたいあなたから、
企業側に提案する方が良いでしょう。
作り続けても、「これで大丈夫か」と不安になります
初心者の方が、
ポートフォリオを作成していく中で、
作っているもに対して、
不安を持つことは多いです。
そして、
そのような方から
基本機能は不具合も起こらずに動くけれど、本当にこれで良いのかな…
という悩みをお聞きすることがあります。
この悩みに関しては、
私が見てきた中の多くが、
機能は問題ないが、見栄えの調整が行われていない
というパターンが多いです。
そのため、
このような悩みを持たれる方には、
作ったポートフォリオに、CSSフレームワーク(例えば、Bootstrapなど)を入れて、見栄えを整えてみましょう。
とお伝えしています。
未経験でWebエンジニアを目指す方の多くは、
必要な機能を実装して、
見栄えの調整を進めることができていない
ということが多いです。
機能も重要ですが、
作った成果物として言えることは、
作成したポートフォリオに持つ印象は見栄えで大きく変わることがある
ということです。
見た目の印象で人間の第一印象が変わるように、
作ったポートフォリオも、
見栄えの違いで感じる印象は大きく違います。
ですので、
作ったポートフォリオが、
自分なりにまだ、納得できないと感じるときは、
見栄えを整えることに取り組んでみましょう。
どうしても公開してみたいのだけれど
実際に作ったものを、
アピールするためにも
どうしてもレンタルサーバを使って公開したい
というかいう方がいます。
AWSやGCPなどで挫折する方の多くは、
SSHでの接続した後このコマンド操作はできるのですが、
そもそも、AWSやGCPの管理画面がわかりにくいということが、
大きな理由の1つとしてあることが多いです。
そのような方には、
まずは、一番、使い勝手が良く、
初心者にも優しい操作画面の
ロリポップレンタルサーバ
を使ってみることをオススメしています。
SSHでの接続も可能なので、接続してコマンド操作が可能
という点で、コマンド操作だけに集中できるので、
AWSやGCPでうまくいかなかったり、
管理画面等がわかりにくいという方は、
ロリポップレンタルサーバを活用してみると良いでしょう。
【担当者向け】システム担当者になって業務効率化を求められた時に取り入れたいこと
会社の中で、
社内SEとして働いていたり、
社内全体のシステム担当になっている方に
社長や上長から、
会社全体の業務効率化に向けて案を出して欲しい
という要望を出されることがあります。
そのような時に、
色々とネットで調べたり、
社内で業務を行なっている人にヒアリングするなど、
色々と情報収拾すると思いますが、
自分自身の経験から、
どのようなことを
社内の業務効率化として
提示すると良いのかを説明していきます。
システム担当者になって業務効率化を求められた時に取り入れたいこと
社員の勤怠チェックの方法

業務効率化のために、
取り入れたいこととして、
まずは勤怠管理です。
特に
出勤に関して、
タイムカードに打刻している
というのであれば、
システムを導入することで、
タイムカードに打刻されたものを
他のシステム等に入れるという手間がなくなります。
この勤怠管理は、
勤怠管理の機能を含むシステムがあるので、
そちらを業務改善化として
提案してみると良いでしょう。
詳しくは、こちらの記事にも
まとめていますので、参考にしてください。
領収書や請求書のクラウド化

会社内で、
社員がお客様や取引先に出向き、
領収書や請求書を持ち帰ることは多いです。
そして、
それらを紙で管理していき、
月末などにまとめて総務が対応するとなると、
非常に手間になってしまいます。
特に、
領収書と合わせて、
Excelなどに記載をする運用にしている企業などは、
非常に手間が多いので、
それらのためのサービスを活用することがオススメです。
勤怠管理も含めて、
領収書や請求書などを
まとめて管理できるサービスがあるので、
そちらを業務効率化として、
提案してみると良いでしょう。
詳しくは、こちらの記事にも
まとめていますので、参考にしてください。
社内資料のクラウド化

社内資料に関しても、
それぞれの資料をExcelで作り、
どこかの共有フォルダや
共有サーバにアップロードするなど、
非常に手間がかかり、
必要な情報が見つけにくことがあります。
特に、
社内で共通して扱う情報が
どこにあるのかわからない
ということが、
非常に業務上、不要な時間を使っています。
ですので、
社内で共通に使う内容などは、
・誰でもアクセスできる
・Wikiなど、文章をまとめることが可能
・必要なファイルパスなどをまとめることが可能
この辺りは対応したいところです。
そして、
これらをよく満たし、
実際の導入実績も多いサービスとして
オススメできるのが、
Backlog(バックログ)
と呼ばれるサービスです。
画面UIなど、
非常に使いやすくなっているので、
オススメのサービスです。
【エンジニア転職】エンジニアの転職面接は「なにをやりたいか」の具体例を示すべき
IT業界の中で、
「エンジニアになりたい!!」
「エンジニアとしてステップアップしたい!!」
という方は多いです。
そんな方の中には
転職はしたいけど、面接で何を話せば良いのか
という点で
非常に不安になる方がいます。
そんな方は
エンジニアの面接では、
実際に入社したい会社で
「なにをやりたいか」
をきちんと考え、
その点にフォーカスして
話をすることをオススメします。
1つの何を伝えたら良いか
ということをはっきりしておくことで
よく面接官に聞かれる
「何か、伝えたいことがありますか」
「アピールしたいことがありますか」
「入社後になにをしたいですか」
など、
面接でよく質問されるパターンにも
対応できることができるようになります。
ぜひ、
自分なりの言葉でアピールできるようになりましょう
【エンジニア転職】エンジニアの転職面接は「なにをやりたいか」の具体例を示すべき
企業側は同じスキルなら「意欲」を重視している

IT業界の中で
エンジニア採用をしている会社は多いです。
そんな会社で
未経験や経験者でも
採用する人を募集する時に
同じようなスキルの人が応募してくることが多い
ということがよく起こります。
そんな時に、
ちょっとしたスキルの違いに関しては
現場で面接官をしてきた経験からいうと
正直、ちょっとのスキルの違いは同じで扱うことが多い
ということが言えます。
最終的に人事や上長(社長など)との
最終的な判断の認識合わせをする時に、
細かなスキルの違いを説明しても
なかなか理解してくれることが少ないという理由があります。
そんな同じようなスキルの人がいる時に
採用する側として
何を見て同じようなスキルの人を比較するか
という点。
この点に関しては、
その人がどれだけ会社で「やりたいことが明確なのか」
ということを重視して判断します。
言い換えると
どれだけ、面接官に「意欲」をアピールできたのか
という点が大きな判断材料となるので
非常に重要であるということが言えます
ですので
「何をやりたいのか」ということは
面接の前にきちんと考えて
整理して話せるようにしておくことが大切です。
スキル不足でも「なにをやりたいか」が明確であれば採用後に育てることを考えてくれる

売り手市場のときに
なかなか希望しているスキルのエンジニアが応募しない
ということも現実としてあります。
そんな時に
企業側としては
希望のスキルを持った人がいないので採用しない
という考え方もありますが、
一方で
ちょっとスキルは不足していても誰かを採用する
ということを行うことがあります。
この
「誰かをどうにか採用したい」
という時に
企業側が重視することは
「やりたい」ことが、企業の求められる「将来像」とあっているか
ということです
この「将来像」というところがポイント。
企業側もスキル不足なので
入社後、すぐに活用することは求めていません。
ですので
しっかりと企業理念などを把握して
あなたがやりたいことが
企業側の将来像とマッチするように
説明して、アピールできるようにしておきましょう。
やりたいことが不明確だと、スキルがあっても不採用にすることがある

先ほど、
スキル不足でも「意欲」で採用することがある
という事があることを説明しました。
しかし、一方で
スキルが問題なくても、「意欲」が感じられないと採用しない
という事もあります。
スキルをすでに持っていて経験がある人や
自己学習を行ってスキルを身につけた人など、
理想的な人材に面接で会うことはあります。
しかし、
『あなたは今後、なにをやっていきたいですか』
という質問に対して
自分なりの意見がうまく伝えることができず、
スキルはあるけれど、「意欲不足」
という理由で不採用にすることがあります。
企業側としても
「入社後にやる気出して働いてくれるかな?」
「他の社員に意欲ない人を見せるのはどうかな?」
など
色々なことを考えて躊躇してしまうことが多いのです。
ですので、
「なにをやりたいのか」
「なにをやっていきたいのか」
という点は非常に重要なので
自分なりに、
自分のことばで
説明して伝えられるようにしておきましょう。
「何をやりたいか」をはっきりとさせるために転職エージェントを活用するのはあり

ここまで説明してきたように
「何をやりたいのか」
ということをはっきりとすることは重要です。
しかし、
「うまく自分が何をやりたいかをまとめられない」
「そもそも、自分が何をやりたいのかがわからない」
という人もいると思います。
そんな方は、
時間をかけて、自分でまとめることが難しく
どちらかというと
他の人と話すことで「何をやりたいか」がみえてくる
ということがあるので、
自分で考えることに行き詰まったら
転職エージェントを活用して「何をやりたいか」を明確にする
という方法をオススメします
転職エージェントは
色々な人を見てきており、
話を聞きながら、
あなたが「何をしたいのか」
という事も
話をしながら聞き出してくれます
そして
あなた自身も
話しながら「何をやりたいか」が見えてくる
ことが多いです。
特に未経験でエンジニアに転職をされる方
経験が浅く、転職に不安を持っている方
などは
転職エージェントを使い、
IT業界のことを知りながら、
あなたが「何をしたいのか」を明確にする
ということに取り組むことをオススメします。
【個人・担当者向け】給与管理や確定申告にオススメのサービス
エンジニアでフリーになった人や、
IT部門の担当者になって、
給与管理や確定申告に向けてのサービスを探している
という方に向けて
知名度と実績を踏まえて
オススメのサービスを紹介します。
紹介するサービスの中には、
自分自身がIT担当として
会社側にオススメして
今の会社で採用されたサービスもあるので、
気になったものを試して
実運用に取り入れていきましょう。
給与管理や確定申告にオススメのサービス
freee

クラウドサービスの「freee」は
売上などをまとめて、
決算報告書を出したりする経理向けの
クラウド会計freee
というサービスと
給与計算、管理のための
人事労務freee
という大きく分けて
2つのサービスがあります。
クラウド会計freeeは、
ERPと呼ばれる会計・経理向けのシステムとして、
幅広く活用するためのサービスになっています。
大企業だけでなく、
中小企業や個人などでも
活用しやすいサービスになっています。
機能としても

このように一通りの機能が揃っているため、
便利に活用して、今の手動から脱却することが可能です。
また、
人事労務freee
に関しても、
住民税などの給与計算に必要な機能も揃っており、
給与支払日に社員にメールで通知するなどが可能なため、
社内で運用するには非常に便利な機能が多いです。
具体的には

このように色々な機能が揃っているので、
非常にオススメなサービスです。
ちなみに、
このサービスは会社側にオススメして、
実際に導入し、
社内での使いやすさなどの評価も
結構高いのでオススメできます。
マネーフォワード

先ほどの
クラウド会計freee
人事労務freee
などは
個人でも活用できますが、
どちらかというと
社員が複数人いるような、
企業にオススメできるサービスです。
逆に、
フリーのエンジニアなど、
個人や事業主の方には
確定申告に向けて特化したサービスが
活用する上でも便利です。
そんな確定申告に関して
非常に使いやすくなっているサービスが、
クラウド確定申告
と呼ばれるマネーフォワードのサービスです。
マネーフォワードの中で
必要なサービスが細分化されているので、
自分自身に必要なサービスのみを活用して
連携することで、
非常に便利に活用することができます。
具体的には、

このようにそれぞれの機能ごとに別れているので、
自分が必要なサービスのみ活用して
連携することができるので
個人や事業主の方で、
シンプルに使い方には非常にオススメです。
弥生シリーズ

確定申告が必要な人の中で、
大きなサービスやシステムは、
なかなかハードルが高いと感じる方に
オススメできるサービスとして
弥生シリーズの確定申告ソフト
があります。
Youtubeに簡単な紹介ムービーがあるので
紹介しておきます
この弥生シリーズは
どちらかというと
企業で活用するよりは、
個人や事業主の方にオススメできるサービスです。
無料登録で試すことができるので、
実際に登録してみましょう。
【初心者向け】プログラミング学習は結局は自己学習であることを理解しよう
プログラミング学習をしていく中で、
色々なサービスやスクールを活用したり、
より効率的に学習したいと考えるものです。
そんな考えは誰でも持ちますが、
特に初心者に多いのが、
「このサービスは自分には合わない」
「スクールの先生の説明がうまくわからない」
という悩みです。
このような悩みを持つ時に、
別のサービスを考えたり、
担当の先生を変えてもらうことを考えたり。
そういう対応もありですが、
プログラミング学習において、
根本と言える
プログラミング学習は基本的に自己学習である
ということを理解しておくことが重要です。
モチベーションの継続・向上のためにも、
初心者向けにこの学習に取り組む際の
考え方を説明していきます。
プログラミング学習が自己学習である理由
プログラミングは手を動かすことから始まる

プログラミング学習を始めて行く中で、
・書籍を購入して学習をはじめる
・動画学習サービスで学習をはじめる
・スクールに通うことで学習をはじめる
など、
様々な学習の始め方があります。
そんな様々な学習の方法に関して、
共通的にいえること。
それが
自分自身で手を動かすことが必要
ということです。
当たり前かもしれませんが、
プログラミングは
自分自身で考え、
それを
「自分自身で」
形にする必要があります。
そのためにも、
あくまでも動画サービスやスクールは
補助ツールであることを理解して
自分自身の行動で
スキルを身につけるという考えを持ちましょう
学んだことを「自分なりに」吸収することが重要

先ほど
自分自身で手を動かすことが必要
であることを説明しましたが、
実際に手を動かして
学習を進めて行く中で、
「自己学習」の学んだことを
どの程度、身につければ良いかという点も
初心者の方には意識してほしいと考えています。
特に
学んだつもりになって、自分なりに吸収できていない
という問題があります。
この問題が起きなくなるようにするためには、
自分自身が学んだ技術や作った物に関して、
学んだことを「自分なりに」吸収すること
が非常に重要です。
学習を進めて行く中で、
理解が深まって行く人、
逆にうまく理解が深まらない人がいます。
それらの違いは
学んだことを「自分なりに」吸収できているか。
この点が非常に大きいです。
では、
この「自分なりに」吸収できているかどうか。
これをどのように判断すれば良いのか。
それは、
「自分自身の言葉で」説明できるかどうか
ということを考えてみると良いでしょう。
学んだスキル、作ったものに関して、
自分自身の言葉を使って
テキストや言葉で、
他の人に説明することができますか?
人に説明するためには
自分自身の理解を深めるために
自分なりに物事を咀嚼する必要があります。
プログラミングに関しては、
より理論的に説明する必要があるので、
この自分なりの理解はきちんと深めるようにしましょう。
IT業界に入ってからも自己学習が継続的に必要

プログラミング学習をして行く人の多くは
IT業界に入って、継続的に仕事にしていきたい
という方が多いと思います。
初心者の方で
プログラミング学習を始める方の多くは、
転職や副業で、
自分自身で身につけた
プログラミングスキルを活用して
IT業界の仕事を目指す方が多いです。
そんな方には
ぜひ、知っておいてほしい事として
IT業界で継続的に仕事をする上で
自己学習が「継続的に」必要である
ということです。
仕事を任され、
信頼されて行く中で
「〇〇ということを作ってもらえないか」
「うちの〇〇をちょっと見てもらえないか」
など、
色々な相談が
少しずつ自分自身に来るようになります。
そういう時に
わからないけれど「自己学習しながら」対応する
ということが
IT業界では求められることがあります。
実際に案件ベースでの依頼に関しては、
「学習期間をください」
など、言う暇はありません。
自分自身でわからないことを調べ、
自分なりに試し、
自分なりに物事を吸収していく。
この継続で
色々な仕事を受け、
それが社内であっても
フリーであっても
信頼を作ることにつながり、
継続的に仕事を振ってもらえるようになるので、
「自己学習をする能力」を身に着ける
という意識で
プログラミング学習に取り組んでもらえると
非常に良いかと思います。
【初心者向け】未経験からSESの企業への就職は「開発経験を積めるか」を注意すべき理由
IT業界で未経験から働く際に、
なかなか、自社開発の企業に内定をもらい、
そのような企業で働くことは、
正直、厳しいという現実があります。
その点、IT業界で経験を積むことを考えると、
SES(システムエンジニアリングサービス)
という形態の会社で、
正社員で採用されながらも、
自社ではなく、メーカーなどの大手企業で働くことで、
IT業界での経験を積むことも1つの方法です。
経験を積むことで、
自社開発の企業への転職など、
次のステップに進むことができる可能性が、
開発の経験を積むことで高くなるので、
市場価値を高める意味でも
未経験からIT業界への入り口の1つとなっています。
そんなSESで働くことに関しては、
1つだけ、企業を決める際に、
考えておいて欲しいことがあります。
それは、
働く職場で「開発経験を積めるのか」
ということです。
この記事では、
なぜ、業種を考えておくことが必要なのかを、
初心者向けに説明していきます。
この記事のまとめ
- 未経験からIT業界にチャレンジしようと考えたとき、
- 最初の一歩として、チャレンジする手段として、
- 「SESという形でIT業界に入る」という方法が、
- はじめてIT業界にチャレンジする人には、
- 1つの方法としてオススメです。
- この方法に関しては、受ける企業に関しては、
- 自分が入社してから何をできるのかというポイントを
- しっかりと押さえておくことが非常に重要です。
- 特にIT業界の中で、「経験を積む」という点では、
- できる限り、「開発経験を積めるかどうか」を重要視するべきです。
- 開発経験を積めることで、
- 数年後に、自分自身のキャリアアップを振り返ると、
- 経験値として、とても大きくプラスになることは間違いありません。
このように、
未経験からIT業界に入ろうとするときに、
SESの企業に入るという選択肢は、
非常に魅力的であることは間違いありません。
そんな未経験から、
SESの企業で働く上で、
どのようなところがオススメのポイントなのか、
逆にどのような点に注意しないといけないのかという点を解説します。
未経験からIT業界にチャレンジするときにSESがなぜ、オススメなのか
自社開発企業への就職は、正直、厳しいという現実がある
未経験からIT業界への就職を目指すときに
自社開発を行っているIT企業
という企業を目指す方は多いです。
ただ、このような自社開発を行っている企業は、
IT業界未経験の方だけはなく、
IT業界でエンジニア経験を積んだ人も応募するため、
就職・転職したいと思っている総数自体が多いです。
さらに、
企業側が求めるスキルのレベルも高いことが多い
ということが、
未経験の方へのハードルを大きく上げる要因です。
「絶対に無理」などは、
それぞれの方の学習で身に付けた内容などで、
一概には言えませんが、
未経験からはなかなか難しいことは、
採用する側から見て、
すごく感じることでもあるので、
まずは、この点を把握しておきましょう。
SESでは、一定期間で希望を出せば、他の現場を会社側に希望することができる
先ほど、
自社開発をしている企業は未経験からは難しい
という説明をしました。
では、
自己学習しているが、スキルには自信がない方で、
どうしてもIT企業への就職を目指したい方はどうするか。
そういう方には、
SES(システムエンジニアリングサービス)
の企業に就職をして、
まずはIT業界で経験を積むことを目標にすることをオススメします。
SESでは、正社員として採用されながら、
特定派遣という形で、
働く職場としては、メーカーなど、
他の大手企業などで働くことになります。
この特定派遣で働く職場に関しては、
入社したSESの企業の取引先によりますが、
働く先をプロジェクト単位で、
会社側に相談することができます。
職場ごとにルールや雰囲気なども違うので、
会社に相談して、色々な職場を見てみることができます。
この点は非常に大きなポイントなので、
経験を積みながら、色々な職場を見れるので、
プロジェクトが半年〜1年の単位になることが多いので、
その単位で会社側に相談すると良いでしょう。
ちなみに、ここでも説明した、
未経験からSESなど、客先常駐を検討すべき理由は、
こちらの記事も参考にしてください。
派遣社員を脱却するためのIT業界への転職は客先常駐を検討すべき理由
IT業界で経験を積むためにSESを活用するなら業種を考えておくべき理由
業種で「テスト工程」が長く、開発経験が積みにくい現場に行くことがあるので注意
SESに入社することを考えたときに、
その入社するSESから、
実際に働く現場を聞かされたときに、
・働く職場の場所
・働く職場の企業規模
などを説明を受けると思います。
そんな説明の中で、特に、
働く職場で作っているシステムの「業種」
は非常に重要です。
この「業種」で違うのが、
開発するための期間の長さ
が大きく違います。
一般的に、
不具合が起きたときに社会システムが揺らぐもの
は
テストする期間が長い(テスト工程が長い)
ということが言えます。
銀行系システムや証券系のシステムですね。
このような業種は、
未経験の方がSESで現場にアサインされたときに、
テスト工程のみ任されるので開発経験が積めない
ということがあるので注意が必要です。
IT業界での「経験を積む」ということを考えたときに、
現場でどのような開発を行ったのか
ということを
転職の際などに重視されるので、
開発経験を積めるのかは非常に重要です。
業種を把握して、「自分が開発工程に携われるか」をきちんと確認しよう
SESの企業に入社して、
現場で働くときに、
「開発経験を積めるのか」が重要である
ということを説明してきました。
それを踏まえた上で、
入社を目指すSESの企業側に確認すべきこととしては、
自分が働く可能性が高い現場で作っているシステムの「業種」
という点と、
現場に行っている「同じ企業」の人が実際に開発工程に携わっているか
という形で確認しておきましょう。
この辺りは、
きちんと確認できていないと、
せっかくIT業界には入れたけど、
開発経験が積めず、
IT業界内での次の転職も難しくなります。
しっかりと確認して、
IT業界の中で、良い経験を積めるようにしましょう。
SESの企業の確認はエージェントを使って確認するのがおすすめ
未経験の方が、
IT業界に入るために、SESを検討すること自体は、
非常に良いことで、IT業界に入りやすいという点でもおすすめです。
このSESに関しては、
「開発経験を積めるのか」という点がポイントで、
このポイントに関しては、
未経験の方が確認するということは、
可能であるけれど、なかなか難しいということが言えます。
そこで、
未経験の方がIT業界を目指す上では、
エージェントを活用して情報収拾を行う
ということが非常におすすめです。
エージェントを活用することで、
- どのような開発を行うかを知ることができる
- 企業の規模や働きやすさなども知ることができる
- 社内にどのような人が多いのかを知ることができる
このようなメリットがあるので、
初心者の方は、エージェントにまずは相談してみることがおすすめです。
エージェントには、自分の今の状況を説明し、
どのような場所で働きたいかと点を共有すれば、
オススメの企業とその企業が、どのような開発を行なっているのかを説明してくれます。
ぜひ、転職エージェンを活用することで、
自分自身でうまく把握でいないことを補助していきましょう。
【初心者向け】プログラミングスクールがお金と時間の無駄になる人の特徴
初心者の方が、
プログラミングスクールを考えていくときに
「本当にうまくスクールを活用できるか」
という点が大きなポイントとなります。
実際にスクールを活用する際に、
このうまく活用できるのか、
という点を考える時に、
うまく活用できない人
がどのような人が多いのかを考えることで、
スクールを活用して、
「お金と時間の無駄だった…..」
とならないように
事前に自分に当てはめて
スクールを活用するかを考えてみましょう。
【初心者向け】プログラミングスクールがお金と時間の無駄になる人の特徴
パソコンを持っていない人

プログラミング学習をしていく上で、
パソコンを持っておくことは
当たり前ですが、
学習において必要です。
そんなパソコンに関してですが、
パソコンをそもそも持っていない人
はスクールにいきなり通うのはオススメできません。
なぜかというと、
パソコンを持っていない人の多くは、
ITリテラシーがあまり高くない人が多いからです。
プログラミングスクールを活用する上では、
最低限のITリテラシーを身に付けておくこと
は非常に重要です。
最低限のITリテラシーというと、
定義が難しいですが、
タイピングもその1つだと考えています。
まずは、パソコンを買ったら、
プログラミングの前に、
タイピング練習を行うことで、
パソコンへの入力に慣れていきましょう。
タイピングは、
早く正確に打ち込むことができるようになることで、
ネット検索やプログラミング学習の際にも、
地味にですが、役に立つので、
まずはタイピング練習を始めてみましょう。
タイピング練習になれたら、
次はネット検索になれると良いですね。
【初心者向け】ITリテラシーがなさすぎると悩むなら、まずはタイピング練習を取り組んでみよう
パソコンを普段から触ることがない人

パソコン自体が家にあるけれど、
自分はあまりパソコンには触れない
という人も、
いきなりプログラミングスクールに通うのは、
やめておいた方が良いと考えています。
パソコン自体の操作に関して
例えば、
コピー&ペースト(コピーして、貼り付けること)
などのショートカットなど、
プログラミングスクールでの学習の際は、
パソコンの基本操作関連は、
細かく教えてくれることは少なく、
特に「オンライン」のプログラミングスクールでは、
この辺りの基本的なパソコン操作は、
なかなか、教えることは難しく、
正直、慣れてもらうしかありません。
また、
このようなパソコンの基本操作ができないことで、
プログラミング学習をしていく中で、
パソコンの基本操作方法の理解に
時間を割いてしまうため、
プログラミングスクールの活用をする上で
非常に勿体無い時間の使い方になってしまいます。
ですので、
普段からパソコンを使うことがない人は、
まずは、
少しでもパソコン操作に慣れることをやってから、
プログラミングスクールの活用を
検討するようにした方が良いでしょう。
ネット検索での情報収拾の経験が少ない人

パソコンを持っている人の中でも、
YoutubeやNetflixなど、
動画サービスを見るために、
パソコンを使っている人は多いです。
そのような人の中で、
特に、
自分でネット検索して情報収集する事が少ない
という人も、
いきなりプログラミングスクールを活用することは、
控えた方が良いと考えています。
ネット検索自体に抵抗感がない状態で、
プログラミング学習をスクールで行うのであれば、
有意義にスクールを活用できると思います。
しかし、
ネット検索を普段から使わないと、
そもそも
「ネット検索って難しい….」
というプログラミング学習の初期段階で
挫折しやすいです。
ですので、
少しでもネット検索に慣れてから、
プログラミングスクールの活用をオススメします。
「超」初心者の中で『ネット検索って難しい』というレベルの人はいきなり「オンライン」のプログラミングスクールに通うのはやめよう
スクール以外の学習時間確保が難しい人
プログラミング学習を進めていく中で、
自分自身で学習に取り組む時間
は非常に重要です。
そして
この「自分自身で学習する時間」に関して
プログラミングスクールで
教えてもらう時間を除いた時間を
あなたはどれくらい確保できますか?
この質問に問題なく、
「私は、1日〇〇時間は確保できます」
と躊躇なく答える事ができれば、
スクールを活用しても問題ないと思います。
逆に
この質問に
「自分の時間確保は難しいかも….」
という状態であれば、
プログラミングスクールを活用することは
正直に言って、
オススメする事ができません。
スクールで学習ノウハウや知識を得ても、
プログラミング学習には、
それを実際に手を動かして
自分自身のものにする時間が必要になります。
ですので、
その時間が確保が曖昧な人は、
まずは、
独学で学習を始めることをオススメします。
実際に取り組んでみることで、
「自分で学習する時間」
がどれだけ必要なのか、
また、重要なのかがわかるでしょう。
転職を目指すなら「DMM WEBCAMP COMMIT/PRO」が1番おすすめ
プログラミングを学習しようとする目的として、
転職を成功させることが目的
という方には、
- 就職・転職に関してしっかりとしたサポートがある
- 未経験からもITエンジニアに転職することが可能である
- マンツーマンで柔軟な学習サポートで学習継続できる
ということを考えると、
「DMM WEBCAMP COMMIT/PRO」
が1番、おすすめです。
プログラミングに関して、理解を深めたいだけであれば、
このあと紹介する初心者にオススメのスクールもありますが、
目的が転職に向けてであれば、
転職を目的にフォーカスしたスクールであるDMM WEBCAMPがおすすめです。
初心者にオススメのスクール一覧
初心者におすすめできるスクールについては、
他にもありますが、
- 就職・転職に実際につながりやすい学習が可能であること。
- 初心者にも安心の学習サポートが充実していること。
- 実際の学習した初心者の実績が多いスクールであること。
ということが大切です。
このようなポイントを押さえているスクールを、
初心者に向けて紹介します。
まずは1歩を踏み出すことが大事なので、
紹介するスクールで気になったものがあれば、
無料の相談などをどこのスクールも行なっているので、
実際にスクールの方と直接やりとりをして、
自分自身にあっているかを判断することが大切です。
【独学・初心者】プログラミング学習は「目的」ではなく「手段」であることを理解しておこう
プログラミング学習をしていく中で、
「プログラミング」
というもの自体への考え方によって、
その取り組み自体の効率や、
実際に得られる結果など、
大きく個人間での違いがあります。
また、
プログラミング学習を進めて
実際にエンジニアとして
働き始めた時に、
「何か、思っていたのと違う」
とならないためにも、
プログラミングは「手段」であり、
あなた自身の「目的」を
明確にすることが重要です。
この辺りのことを、
プログラミング学習を独学で始めたい方や、
新卒として働き始めた方などに向けて、
経験も含めて、
共有していきます。
プログラミング学習は「目的」ではなく「手段」である
プログラミングは形にするための「手段」
IT業界でエンジニアとして活動する中で、
プログラミング自体は、
1つのスキルを身につけることになりますが、
これ自体は、
ITエンジニアに必要な
要望されるものを形にすること
のための1つの要素に過ぎません。
それは、
プログラミングの中で、
プログラミング言語
と呼ばれるものが、
Webやモバイルなど、
用途に向けて、
開発する手段として、
様々なプログラミング言語が、
世の中に用意されていることからも、
あくまで形にするための手段であることが言えます。
ですので、
まずは、学習をしていく、または、現場でやっていく中で、
このプログラミング自体は、
形にするための「手段」
であることを理解しておきましょう
プログラミングがITエンジニアのベースになるのは間違いはない
プログラミング自体が、
要望を形にするための「手段」
であることは説明しました。
ただし、
このプログラミングというものに関しては、
エンジニアとして生きる上でのベースになる
ということは間違いありません。
ですので、
ものを形にするための「手段」
の学習を進めることは、
エンジニアとして生きていく中での
土台を築いているということになります。
そのため、
プログラミングを身につけること自体は、
非常に有意義で、
自分の将来を明るくする要素でもあります。
それを理解した上で、
コツコツと時間をとって、
プログラミング学習は続けていきましょう。
プログラミングを身に付けて、あなたが何をしたいのか
プログラミングを
コツコツと学び続けて
ものを形にするための「手段」を
手に入れた先に、
あなたが何をしていきたいのか
という点が
エンジニアとして生活を続けていく中で
非常に大切なポイントになります。
例えば、
・Webで面白いサービスを開発したい
・サーバの設定などを自分でできるようになりたい
など、
少し曖昧でも、
自分なりの方向性を
はじめのうちから考えておきましょう。
あなたが何をしたいかによって、
プログラミングだけでなく、
IT業界の中で、
知っておくべきこと、
知っておくと役に立つことなどが
少しずつ、見えてきます。
ですので
プログラミングを身に付けて
あなたが何をしていきたいのか
ということを
考えてみるようにしましょう
やっていきたいことに関することを自分なりに調べて把握しよう
あなたがプログラミングを身に付けて
何をやっていきたいのか
ということを考えられたのなら
そのやっていきたいことを実現するために
プログラミングのプラスアルファとして何が必要か
ということを考えてみましょう
例えば
Web系でサービス開発をしたいのであれば、
・どんなサービスが世の中にあるのか?
・サービスの公開方法は?
・世の中のサービスのレイアウトに共通点はないか?
など、
自分がやっていきたいことに関する
様々なことを
自分なりに情報収拾して、
自分の言葉で説明できるようなる
というところまで
取り組んでみましょう
プログラミングを身につける段階から、少し視野を広げてやっていきましょう
プログラミング自体が、
ものを形にするための手段
であることや
あなたが何をしたいのか
を考えることの大切さを説明してきました。
これらのことに関して、
実際に考え、
取り組んでいくことは、
すぐに効果があるものではありません。
しかし、
何をしていきたいのかを考え、
関連することを調べて理解することを
続けていくことで
半年後、1年後に、
あなた自身の視野が広がり、
いろんな角度から
あなたがやっていきたいことを
実現できるように近づいているでしょう。
そのためにも、
何をやっていきたいか考えてみること
を考える時間を取って
関連することの情報収集なども
コツコツと取り組んでみましょう
【現場でも使う】プログラミング学習で使って欲しいエディタ3選
プログラミング学習をしていく中で、
必ず使うことになるエディタ。
初心者の方も含めて、
現場で使っているエディタを紹介することで、
自分にあったエディタを見つけて欲しいと考えています。
知らないエディタもあるかもしれませんが、
「そういうのもあるのか」
という感じで、
頭の片隅にいれておいてもらえると、
現場で働いた際に、
そのエディタを使う機会があるかもしれません。
それでは、
それぞれのエディタをみていきましょう。
【現場でも使う】プログラミング学習で使って欲しいエディタ
Visual Studio Code

エディタを使うときに、
コマンドなどを補完してくれる「入力補完」や、
コードにわかりやすく色をつける「シンタックスハイライト」など、
基本的な機能は、
どのエディタにも欲しい機能です。
そのような機能に関しては、
ほとんどのエディタに標準で対応しています。
そんな時に、
エディタを使っていく上で重視したいこととして、
エディタ自体を動かす時に重たくならないか
ということです。
この点に関して、
Visual Studio Code
は、他のエディタに比べて、
より快適に動いてくれることが多いです。
簡単なプログラムなどでは、
他のエディタと変わりはないですが、
色々とやっていく中で、
読み込むファイル、開くファイルが増えた時にも、
このVisual Studio Codeは、
そこまで重くならず、
快適に動いてくれることが多いです。
OSに関しても、
どのプラットフォームでも動かせるので、
初心者にはオススメのエディタです。
迷っている初心者の方は、
まずはこのエディタを使ってみると良いでしょう。
Atom

Visual Studio Code以外で、
オススメのエディタとして紹介したいのが、
この
Atom(アトム)
と呼ばれるエディタです。
基本的な機能としての、
入力補完やシンタックスハイライトなどは、
Visual Studio Codeと同じように、
標準で対応しているので、
初心者にもオススメできるエディタです。
エディタの見栄え、テーマに関しては、
色々と準備されており、

このように、
色々なテーマの設定が準備されているので、
1から設定しなくても、
気になったものを設定することができます。
オススメのエディタの1つなので、
気軽に試してみると良いでしょう。
iTerm2

プログラミング学習をしていく中で、
レンタルサーバやVPSなど、
SSHで接続して、
設定等を変更するなど、
ターミナルの作業が必要になる時があります。
そんな時に、
使うと便利なエディタが
iTerm2
です。
SSHの接続では、
・ファイルを開きたい
・ログを監視したい
・フォルダ構成を確認したい
など、
複数のことを同時に行うことがあります。
そんな時に、

このように画面を複数分割して、
それぞれで別のことを行うことができます。
作業効率の面でも、
SSH接続で作業を行う場合は、
このエディタを使ってみると良いでしょう。
まとめ
エディタは試して自分に合うものを
今回は、
3つの現場でもよく使われるエディタ
を紹介しました。
プログラミングを続けていく時に、
日々、使うものなので、
試しながら使ってみて、
自分に合うエディタ、
自分に合う設定を、
見つけていきましょう
【Webデザイン】現場でも使っているオススメするCSSフレームワーク
初心者の方が
Webデザインにチャレンジする時に
HTML/CSSの学習を始めていきます。
そんな学習の中で、
CSSフレームワークを使って何かを作る
ということは、
シンプルなHTML/CSSで作るよりも、
楽しく、早く作れる
ために、
実際にCSSフレームワークを使って、
何かを作ることに、
取り組んでもらうことをオススメしています。
そんなCSSフレームワークに関して、
実際に使ってもらいたいCSSフレームワークを、
有名どころを中心に紹介していきます。
CSSフレームワークは、
一番、有名どころに取り掛かる
というのもありですし、
見た目を見て「いいな」と思うもの
を使ってみるのも良いです。
自分自身が気になったものから、
実際に使って、取り組んでみましょう。
【Webデザイン】初心者にオススメするCSSフレームワーク
CSSフレームワーク「Bootstrap」

Bootstrapは、
CSSフレームワークの中でも有名で、
実際の現場でもよく使われています。
Webデザインのレイアウトの中で、
よくみることがあるカードのレイアウトなど、
Bootstrapを使うことで、
このようにシンプルなHTMLで作ることができます。

カードのようなレイアウトを、
1つのコンポーネント(Component)と呼び、
シンプルなHTMLで、
そのレイアウトを作ることができます。
コンポーネントの種類も多いので、
Webデザインにおけるサイト作成では、
Bootstrapを使うことで、
必要なレイアウトは一通り、
作ることができるでしょう。
初心者の方にもオススメのCSSフレームワークです。
CSSフレームワーク「Materialize」

レイアウトを作る中で、
Googleでも採用されている
マテリアルデザイン
このマテリアルデザインに沿った、
コンポーネントを作ることができます。
例えば、
カードのレイアウトに関しては、

このように、Bootstrapと違い、
影の付け方などが、
Googleで使われているマテリアルデザインに、
より近いものとなっています。
こちらのレイアウトが好きな人は、
このCSSフレームワークを使ってみると良いでしょう。
CSSフレームワーク「Foundation」

レスポンシブサイトを作る時に、
候補としていれたいのが、
Foundation
と呼ばれるCSSフレームワーク
BootstrapやMaterializeなどよりは、
レイアウトは非常にシンプルです。
ドキュメント内に、
英語ですが、動画で説明してくれています。

この辺りも参考にすると、
より、このCSSフレームワークへの理解が深まり、
使ってみると楽しいので、
気になったら試してみると良いでしょう。
CSSフレームワーク「Bulma」

HTML/CSSのレイアウトを作っていく中で、
Flexboxは非常に便利です。
そのFlexboxを多用されるようなら、
この
Bulma
と呼ばれるCSSフレームワークはオススメです。
要素の左右寄せなど、

このように、
Flexboxを扱うのと同じように、
レイアウトを組むことができるので、
CSSでFlexboxになれているようなら、
このCSSフレームワークはオススメです。
CSSフレームワークに関する記事
Webデザインの学習ですぐに挫折しそうな初心者は、Bootstrapで楽しみながら学習しよう

HTML/CSSの学習で、
うまく進まないなど、
進展がなくて嫌気が指している人は、
この記事で紹介したCSSフレームワークのどれでも良いですが、
Bootstrapなどをまずはためして、
全体のレイアウトを作ることを、
まずはやってみると良いでしょう
全体が見えると、
HTML/CSSの理解度もあがりやすいので、
悩んでいるようならトライしてみましょう
【リモートワーク】オンライン会議に使うべきオススメのサービス
リモートワークで
社員同士の個人間での会話や
プロジェクトに関するミーティングなど
オンライン会議をする機会も多いです。
そんな中で、
オンライン会議のためのサービスを、
有名どころを抑えながら、
オススメのサービスを紹介していきます。
それぞれの状況にあった、
オンライン会議向けのサービスを活用して、
コミュニケーションの向上に
少しでも活かしていきましょう。
【リモートワーク】オンライン会議に使うべきオススメのサービス
ZOOM

オンライン会議で、
よく使われるサービスとして、
「ZOOM(ズーム)」
があります。
個人の映像を含めたミーティングが可能なことや、
チャットも使うことができるので、
オンライン会議向けとしてよく使われます。
また、
使い方に関しても、
会議をしたい幹事の人が、
URLをオンライン会議をしたいメンバーに共有する
という方法なので、
シンプルに簡単に活用することができます。
音声や映像の安定性に関しても、
比較的、高評価が多いので、
まず検討するサービスとして含めると良いでしょう。
Microsoft Teams

もし、あなたの会社・チームが、
Microsoft 365のアカウントを1人1人が持っている
そのような状況であれば、
セキュリティも含めて、
Microsoft Teams
を選択肢に入れるべきです。
特に企業などで、
セキュリティに関して、
きちんと担保したいのであれば、
Microsoft 365を使っているなら、
間違いなく、Microsoft Teamsを使うべきです。
ちなみに、
無料でもMicrosft Teamsは使うことができます。
Excel / Wordなどと使う時は、
このように

そのためのプランがあるので、
そちらのプランを選ぶと良いでしょう。
Google Meet

オンライン会議に関して、
皆さんがよく知っているGoogleも、
オンライン会議用のサービスを提供しています。
それが、
「Google Meet」
と呼ばれるサービスです。
このGoogle Meetに関しては、
Googleが提供していることもあり、
ビデオ会議の通信は暗号化されていることや、
不正防止のための機能がデフォルトで付いています。
ですので、安心して使うことができます。
無料でトライアルという形で試すこともできるので、
一度、試してみると良いでしょう。
また、現場でGoogle Drive、Gmailなど、
Google系のサービスを他も活用するなら、
G Suite
というGoogle cloud向けの、
アカウントサービスに登録する必要があります。
プランによっては、

このように、
Google Driveの容量が無制限になるので、
プランを検討してみると良いでしょう。
オンライン会議で問題なくやりとりできるために
オンライン会議をしていく中で、
どのようなサービスを使っても、
あなたの音声がきちんと相手に届くのか
という点が1番の問題になります。
そして、
その問題がなぜ起こるのか、
解決するためにはどうすべきなのか。
これを考える時に、
サービス側ではなく、あなたの環境に問題がある
ということが多いです。
ですので、
オンライン会議用のサポートツールを使うことを、
実際にオンライン会議する人にはオススメしています。
以下の記事にまとめていますので、
サポートツールを考える際の参考にしてください。
【リモートワーク】オンライン会議にオススメなツール
リモートワークをしていると、
オンラインで、
個人間での通話や、
複数人での会議など、
「オンライン会議」
を行うことは多いです。
そんなとき、
オンライン会議で問題になることがあり、
それを補助するツールの導入をオススメしています。
どんなことがオンライン会議で問題になるか、
また、それを解決するために、
どのように対応するか、
どのようなツールで補助すれば良いか。
この辺りを初心者向けに説明していきます。
【リモートワーク】オンライン会議にオススメなツール
問題なのは、音声が相手にうまく届かないこと
オンライン会議で、
もっとも問題になること。
それは、
「相手に音声が届かないこと」
なのです。
音声が届かないことは、
そのまま、
オンライン会議を行うことができない
ことにつながります。
自分を写す映像に関しては、
自分の顔が写っていなくても、音声で誰なのか判別できる
ために、
非常に音声は重要なのです。
音声が届かないのは、自分のパソコンでうまく音声を拾うことができていないから
この音声に関してですが、
うまく相手に音声が届かない
という問題に関しては、
ほとんどの事象として、
「相手の声が遠い」
「相手の声が小さく、はっきり聞こえない」
など、
聞こえはするけれど、会議を進める上で困る
というレベルのことが多いです。
大きな原因は、
自分のパソコンでうまく音声を拾えていない
ということです。
この音声をうまく拾えないことに対しては、
そのためのツールを使うことで、
解決する可能性が高いので、
このような問題が発生する、
または、発生する可能性がありそうであれば、
これから紹介するツールを使ってみましょう。
音声を拾うツールを使うことで解決する(1人の場合)
個人1人で音声を拾うときは、
ヘッドセット
と呼ばれるツールを使うと、
相手により、クリアに音声を伝えることができます。
1万円〜1万5000円するような、
色々な種類のヘッドセットがありますが、
Elecomのこの商品が、
安くて品質も良いのでオススメです。
音声を拾うツールを使うことで解決する(複数人合)
音声を拾うツールの中で、
会議室など、
複数人の場所から対応する場合、
その声を拾うツールを使うことをオススメします。
この複数人の音声を拾うツールを
マイクスピーカー
と言いますが、
5万〜10万など価格が高い商品も多いです。
そんな中で、
比較的安く、コスパの良い商品はこちらです。
複数人の会議の時には、
ぜひ、活用してみましょう。
音声ツールを使う上でノウハウ
オンライン会議で、
実際に今回紹介したツールを使っても、
うまく音声が届かない、
届きにくい場合があります。
そんな時のノウハウを紹介します。
シンプルな対処方法として、映像を切って、音声のみにする
オンライン会議で、
「音声にガサガサと雑音が入る」
「声が聞こえたり、聞こえなかったりする」
などの事象が起きている状態で、
映像も合わせて送っているのであれば、
映像を切って、音声のみにする
という対応をやってみてください。
映像を送ることは、
音声を送る以上にネットワークに負担がかかります。
ですので、
映像を止めることによって、
ネットワークの負荷を減らして、
音声を届きやすくすることができます。
この対応で音声が問題なく聞こえることがあるので、
まずは、この対応を試してみましょう。
うまくヘッドセット、マイクスピーカーに切り替わらない時は、USBをつなぎ直してみる
オンライン会議のために、
このようなヘッドセットや、
マイクスピーカー、
を使うときに、
うまくヘッドセットやマイクスピーカーに切り替わらない
ということがあります。
その場合は、
・パソコンに接続したけど、うまく認識していない
・認識しているけれど、設定の切り替えを行なっていない
のどちらかです。
多くは、
いつもは認識しているけれど、今日はうまくいかない
というパターンが多く、
その場合は、
USBを一度、抜いてみて、
再度、USBを差し込んでみましょう。
うまく、パソコン側がUSBを差し込んだ時に、
認識できていないことがあり、
差し込みをもう1度、やってみることで、
うまく認識してくれることがあります。
パソコンがうまく認識してくれない時は、
慌てずに、この抜き差しを試してみましょう。
【女性にオススメ】女性が副業でプログラミング/Webデザインで稼ぐ3ステップ
初心者の皆さんの中に、
よく女性の方が、
「副業で稼ぎたい」
という時に、
「けれど、何を学習していいか、わからない」
ということをよく聞きます。
そんな女性の初心者の方に向けて、
副業で稼ぐための3つのステップをオススメします。
【女性にオススメ】女性が副業でプログラミング/Webデザインで稼ぐ3ステップ
どういうステップが良いのか?
実際に、
「副業で稼ぐために学習をはじめないと」
と考えて、
いきなり、学習をはじめてしまう
という初心者が多いですが、
個人的には、
まずは、どのような副業があるかを理解
してから、学習に入ることをオススメしています。
ちなみに、オススメの3ステップとしては、
- 副業サイトに登録して、どのような副業があるかを把握
- 目指すべき副業に必要なスキルを決める
- 学習をはじめて、随時、副業サイトに追記
というステップをオススメしています。
特に、
「どのような副業があるかを把握」
を最初にするのがポイントです。
最初に把握しておくことで、
自分自身が副業で稼ぐイメージを持つことができる
という点が非常に、学習を進めていく中で、
モチベーションの継続の面でも非常に大きいです。
副業で稼ぐなら、HTML/CSSがオススメ
初心者の女性の方が、
スキマ時間や子育てをしながらの副業を考えている場合、
HTML/CSSを学んで、副業で稼ぐ
ということをオススメします。
難しいと捉える方もいらっしゃいますが、
少しずつ、コツコツと学習することで、
必ず身につき、スキマ時間に進めやすいのでオススメです。
オススメの3ステップ
実際に、
基本的な、Webデザイン(HTML&CSS)での副業を想定し、
実際に主婦の方にもオススメできる、
3つのステップを詳しく紹介します。
副業サイトで、どのような副業があるかを知る
どのような副業があるかを調べるために、
実際の副業サービスに登録をして、
自分自身のページを早めに作っておくことをオススメします。
募集される職種、内容などは少しずつ変わっており、
リアルタイムで、
「いま、どのような副業が募集されているのか」
ということを把握しておくためにも、
副業向けサービスに登録しておきましょう。
目指すべき副業に必要なスキルを決める
先ほどのクラウドワークスに登録したら、
この部分で、HTML&CSSで絞り、
実際にどのような副業があるかみてみましょう。
実際に初心者の皆さんが考えるような、
ページを丸々と作成するものもあれば、
ページの一部を修正するなどを行うなど、
HTML&CSSでも色々な副業があります。
まずは、これらの副業の実態を知り、
自分が学習した後に、応募する副業を知っておく
ということに取り組んでおきましょう。
学習をはじめて、随時、副業サイトに追記
学習を始めて、
自分が学習した内容や、学んだプログラミング言語などは、
副業サイトに追記していく
ことを忘れないようにしましょう。
すこしずつ、
学習を進めていくことで、
プロフィールが充実していきます。
それに伴って、
オファーが届いたり、
応募した後の選考が通りやすくなったり、
少しずつ、目標の副業で稼ぐことに近づくので、
ちょっとしたことですが、コツコツとやっていきましょう。
学習で作ったものは、ポートフォリオとして公開しておこう
初心者の方には、学習を進めていく中で、
作ったものは、ポートフォリオとして、
アピール材料として活用することをオススメしています。
ちなみに、安くて楽なポートフォリオの公開は、
ロリポップサーバをオススメしています。
数百円で公開することができるのでオススメです。
まず、こちらで、レンタルサーバを使えるようにしましょう。
そして、
こちらの記事にそって、ファイルをアップロードしましょう。
作成したWebデザインをロリポップレンタルサーバにアップロードしよう
次のステップに進むために
うまくIT業界の次のステップに進めないなら

実際に副業を探している方の中には、
「そもそも転職を考えている」
「どこで企業を探して良いかわからない」
「今の企業が話を聞いてくれない、退職したい」
など、
さまざまな悩みを持たれている方も多いです。
そして、
そんな方は、
行動したいという思いはあるけど、実行に移せない
ということがあります。
そんな時は、
自分が1歩を踏み出すためにも、
あなたをサポートしてくれるサービスを活用してみましょう。
オススメのサービスを以下の記事で紹介していますので、
まずは、1歩を踏み出してみましょう。
【女性にオススメ】うまくIT業界の就職・転職・副業に進めないときにオススメのサービス
女性の方が、
就職・転職・副業に向けて、
プログラミング学習をしたり、
Webデザインの学習をしたり、
他の資格試験など学習を進めています。
そんな中で、
学習を進めたけれど、
実際に登録した方が良いサービスが知りたい
という方が多いので、
就職・転職・副業に向けたサービスを紹介します。
なかなか、次の職場を見つけられない
企業側との退職調整が進まない
など、悩んでいるけれど、
どのように動いて良いかわからない方の参考になれば幸いです。
企業側との退職調整が進まない、難しい時は女性の退職代行「わたしNEXT」

転職したいな。
けれど、どうしたら良いかわからない。
また、
企業側が退職させてくれない
など、
うまく次のステップに進むことができない
という状況になってしまうことがあります。
退職に関しては、
実際に行動するとすごくエネルギーを使う
ということがあり、
なかなか、行動をすることができないことがあります。
そんな時には、
女性特有の悩みも対応してくれる
「わたしNEXT」
をオススメします。
「わたしNEXT」は
- 退職の相談自体は無料
- 依頼する料金は楽天ペイなどキャッシュレス対応
- 転職サポートなども無料で対応
など、
オススメできるポイントがあり、
相談など、無料で行うことができるので、
まずは、気軽に相談してみましょう。
そして、次の一歩を踏み出してみましょう。
リモートワークのエンジニア向け就職・転職・副業の企業をうまく探せないなら「MIDWORKS」

リクナビやマイナビなど、
大手のリクルートサービスがありますが、
紹介されている企業も大手が多く、
うまく、就職・転職・副業先が決まらない
という方がいらっしゃいます。
そんな方には、
目線を変えてベンチャー企業も候補に入れる
ということも検討してみましょう。
このベンチャー企業が多く、
就職・転職・副業ができる企業を、
まとめて探すことができるサービスがあります。
それが、
「MIDWORKS(ミッドワークス)」
です。
首都圏を中心に、
フルリモートや週3勤務など、
さまざまな種類の働き方、企業が掲載されています。
また、
単価に関しても、他のクラウドワークスなどよりも、
単価が高いので、継続的に稼ぐという点でもオススメです。
まずは、
MIDWORKSのサイトに無料登録して、
無料の相談も可能なので使ってみましょう。
未経験からエンジニアとして働きたい方や、
経験は浅いけれど、スキルを活かして、
フリーエンジニアにチャレンジしたい方などには、
就職・転職・副業を探すオススメのサービスの名で、
ぜひ、使ってみましょう
未経験からのチャレンジでうまく就職・転職で正社員を目指すなら「フレッシュ転職」

女性の方にとって、
完全未経験から、
派遣などの働き方を改善して、
正社員を目指したい
ということは、
なかなか1人でやるには、
難しい面があります。
そんな方には、
完全未経験から正社員への就職・転職に強い人にサポートしてもらう
ということも1つの方法として、
実際に取り組んでみることもやってみるべきです。
例えば、
未経験から、事務やクリニックなどの受付で働きたい
未経験から、IT業界で正社員で働きたい
など、
自分1人で、企業を探して、
実際に働けるようになるまでは、
なかなか、難しいステップがあります。
そんな1人では難しいステップを、
個別にサポートしてくれるのが、
「フレッシュ転職」
です。
実際の企業探しだけではなく、
あなたが、
今の企業のやめ方がわからない
うまく今の企業の退職の話が切り出せない
など、
退職に関する悩みを持っているのであれば、
合わせてサポートしてくれるのでオススメです。
まずは、
無料で登録ができるので、
面談の申し込みをして、
自分の状況、今後の目標など、
相談に乗ってもらいましょう。
【初心者向け】ITリテラシーがなさすぎると悩むなら、まずはタイピング練習を取り組んでみよう
リモートなど、
よりITリテラシーが必要になってきています。
いや、今後、ITリテラシーは必須と言えるでしょう。
そんな中で、
「ITって難しいなぁ」
「ITリテラシーに自信がない」
という方には、
まずは、タイピング練習をやってみる
ということをオススメします。
なぜ、「タイピング練習」なのか。
いきなり、プログラミングやITの記事など、
色々なことをやって、
情報収集やスキルアップに取り組むことも可能です。
この「タイピング練習」を行うことで、
何かを調べる時に打ち込むスピードが早くなったり、
他の作業にも良い影響を与えることができ、
この良い影響が、
そのあとのITリテラシーの向上にも、
良い意味で波及するので、
その辺りを説明していきます。
今は、ITリテラシーがなくて、
何をやって良いかわからない
という方に、この記事を読んで、
まずは、一歩を踏み出して頂ければと思います。
ITリテラシーがなさすぎると悩むなら、まずはタイピング練習を取り組んでみよう
継続的な練習で「継続的に学習する習慣」をつけることができる

タイピング練習をはじめて、
実際に上達するまでに、
継続的に何度も練習する
ということが必要です。
この「継続的な練習」は、
ITリテラシーを高める上で、
継続的に物事を続ける能力の向上
に非常に役に立ちます。
実際にこの能力を向上することで、
ITリテラシーの向上に必要な、
最新の情報を継続的に収集する能力
を養うことにも繋がります。
IT関連の情報は、
常に最新のサービスがリリースされ、
使われているシステムもバージョンアップされるなど、
日々、他の業種よりも早いスピードで変わっていきます。
その情報を継続的に収集していくためにも、
継続的に物事を学習する習慣
が重要になってきます。
この重要な習慣を
タイピング練習に取り組むことで習慣として取り入れていきましょう。
タイピングが早くなると、パソコン操作の苦手意識が減っていく

業務の中で、
「パソコンを使う業務は苦手だな」
「紙の書類だけの仕事なら大丈夫だけど」
など、
パソコンへの苦手意識を持たれている方がいます。
この苦手意識を持たれている方の多くが、
パソコンでの入力作業自体が苦手
であることが多いです。
この入力作業は「タイピング」がうまくできるかどうか。
この点に集約されています。
パソコンへの苦手意識とタイピングの苦手意識は、
相関関係がある程度、見られると考えています。
そのため、この現象を逆に考えると、
タイピング練習でタイピングが上達すると、
パソコンへの苦手意識が和らいでくる
ということが言えるのです。
タイピング練習で少しでも見える形で上達していくと、
パソコンに触ること自体が楽しくなってきます。
楽しくなっていくことで、
パソコンへの苦手意識も薄れていき、
パソコンを使った業務に関して、
より意欲や向上心がうまれてきます。
そのためにも、
まずは、タイピング練習をはじめてみましょう。
現在の業務内の入力作業にそのまま活かせることができる

色々な業種にパソコンは使われており、
パソコンを使った業務はどこでも行われています。
社内資料作成、納品書、データ登録。
他にも業種によって、
パソコンを使った入力処理はたくさんあります。
そのような入力処理では、
パソコンのタイピングが必要になり、
タイピング練習で上達したことが、
業務の入力処理にそのまま活かされます。
実際の業務に直結する人は、
ぜひ、タイピング練習をはじめてみましょう。
タイピングの上達は、パソコンを好きになる最初の一歩

タイピング練習をすること。
タイピングが上達すること。
これは、
パソコンを好きになる最初の一歩。
ITリテラシーに自信がなく、
パソコン自体に苦手意識があるのなら、
このタイピング練習で一歩を踏み出してみましょう。
ちょっとずつ、少しずつ、上達していきます。
そのちょっとが、一歩一歩が、
あなたをパソコン好きにしていきます。
できることから、コツコツと。
タイピング練習で継続的な取り組みの習慣化を身につけ、
今後のパソコンライフをより良いものにしていきましょう。
【悩んでいる方へ】IT系ブラック企業で働いているなら今すぐに転職活動を始めるべき理由
なかなか一歩を踏み出せない方から、
「ブラック企業で働いているけど、転職を考えたい」
という質問はよく受けます。
そんなブラック企業で働いている方に、
自分自身の経験も踏まえて、
ブラック企業で働いているあなたに、
今すぐにブラック企業をやめるべく、
今すぐに転職活動を始めるべき理由
を説明していきます。
IT系ブラック企業で働いているなら今すぐに転職活動を始めるべき理由
IT業界で働いている方は、いろんな企業が欲している

ブラック企業の代名詞、「長時間労働」。
あなたも、長時間労働していますか?
そんなブラック企業で働いている方は、
「すこし、働く時間が他よりも長いけれど仕方がない」
ということを考えていませんか。
はっきり言いますが、
それは、あなたのためではなく、
ただ、ただ、
会社のために、単純労働をあなたが行っているだけ
ということが多いです。
知的労働で、世の中でも、
「あなたがやらなければ、他には誰もできない」
という職業もあることも事実です。
しかし、多くの人は、
自分が世の中に必要とされていることを知らずに働き続けている
ということが事実です。
特に、IT業界のブラック企業で働いているあなた。
IT企業でブラック企業で働く意味はもうありません。
あなたが、
SESなどでどうしても、今の企業で働き続けたい
などを考えているなら別ですが、
IT業界で働いている方は、いろんな企業が欲している
ので、今の企業の給与水準のまま、
他のホワイト企業へ転職することも可能です。
「長時間労働」は必ずあなたの健康を害する

長時間労働をしているあなたが、
もし、若かったり、
健康に自信がある方でも、
本当に今のまま「長時間労働」を続けることができますか?
このことは、
本当に真剣に考えてほしいと思います。
こんなことを言っている私自身も、
以前、IT系のブラック企業で、
半年ほど、400−500時間ほど働いていました。
20代半ばで、体力もあったので、
「残業代入るから、いいかな」
と考えてやっていましたが、
3、4ヶ月後にあった知人や親などから、
「お前は、病人にしか見えない」
と言われ、我に戻りました。
「このままではいけない」
自分自身は気づかなくても、自分の体を害している
ということに気づいたのです。
そんな、「長時間労働」をやっている方には、
今の本当の姿を、周りの目からどのように見えるか、
少しでも早く気づいてほしいです。
本当に体を害する前に。
ちょっとでも悩んでいるなら、ブラックの可能性大

実際に、
「長時間労働」や「強い言葉による否定」
など、現場で働いていると、
自分自身では、わからなくなっていきます。
ただ、冷静になって考えてみてください。
ホワイト系の企業で働いていますが、
「毎日定時退社」や「強い否定の言葉の暴力がない」
というあたりまえと考えられる環境です。
どうですか?
あなたが、少しでも悩んでいるなら、
このホワイト企業との違いを感じませんか?
もし、悩んでいて、この部分に違いを感じるようなら、
あなたが働いている環境はブラック企業の可能性が高い
ということが言えます。
今すぐに、転職を考えるべきです。
転職は行動しなければ何もはじまらない

「転職しようかなぁ」
「転職したいなぁ」
と考え始めた時に、
まず、一歩を踏み出して行動する
ということが大切です。
ずるずると先延ばしにして、
年齢・スキルが転職に適した状態だったのが、
時が過ぎるごとに転職が難しくなり挫折する。
そのような人をみてきました。
そうならないためにも、
少しでも早く、一歩を踏み出しましょう。
また、1つ知っておいてほしいこと。
もし、あなたがIT業界で1年以上、
何かしら開発業務に取り組んでいるのなら、
それは、
あなたが思う以上に市場価値は高い
ということ。
転職への第一歩として、
あなたの市場価値を見つめるところから始めてみましょう。
以下の記事を参考に。
これから転職する人が増えるので、早めに一歩を踏み出すべき。

リモートワークも普及し始め、
IT業界への就職・転職を目指す人は増えている
という流れがあります。
これは、
オンラインのプログラミングスクールが、
たくさん普及していることや、
Progateやドットインストールなど、
無料のプログラミング学習サービスの普及など、
未経験の方が一歩、踏み出しやすい環境が生まれたからです。
そんな中で、
すでにIT業界で少しでも経験があるあなたが、
先行優位を保持するためにすべきこと。
それは、
今のうちから、早めに転職への一歩を踏み出すこと
ということです。
早ければ、早いほど、
IT業界に未経験の人はまだ、入ってきていません。
このちょっとした時間でも、
企業側が採用しようとするエンジニアの数が減り、
即戦力で転職しようとするエンジニアは増えているのです。
あなたが転職を考えている今こそ、
すぐに行動すべき時なのです。
まずは一歩を踏み出しましょう。
今の企業が退職させてくれないなら、「退職代行サービス」も活用すべき

もし、あなたが、退職を考えているけれど、
「上司がうるさくて、転職が面倒」
「会社に何を言われるかわからない」
など、
少しでも、会社都合で退職というアクションを
行うことが難しいようなら、
「退職代行」サービス
という会社員が、うまく退職を進められない時に、
あなたに変わって退職を代行してくれるサービスがあります。
正直、悩んだまま、その職場で働く意味がないのであれば、
このようなサービスを使って、
より良い人生のために、次のステップに進みましょう。
CSSフレームワークと合わせてCSSで調整を行うならFlexboxを使ってみよう
初心者がWebデザインの学習を進めていく中で、
HTML/CSSの学習をはじめるでしょう。
そして、その基本を押さえた上で、
次に取り組むこと。
それが、
CSSフレームワークを活用したレイアウト作成
このCSSフレームワークを使う上で、
「少し、自分のCSSでレイアウトに調整を入れたい」
という、カスタマイズを行いたいことはよくあります。
そんなCSSフレームワークを使いながら、
自分自身でCSSを追加して調整する時には、
Flexboxを使用してレイアウト調整を行う
ということをオススメしています。
Flexboxを使わなくても、
CSSのfloatなどで調整することもできます。
そんな中で、なぜFlexboxをオススメするのかを説明します。
CSSフレームワークとは?
簡潔にシンプルなコンポーネント(ボタンなど)を作れる
HTML/CSSを学習している初心者の方には、
そもそも、
CSSフレームワークって何?
という疑問があると思います。
CSSフレームワークというのは、
みなさんが、HTMLにクラスを追加して、
CSSに、background-colorや、padding/marginなど、
色々な設定をすることで、
「大変だなぁ」
と思いながら作っているボタンなどを、
簡単に作れるようにしたものです。
ちなみに、
CSSフレームワークの中で、
ボタンなどの部品=コンポーネント
と呼びます。
例えば、

このようなボタンは、
CSSフレームワークを導入すると、
HTMLだけで、

このように、HTMLに指定のクラスを追加するだけで、
色のついたボタンを作ることができます。
このように、
CSSをまとめて便利に使えるようにしたもの
という理解を初心者の方はまずは持っておきましょう。
Bootstrap(ブートストラップ)というフレームワークが有名

CSSフレームワークは、
世の中にたくさんの種類があり、
自分の好きな見た目のフレームワークを活用できます。
そんな中で、
初心者の方には、
Bootstrap(ブートストラップ)
というCSSフレームワークが有名なので、
まずは、このCSSフレームワークを覚えておきましょう。
Flexboxとは?
初心者の方の中には、
「Flexboxとは、なんのこと?」
ということから、
疑問に思われる方もいらっしゃると思います。
そんな初心者に説明しておくと、
要素の「親要素」と「子要素」の配置を指定する方法
をFlexboxという方法で行うことを言います。
「親要素」と「子要素」が何を言っているのか。
これは、この図を見てもらうとイメージできるでしょう。

HTMLの構造は、
このように階層になっていて、
「親要素」の中に「子要素」を入れていきます。
Flexboxを使う方法も、CSSの中に

こんな感じで、display: flex;を設定します。
この辺りは、
初心者向けにサイトにまとめていますので、
サンプルも含めて動かしながら見てもらえればと思います。

「CSSの基礎と要点」の「配置(Flexbox)」を参照ください。
CSSフレームワークと合わせてCSSで調整を行うならFlexboxがオススメな理由
ここまで、それぞれ、
「CSSフレームワーク」と「Flexbox」
の概要を説明しました。
その概要を理解してもらった上で、
CSSフレームワークを使う場合に、少しCSSでレイアウト調整をしたい
という場面が多々あります。
そんな時は、Flexboxを使うことをオススメしています。
その理由としては、
- Flexboxはこれからのレイアウト作成では使えるべき
- CSSフレームワークでもFlexboxが使われている
という2点が理由としてあげられます。
それぞれの理由を説明します。
Flexboxはこれからのレイアウト作成では使えるべき
「Flexboxとは?」で簡単に説明しましたが、

このようなレイアウトを作るときに、
Flexboxを使うことで、
「簡単」に「簡潔」に作ることができます。
また、現場でも使う機会が多いので、
初心者の方は、
ぜひ、使えるようになっていきましょう。
CSSフレームワークでもFlexboxが使われている
Flexboxを理解して、
自分自身でもCSSで調整をしていくことができれば、
様々なレイアウトを組むことができます。
また、Flexboxで調整ができることは、
CSSフレームワークの中で設定されているFlexboxの設定を上書きできる
というメリットがあります。
これによって、
大きく設定を変えることなく、
CSSフレームワークのレイアウトを調整することができるのです。
具体的には、
BootstrapというCSSフレームワークを例にすると、

このように、
CSSフレームワーク内で、Flexboxを使用している
ことがわかります。
そのため、
Flexboxでの調整は、
CSSフレームワークと相性が良いため、
初心者のみなさんも、
自分で行うCSSフレームワークのレイアウトの調整には、
Flexboxを使って調整するようにすることがオススメです。
【現場エンジニアが語る】リモートワークで社内の情報管理に使いたいオススメのサービス
社内だけで業務を行うのであれば、
社内にファイルをアップロードするサーバを用意して、
その中で管理すれば良いです。
ただ、リモートワークで業務で使うファイルなどを
管理していく上では、
自社でアップロードできるサーバを準備・管理するよりも、
サービスを活用することで利便性が飛躍的に向上します。
実際の情報システムの担当者、
また、サービス導入を検討することになった担当者に、
少しでも参考になれば幸いです。
リモートワークでサービスを活用するメリット
社内で扱う情報をリモートワークで共有していく中で、
情報を管理・整理しておく
ということは非常に重要です。
この情報の管理・整理に関して、
サービスを活用することで、
- 情報の追加/変更などの「操作履歴」が残せる
- 情報が「わかりやすく」管理できる
- 管理したいユーザーなどを簡単に変更できる
という3点が、
サービスを活用するメリットとして挙げられます。
このそれぞれのメリットを説明します。
情報の追加/変更などの「操作履歴」が残せる
情報を管理していく上で、
「誰が」情報を残したのか
「いつ」情報を残したのか
「なんのために」情報を残したのか
ということを残しておくことは重要です。
この、「誰が」「いつ」「なんのために」という、
その情報を残す目的が明確になる
という点が非常に大きなポイントです。
情報が積み重なった時に、この残す目的がわかる「操作履歴」が、
しっかりとわかるということが、情報を管理していくことを助けます。
情報が「わかりやすく」管理できる
情報を管理していく中で、
情報が「わかりやすく」管理されているのか
という点は重要です。
情報が増えれば増えるほど、
どこに情報があるのかを探す時間
に多くの時間を使う可能性が高くなります。
そんな時に、
情報を管理するサービスを活用することで、
情報を管理しやすい画面/操作で簡単に情報を探すことができる
ということが、
不要な情報を探すという時間の短縮にもつながり、
業務の効率化にも繋がります。
管理したいユーザーなどを簡単に変更できる
情報を管理していく中で、
社員をユーザーという単位で管理する
ということが重要です。
そして、
そのユーザーという単位で、
ファイルをアップロードするなどの権限
を設定します。
そんな権限の追加・変更を行うことは、
サービスを活用することで、
情報システムの担当(エンジニア)に頼まなくても、
「管理をしたい担当者」が、簡単に変更することができる
ということが、
社員や業務に関わるメンバーを追加したい時など、
時間をかけず、簡単にできるので、
運用が非常に楽に行うことに繋がります。
リモートワークで社内の情報管理に使いたいオススメのサービス
Google Drive(Google ドライブ)

Google Drive(ドライブ)は、
様々なファイルをアップロードでき、

このような、色々な種類を管理することができます。
様々なファイルをアップロードできるだけでなく、
Excelを例にすると、
「スプレッドシート」と呼ばれる、
同じようなものを作成することができます。
ちなみに、

こんな感じで、
今までExcelを使っていた人でも、
同じように使うことができます。
使うにあたって、
- 無料で15GBの保存容量が使える
- 権限の設定も簡単
ということがポイントなので、
簡単に説明します。
15 GB の保存容量を無料で使える
ファイルをネットワーク上に保存するためには、
通常は料金が発生します。
ただ、このGoogleドライブは、
15 GB の保存容量を無料で使える
ので、まずは試してみましょう。
権限の設定も簡単
Googleドライブの、
ファイルやフォルダの権限設定も非常に簡単です。
具体的には、

このように共有もメールアドレスを設定するだけ、
また、権限の設定も、

このように、
一般公開も含めて、簡単に変更ができます。
Backlog(バックログ)

Backlog(バックログ)は、
- タスクの管理が簡単
- ガントチャートでスケジュール管理が可能
- Wikiとして情報が管理可能
- Gitの管理も可能
というメリットがあり、
情報管理をするサービスの中で、
非常にオススメできるサービスです。
タスクの管理が簡単

Backlogはタスクの追加も簡単にでき、
担当者や優先度など、


このように基本的な設定項目は網羅されているので、
タスク管理を簡単に行うことができます。
ガントチャートでスケジュール管理が可能
登録したタスクは、

このようにわかりやすく、
ガントチャート表示ができるので、
スケジュール管理としても活用できます。
Wikiとして情報が管理可能
様々な情報はWikiとしてまとめることで、
資料としてまとめることができます。
実際のWikiへの登録も、

このように使いやすい登録画面があるので、
一般職の方でも簡単に登録を行うことができます。
Gitの管理も可能
現場でシステムなどに関して、
資料などをまとめるのと合わせて、
「Gitを管理したい」
という要望はよくあります。
そんなGitに関しても、

このように、リポジトリの登録など、
簡単に行うことができるので、
社内のシステム開発を行なっている企業にもオススメです。
GoogleドライブとBacklogの併用もオススメ
ここまで、オススメできるサービスとして、
「Googleドライブ」と「Backlog」
の2つを紹介しました。
どちらかのサービスで、
ある程度の業務に関しては、
運用を踏まえて対応はできます。
片方を選んで導入して頂いても良いですし、
2つのサービスを併用して管理する
という方法もオススメです。
BacklogのWikiではまとめにくい部分を、
Googleドライブのスプレッドシートなどにまとめるなど、
方法は色々と可能なので、
それぞれの現場にあった形で導入を試してみましょう。
【現場エンジニアが語る】リモートワークでWebエンジニアがこれから必要になる能力
Webエンジニアとして、
これからの働き方として標準化していき、
その波に乗れるかどうかは非常に大切です。
そんな中で、
リモートワークで働いていく中で、
Webエンジニアとして、これから必要な能力
というものを自分なりの考えを共有していきます。
対象としては、
- エンジニアだけど、Web系に移行したい
- 駆け出しWebエンジニアだけど、ステップアップしたい
- Web系エンジニアを目指している
このような方の参考になれば幸いです。
それでは、何が必要になるのかを見ていきましょう。
【現場エンジニアが語る】リモートワークでWebエンジニアがこれから必要になる能力
最低、1つのフレームワークを扱えること
リモートワークで複数人で開発をやっていく中で、
最低限の共通認識を持つこと
というのは重要です。
この共通認識を持つことで、
- お互いの大きな方向性のズレが生じにくい
- 作っていくものが、お互いに理解しやすい
というメリットがあります。
このようなメリットは、
リモートワークをしていく中で、
対面よりも意思疎通が難しい環境では、
非常に重要なメリットです。
そんなメリットですが、
Webエンジニアとしては、
この共通理解を促すものとして、
プログラミング言語のフレームワーク
というものを使用します。
このフレームワークを使用することで、
最低限の品質担保や、共通認識が持てるので、
リモートワークであれば、フレームワークを使えることは必須
であると言えます。
例えば、
PHPなら、Laravel

Rubyなら、Ruby on Rails

このようにフレームワークは扱えることは必須です。
現場で、フルスクラッチで開発している人も、
今後、リモートワークで働くことを考えるのであれば、
フレームワークの学習を進めてましょう。
ちなみに、
リモートワークができる企業に入るためにも、
このフレームワークの理解は必要なのですが、
なぜ、必要になるのかを、以下の記事で詳しく説明しています。
【現場エンジニアが語る】リモート開発の企業への就職・転職には、フレームワークの学習が必要である3つの理由
最低限のネットワークの理解

実際の開発現場で開発業務を行なっていると、
そのパソコンだけで解決するので、
ネットワークのことがよくわからない
という方が多いです。
ただ、リモートワークを行なっていく上では、
最低限のネットワークの理解
というものは必要です。
それでは、どの程度のネットワークの理解が必要なのか。
具体的には、以下のワードに関して、
自分なりに答えることができますか?
- IPアドレス
- グローバルIPアドレス
- ドメイン
- エラー内容300系、400系、500系の大きな違い
この辺りが基本として、
リモートワークで業務をしていくと、
自分自身で解決、対応しなければならない
という状況が多々あります。
Webエンジニアとしては、
自分自身に起きたもんだいをかいけつするため、
また、メンバーに起きた問題を解決に導くためにも、
このような基本的なネットワークへの理解は必要です。
今、理解ができていなくても、
少しずつで良いので、学習をしていきましょう。
Linuxの基本コマンドの理解

リモートワークをしていく上で、
キーワードとなるのは、
システムのクラウド化
ということです。
このシステムのクラウド化に関して、
システムのベースとして多く使われているもの、
それが、
Linux(リナックス)
です。
このLinuxに関して、
Webエンジニアとしては、
- SSHで鍵ファイルを使ってのアクセス方法
- Linux内でのフォルダの移動
- ログファイルのリアルタイム確認
- 設定ファイルの中身のチェック
などができるようになると良いでしょう。
ちなみに、
設定ファイルの中身の確認など、
「ダウンロードしてから、エディタで確認すれば良いか」
などの考えはやめましょう。
そもそも、セキュリティとして、
ダウンロードできなくしているはずなので、
Linuxにsshでログインして、
そのまま、vimなどで見れるようになっておきましょう。
慣れるまでは、難しいと感じるかもしれませんが、
初心者の方には、少しずつでも、触ってもらうことが、
理解を進める上で大切だと思っています。
こちらの記事に、
初心者向けにLinuxを学ぶオススメの学習方法を載せていますので、
ぜひ、参考にしてください。
【初心者向け】Linuxを学び始めたい時のオススメの学習方法
物事を図解できる能力
リモートワークをしていく上で、
「Slack」 や 「ChatWork」 など、
チャットツールを一般的に用いることが多いです。
しかし、チャットツールを使う中で、
うまく伝えたいことが文章だと伝わらない
という問題を抱えることは多いです。
そんな中で、Webエンジニアとしては、
伝えたいことを図解で伝える
ということを行うことで、
非常に相手に伝わりやすくなります。
例えば、
無料で使うのであれば、
「Draw.io」

などを使ってみると良いでしょう。
無料で

こんな感じのフローチャートなどを作ることができます。
自分が伝えたいことを、
図解することでよりわかりやすく伝えましょう。
リモートワークで他の人に何かを伝える時に、
理解をしやすい図解があることは、
相手だけでなく、自分自身の理解のためにも、
非常に有益なものになります。
なれてくると、そこまで時間をかけずに、
自分の作りたい図が作れるようになります。
ですので、少しずつでも、
慣れるためにも使っていきましょう。
【初心者向け】Linuxを学び始めたい時のオススメの学習方法
プログラミングやWebデザインを学習していく中で、
色々なことを学び、初心者の方は成長していくでしょう。
そんな中で、
少しずつ、できることの幅が広がっていく中で、
初心者の方から、
Linuxを学習してみたいけれど、何から始めたら良いか
という質問をよく受けます。
そんな、初心者の方の質問に関して、
Linuxを学び始めたい時のオススメの学習方法
という点で、オススメの学習方法を紹介していきます。
【初心者向け】Linuxを学び始めたい時のオススメの学習方法
基本コマンドを理解して、何度も動かしてみることが大切
まず、初心者の皆さんが、
プログラミング学習と同様に、
Linuxの理解、学習を進めていく中で、
基本コマンドを理解して、何度も動かすこと
ということが重要になってきます。
例えば、
・パソコンのファイルを開く時にダブルクリックする
・パソコンを終了する時は、シャットダウンのボタンを押す
など、最初はわからなくても、
何度もやることで、
無意識にその作業を行うことができるようになります。
Linuxを理解し、慣れていくこともこれと同じ。
Linuxのコマンドも、
$ pwd
のようによく使うコマンドは、
何度も動かしていくことで、
無意識に使うことができるようになります。
初心者のみなさんは、
まずは、このような基本コマンドを、
何度も動かして、コマンドに慣れていく
ということから始めていきましょう。
動かせる環境は、安くて、何度もやりなおせるVPSがオススメ

Linuxの学習を始める中で、
初心者の方が色々と調べてAWSなどを検討される方もいらっしゃいます。
ただ、初心者の方が、AWSを使う際に、
AWSは独自のコンソールなど、初心者には使いにくい部分が多い
という点が挙げられます。
無料で使える代わりに、
実際にLinuxの学習に取り掛かる前に挫折しやすく、時間がかかる
というデメリットがあると考えています。
VPSでオススメする要素として、
- VPSの運用としての実績が高い企業が運営している
- 処理が速い高速なSSDを使っているVPSである
という点があるVPSをオススメしています。
そんなVPSとして、
ここでは、「ConoHa VPS」をオススメしています。
プランも、コスパ的には、

これがオススメです。
書籍「LPICレベル1」で基本コマンドを理解しながら学習しよう

初心者の中で、
Linuxを触ったこともなく、コマンドも全く知らない
という方は、この本がオススメです。
この本は、LPICという資格向けの本ですが、
正直なところ、
資格を受ける必要性は感じないが、この本は有益
であると言えます。
資格試験の費用が高額なのもありますが、
Linuxの資格試験はそんなに受ける必要がないので、
あくまで、
Linuxの学習書籍+コマンドのリファレンス
として活用することをオススメします。
そして、この本が資格試験向けになっていることもあり、
章末問題などで、理解度の確認ができる
という点も、初心者の学習には良い役割を果たします。
まずは、ぜひ、この本で、
基本的なコマンドを理解して、何度も試して動かす
ということをやっていきましょう。
【初心者向け】Webデザイン学習で独学にオススメのサイト
プログラミング初心者で、
- 独学でWebデザインをはじめたい
- 何か良いWebデザインが学習できるサイトが知りたい
- ITに疎いので、どのようなサイトがあるかわからない
という方のために、
オススメのサイトを紹介しますので、
ぜひ、参考にしていただいて、
学習を進めていただければと思います。
プログラミング/Webデザインの独学にオススメのサイト
chot.design

chot.designの特徴といえば、
基本的なことから、デザインに関して知識を得ることができる
という点が特徴です。
様々なレッスンという名の学習がありますが、
1つずつ、少しずつ進めることで、
Webデザインを行っていく上での知識が、
少しずつ蓄積されていきます。
Webデザインの初心者の中でも、
- 1つずつ、少しずつ理解したい
- 学習ステップを進めながらWebデザインの知識を広げたい
- Webデザインの教養を学びたい
という方には非常にオススメです。
ぜひ、無料登録してはじめましょう。
ドットインストール

ドットインストールの特徴といえば、
何と言っても、
3分動画で、スキマ時間に学習できる
ということです。
まとまった時間が取りにくい人でも、
3分の動画であれば、
ちょっとした時間にみることができ、
Webデザインの学習を継続することができます。
Webデザインの初心者の中でも、
- スキマ時間を活用して学習したい
- 動画での説明がほしい
- まずはインプットに専念したい
という方には非常にオススメです。
3分という動画は、
スキマ時間に見れるだけでなく、
見直すことも短時間でできるため、
繰り返す頻度を多くしていくことで、
Webデザインの学習の成果をあげることができます。
ぜひ、Webデザインの学習にも取り入れていきましょう。
Udemy(ユーデミー)

Udemyの特徴といえば、
何と言っても、
しっかりとした有料の学習コンテンツが多い
ということです。
Progateやドットインストールなどで、
基本的なことを学習して、
学習に行き詰ることはよくありますが、
そんな初心者の方が、
- 自分が身に付けたいスキルをレベルアップしたい
- 入門だけでなく、基礎〜応用まで学びたい
- 学習コンテンツに加えてレクチャーを受けたい
と考える方には、
非常にオススメのサービスですので、
先ほど、オススメした
「chot.design」
「ドットインストール」
のどちらかで学習を進めた後に、
自分が深く知りたいコンテンツを探して、
より深くプログラミング学習を行っていきましょう。
Webプログラミングの基本と要点

Webデザインの初心者は、
必ずHTML/CSS/javaScriptの3つを学習するでしょう。
そんな学習を行う初心者のために、
HTML/CSS/JS周りをベースにまとめたサイト。
サンプルソースやオススメの書籍なども共有されているので、
学習の参考にすると良いでしょう。
【初心者向け】プログラミング学習で独学にオススメのサイト
プログラミング初心者で、
- 独学でプログラミングをはじめたい
- 何か良いプログラミングが学習できるサイトが知りたい
- ITに疎いので、どのようなサイトがあるかわからない
という方のために、
オススメのサイトを紹介しますので、
ぜひ、参考にしていただいて、
学習を進めていただければと思います。
プログラミング/Webデザインの独学にオススメのサイト
Progate(プロゲート)

Progateの特徴といえば、
実際に打ち込みながら学習していく
というスタンスです。
自分自身で取り組むことで、
よりプログラミング学習の成果をあげることができます。
プログラミング初心者の中でも、
- 1つずつ、試しながら理解したい
- 学習ステップの内容は1つずつ濃いものが欲しい
- トライ&エラーを繰り返して理解したい
という方には非常にオススメです。
ぜひ、無料登録してはじめましょう。
ドットインストール

ドットインストールの特徴といえば、
何と言っても、
3分動画で、スキマ時間に学習できる
ということです。
まとまった時間が取りにくい人でも、
3分の動画であれば、
ちょっとした時間にみることができ、
プログラミング学習を継続することができます。
プログラミング初心者の中でも、
- スキマ時間を活用して学習したい
- 動画での説明がほしい
- まずはインプットに専念したい
という方には非常にオススメです。
3分という動画は、
スキマ時間に見れるだけでなく、
見直すことも短時間でできるため、
繰り返す頻度を多くしていくことで、
プログラミング学習の成果をあげることができます。
ぜひ、プログラミング学習にも取り入れていきましょう。
Udemy(ユーデミー)

Udemyの特徴といえば、
何と言っても、
しっかりとした有料の学習コンテンツが多い
ということです。
Progateやドットインストールなどで、
基本的なことを学習して、
学習に行き詰ることはよくありますが、
そんな初心者の方が、
- 自分が身に付けたいスキルをレベルアップしたい
- 入門だけでなく、基礎〜応用まで学びたい
- 学習コンテンツに加えてレクチャーを受けたい
と考える方には、
非常にオススメのサービスですので、
先ほど、オススメした
「Progate」
「ドットインストール」
のどちらかで学習を進めた後に、
自分が深く知りたいコンテンツを探して、
より深くプログラミング学習を行っていきましょう。
Webプログラミングの基本と要点

プログラミング初心者のために、
少しでも、参考になればと思い、
HTML/CSS/JS周りをベースにまとめたサイト。
随時、情報は追加しているので、
参考にしてもらえれば、非常に嬉しいです。
【現場エンジニアが語る】リモート開発の企業への就職・転職には、フレームワークの学習が必要である3つの理由
プログラミングの学習を進め、
就職・転職を行っていく上で、
リモートワークで働きたい
と考える人も多く、
学習をしていく中でも、多いのは事実です。
そんな、リモートワークで働くために、
フレームワークを学習する必要性
が非常に高いと感じているため、
その理由とオススメのフレームワークを紹介します。
【現場エンジニアが語る】リモート開発の企業への就職・転職には、フレームワークの学習が必要である3つの理由
フレームワークにより、リモートでも最低限のベースが保ちやすい

リモートワークを行なっていく中で、
フレームワークを使う大きな理由として、
最低限のベースがフレームワークで保証できる
という点が非常に大きいです。
例えば、
- ファイルを置く場所はどこか?
- 処理の書き方はどのようにするのか?
- プログラミング言語は?バージョンは?
など、様々なことを、
リモートワークで一緒にやっていく中で、
決めて、やっていく必要があります。
このようなことは、
フレームワークを使うことで、共通的な書き方や、使い方ができる
ために、最低限のベースを担保できます。
そのため、企業はフレームワークを使用することで、
納品する品質を最低限担保しています。
リモートでフレームワークを1から教えるのは難しい

就職・転職を行う際、
「javaScriptができます!」
「Rubyができます!」
「PHPができます!」
と言われても、
正直なところ、
フレームワークを使うことができなければ、
企業側として、1から教える余裕もないので採用しない
ということが言えます。
これは、真横で初心者のプログラミングをチェックして、
随時、教えるようなことができないからです。
リモートであれば、企業側としては、
リモートなら外注もできるので、採用するなら即戦力が欲しい
というのが本音です。
そのため、
1からフレームワークを教えるようなことはできません。
そんな余裕があれば、
フレームワークを使える即戦力を活用します。
この点で、
フレームワークを使えるかどうか
という点は非常に大きいのです。
フレームワークにより少人数である程度の開発ができるので、意思疎通が行いやすい

フレームワークをなぜ使えるようになるべきか。
この点をみていく上で、
「現在のIT業界の開発スタイルがどうなっているのか」
という点も理解しておきましょう。
端的に言っておくと、
今は、フレームワークを使うことで、
少人数で、ある程度の規模の開発を行うことができる
という点があります。
さらに、フレームワークの使用をお互いが理解することで、
実際の機能開発の仕様の策定にフォーカスでき、
お互いの意見交換で意思疎通が行いやすい
のがフレームワークが使用される理由の1つです。
他にも短納期に対応できるなどもありますが、
リモートワークで開発を行なっていく上で、
意思疎通ができることは非常に重要なため、
最低限、使用するであろう、フレームワークは理解したいところです。
リモートを目指すためのオススメのフレームワーク
ここまで、リモートで働くために、
なぜ、フレームワークを学習すべきなのかを説明しました。
そんなフレームワークですが、
リモートワークで働くために学ぶべきフレームワーク
を紹介します。
先に簡潔に言っておくと、
フロントエンドを目指すなら、
- 初心者に理解しやすい「Vue.js」
- ベンチャーでの実績が多い「React」
バックエンドを目指すなら
- 初心者にわかりやすいPHPのフレームワーク「Laravel」
- ベンチャー企業で実績の多いRubyのフレームワーク「Ruby on Rails」
となります。
Vue.js

まずはじめに紹介するのが、
Vue.js(ビュー、ジェイエス)
と呼ばれる、
javaScriptのフレームワーク
です。
次に紹介っするReactよりも、比較的、理解しやすく、
初心者にオススメできるフレームワークです。
フロントエンドを目指すのであれば、
次に紹介するReactのどちらかは学習しておきましょう。
React

次に紹介するのが、
React(リアクト)
と呼ばれる、こちらも
javaScriptのフレームワーク
です。
先程、紹介したVue.jsよりも、少し癖がありますが、
使用している現場も多いため、
フロントエンドを目指すのであれば、
先程、紹介したVue.jsのどちらかは学習しておきましょう。
Laravel

バックエンドのプログラミングを学習していく中では、
PHPの学習を開始したのであれば、
このLaravelというフレームワークを学習しましょう。
ちなみに、バックエンドのフレームワークの理解も、
次に紹介するRuby on Railsのどちらかを学習すれば良いでしょう。
Ruby on Rails

バックエンドのプログラミングを学習していく中では、
Rubyの学習を開始したのであれば、
このRuby on Railsというフレームワークを学習しましょう。
ちなみに、バックエンドのフレームワークの理解も、
先ほど紹介したLaravelのどちらかを学習すれば良いでしょう。
リモートワークで就職・転職につなげるために使用したいサイト
働き方改革でマスコミの注目を集めているフリーランス求人サービス「クラウドテック」
副業向けのクラウドワークスが有名ですが、
リモートワークで、
今回紹介したフレームワークなどを活用することを考えると、
この「クラウドテック」は非常にオススメです。
クラウドワークスと比べて、
単価が高い求人も多い
というのが特徴です。
まずは、登録して求人を確認してみましょう。
【現役エンジニアが教える】独学でのプログラミング学習を挫折しないマインドセット
初心者の皆さん、
プログラミング学習を初めて
プログラミング学習は頑張って続いていますか。
プログラミング学習は楽しんでやれてますか。
個人的に、今まで、エンジニア経験の中で、
新卒などの初心者に教えたりしてきましたが、
スキルだけでなく、メンタル面でもフォローすることで、
初心者が成長していくのをみてきました。
初心者の中には、
「プログラミングはもう嫌だ」
と感じている、感じ始めている初心者の方もいるでしょう。
そんな、初心署の方に、
独学でのプログラミング学習を挫折しないマインドセット
として、
少しでもうまくプログラミング学習が継続できるように、
今までの教えてきた立場としての経験をお伝えします。
この記事で、少しでも独学の学習者のメンタルが保たれると幸い。
【現役エンジニアが教える】独学でのプログラミング学習を挫折しないマインドセット
プログラミングは、0「動かない」、1「動く」の世界ですよ
初心者の方が、プログラミング学習をススメていく中で、
うまく動かない
ということは多々あること。
そんな、動かないことに対して、
「頑張っているのにダメだ」
と思ってしまうのは勿体無い。
プログラミングの世界は、
- 「動いている」プログラム
- 「動いていない」プログラム
の2つしかありません。
本当にもう少しで、
「動いていない」プログラム
から
「動いている」プログラム
に変えることができます。
この「0」と「1」の世界で、
自分自身のプログラミングスキルがパッと成長できたことを、
時間できる瞬間がいずれやってきます。
それは、
「動いている」プログラムを作り終えた時に、
達成感とともに、感じることができるでしょう。
それを目指して、
「頑張っているのにダメだ」
と思わずに、
「もう少しで、動くプログラムが作れる」
という前向きな考えで、
継続して学習していきましょう。
「トライ」には、必ず「エラー」がついてきます
プログラミング初心者の方が、
プログラミング学習をしていく中で、
「エラーがたくさん出るので、ダメだ」
と諦めてしまい、
プログラミング学習を挫折しそうになるのをみてきました。
しかし、
よく考えてみてください。
そのエラーは、何もせずにいきなり現れたのですか?
違いますよね。
学習しているあなたが、
「トライ」したことで生まれた「エラー」
なのです。
プログラミング学習は、
「自分で」壁を見つけて、「自分で」乗り越えていく
ことの繰り返しで成長していきます。
せっかく、「自分で」見つけた壁、
乗り越えるかどうかは、
自分自身で決めること。
諦めずに壁を乗り越えましょう。
「ダメ出しされてる?」いや、「事実を述べているだけ」なのです。
初心者の皆さんが、
プログラミング学習において、
質問をして、その答えに凹んでしまう
というのをよく見かけます。
この答えに凹んでしまう大きな要因は、
質問に対する答え=「ダメ出しされてる?」
と考えてしまうことです。
特に
- Q&Aに質問を投げたら、「コードの書き方はこっちの方が良い」と言われた
- 先輩エンジニアに「そのコードは、〇〇だから、△△だね」といわれた
という、何気ない質疑応答で、
もらった答えに、
凹んでしまうこと方が多いです。
プログラムのコードなどは、
特に「ダメ出し」のように聞こえるかもしれませんが、
「ダメ出し」ではなく、「事実を述べている」だけ
ということを覚えておきましょう。
初心者の皆さん、
ちょっとした回答に凹むことはありません。
あくまで、その事実を「把握」すれば良い
だけなのです。
「把握」して、「改善」する
この繰り返しがプログラミング学習なので、
もらった回答は、問題点などを「把握して」、
凹まず、「改善する」ことに注力しましょう。
独学のモチベーションを保つための先人の名言
独学で学習をしていく初心者のみなさんに、
完全に個人的な趣味趣向で、
好きな先人の名言を共有します。
有名なもので知っているものばかりだと思いますが、
この名言を読んで、少しでも、
挫折に向かいそうな状況から立ち直ってもらえればと思います。
人間は、いつも張り詰めた弓のようにしていては続かない(上杉鷹山)

初心者の方が、プログラミング学習をしていく中で、
あまりに自分を追い詰めすぎたり、
自分を悲観し続けることで、
「自分はダメだ」
と挫折することに繋がりやすくなります。
あまり、張り詰めすぎず、
少し、心に余裕を持たせて、
プログラミング学習を続けていきましょう。
為せば成る 為さねば成らぬ 何事も 成らぬは人の 為さぬなりけり(上杉鷹山)

初心者の皆さんが、
「トライ」&「エラー」
を繰り返していく中で、
うまく動かないなどの、壁にあたることは、
必ず、起こることです。
そんな、壁を乗り越えるかどうかは、
自分自身が「やる」か「やらない」か
そのどちらか。
うまくいかないことが出てきても、
諦めず、壁を乗り越えていきましょう。
おもしろき こともなき世を おもしろく すみなしものは 心なりけり(高杉晋作)

プログラミングは面白いですか?
この答えに「はい」と答えられるかどうか。
これって、
学習している長さやスキルは関係ありません。
自分自身が、「面白い」と思うかどうか。
あくまで自分本位なのです。
ちょっとしたエラーでも、
「あー、エラーだ、嫌だな」
と取り組むのか、
「お、エラーきた。やっつけるか。」
と楽しめるか。
この小さなようで、大きな違いは、
自分が意識することで変えることができ、
その継続が、自分の無意識に刷り込まれていきます。
あなたの周りの楽しそうにしているエンジニアも、
この小さな違いを継続して、
今の楽しそうな開発にたどり着いていますよ。
皆さんも継続して、
楽しい開発と思えるように、
日々、うまくいかないことを楽しみながら、
学習を続けていきましょう。
Webデザインやフロントエンドのポートフォリオは公開してアピール
プログラミングやWebデザインの初心者が、
- Photoshopなどで作った画像、デザイン
- Dreamwaverで作ったページ
- HTML/CSS/javaScriptで作ったサイト
を、自分で学習して作ったら、
サーバにアップロードして、アピール材料にする
ということをオススメしています。
この点に関して、
なぜ、ネット上に公開して、アピール材料にすべきかなど、
初心者向けに解説してきます。
Webデザインやフロントエンドのポートフォリオはロリポップレンタルサーバで公開しよう
作ったものは、見せて初めて相手が知る
初心者の皆さんが、
Webデザインやプログラミングを学習を進め、
成果物を作った時に、
「学習を頑張りました!」
といったり、
就職・転職、または、副業サイトに、
「〇〇ヶ月、▲▲を学習しました。」
と書いたところで、
正直なところ、
採用する側は初心者に対して、
成果物を見るまで、採用する企業側の担当者は見向きもしない
ということが言えます。
初心者は疑いの目で見られる
企業側が、成果物を重視する理由は色々あります。
特に初心者に対しては、
ポテンシャルをみたりしますが、
そもそも、
継続的な学習を「本当に」やったのか
という不安があるからです。
この点は、IT業界に長くなると、
転職活動の時には、この点はクリアされます。
なぜなら、
既にIT業界で「継続して」働くという実績がある
ということが大きいです。
その点が初心者と現役のエンジニアとの大きな違いなので、
初心者は、まずは、
本当に「継続的な」学習で作ったものがある
ということをアピールすべきです。
そのために使用するのが「ポートフォリオ」で、
それを実際に見せることで、
西行する側の「疑いの目」を改善していくことができます。
ネット社会の中で、公開できる環境はたくさん存在する
実際に、IT業界を目指す時に、
- リモートでWeb関連の開発をしたい
- 自社開発のWeb系企業を目指す
という初心者は、
頑張って学習した成果物(ポートフォリオ)は、
ネット上に公開して、自分のプロフィールに載せましょう。
これは、IT業界の中でも、
先ほど、ピックアップしたWeb系に進みたいのなら、
ネット社会の中で、公開できるくらいのITリテラシーは欲しい
ということを、採用する側は思います。
この
「ネット上に公開すること」
は、リモートや自社開発の採用の場合、
受託系企業などより「一般的なリテラシー」として、
考える担当者も多いので、
「スキル」ではなく、最低限の「ITリテラシー」
として、実際に取り組みましょう。
1番、簡単なのは、ロリポップレンタルサーバーを使うこと。
数百円で使えるし、AWSよりも簡単
無料公開を目指して、AWSを使用すること自体は、
問題なく対応できそうであれば、
その方法でも問題ないと思います。
ただ、その点が難しいと感じる初心者は、
ロリポップレンタルサーバー
を使うと、数百円かかりますが、管理画面などもあり、
非常に楽に、ファイルのアップロードなどができるので、
ちょっとした投資と思って、トライしてみましょう。
ロリポップレンタルサーバーを始める
ロリポップレンタルサーバーは、
無料の期間もあるので、
まずは、トライしてみましょう。
具体的なはじめかた(契約の方法)は、
こちらの記事に詳しくまとめていますので、
ぜひ、参考にして、はじめてみましょう。
サーバーへのファイルアップロードする
上記の記事を参考に、
ロリポップレンタルサーバーを始める状況になったら、
自分が作ったポートフォリオを、
実際にファイルアップロードして公開しましょう。
契約したサーバのURLの確認方法や、
ファイルのアップロード方法など、
詳しく、以下の記事にまとめていますので、
参考にしてファイルアップロードしてください。
作成したWebデザインをロリポップレンタルサーバにアップロードしよう
初心者の方の中で、Webデザインを作って、
アップロードするサーバを探しているなら、
ロリポップレンタルサーバが安くてオススメ。
今回は、
- 実際のページの確認方法
- ファイルのアップロード方法
を共有しておきます。
作成したWebデザインをロリポップレンタルサーバにアップロードしよう
契約していないなら、まずはこちら
ロリポップレンタルサーバー の契約がまだなら、
こちらに詳しくロリポップレンタルサーバー の契約の方法を、
キャプチャと共に、詳しく載せているので、契約を進めて下さい。
もし、専用の管理画面がわからなくなったら
契約が終われば、ご自身の専用の管理画面から、
色々と内容を確認するなどの作業を行います。
しかし、
専用の管理画面がわからなくなった
という時は、
こちらをクリックすると

このようなログインページが開くので、
- レンタルサーバにログインするためのパスワード
- レンタルサーバのサイトのURL
を入力、選択して、「ログイン」ボタンでログインして下さい。
自分のページのURLの確認方法
管理画面にはログインできたけれど、
ご自身のサイトのURLを忘れてしまった方のために、
自分のページのURLの確認方法
を共有しておきます。
管理画面の
自分の専用の管理画面にログインしたら、

左側の「インフォメーション」をクリック。
すると、

このような表示が見えるので、
この赤枠部分の「サイトアドレス」があなたのサイトのURLです。
初期のサイトの表示を確認してみよう
先ほどの確認で、サイトのURLはわかるので、
実際にブラウザで表示してみましょう。
すると、

このような表示になると思います。
これが、
ロリポップレンタルサーバー のデフォルトのページ
です。
とりあえず、ロリポップが準備してくれたページ
と考えると良いでしょう。
自分のファイルをアップロードしてみよう
サイトのURLで、デフォルトのページの表示が確認できたら、
自分の作ったページをアップロードしてみましょう。
まず、今、ログインしている管理画面の

この「データをアップロードする」をクリックしましょう。
すると、

このようなページが表示されると思います。
これが、
ロリポップレンタルサーバー のアップロード画面(FTP画面)
です。
例えば、
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> </head> <body> <h1>ロリポップレンタルサーバーへのアップロード確認</h1> </body> </html>
というHTMLファイルを、「index.html」をいうファイルで、
アップロードしてみましょう。
まず、画面上部の

この1番左のボタンを押して下さい。
すると、このような画面になるので、

「ファイルを選択する」ボタンで、
アップロードしたいファイルを選択して下さい。
選択すると

このように選択したアップロード対象ファイルが下の方に表示されるので、
問題がなければ、
「アップロードする」ボタンをクリック。
これで、ファイルのアップロードは完了。
アップロードしたファイルを確認してみよう
先ほど、アップロードしたindex.htmlというファイルは、
自分のサイトのURLをブラウザで表示することで確認します。
実際に表示すると、

このようにアップロードした内容に表示が切り替われば、
うまくできているので、この要領で、
必要なファイルをアップロードしていきましょう。
ロリポップレンタルサーバーの契約の方法
初心者の方に、オススメしている、
ロリポップレンタルサーバ
ですが、
借りて、始めるまでを紹介します。
ロリポップレンタルサーバーの契約の方法
サイトへ移動しよう

まずは、ロリポップサーバへ移動しましょう。
以下のリンクで、上記の画像のページに行くことができます。
「お申込み」ボタンをクリック
サイトに移動したら、

この画像のように、右上の
「お申込み」ボタンをクリック
しましょう。
プランを選ぶ
以下のようなプランの選択画面になるので、
自分の使うプランを選ぼう。
上位プランへの変更は後からできる
ので、まずは、1番安い「エコノミー」を選ぼう。

アカウントのパスワードとサイトURLを決める
次に、
- レンタルサーバにログインするためのパスワード
- レンタルサーバのサイトのURL
の2つを決めましょう。
【超重要】選んだドメインとパスワードは忘れないように!!!!
後から、自分専用の管理画面をログアウトしてしまった後に、
またログインしようとした時に必要になります。

サイトのURLは、

この「URLの末尾を変更する」を押すと、

このように、サイトURLの一部(ドメイン)を変更できるので、
自分が気に入ったものを選びましょう。
もう1度、ここで言っておきます。
【超重要】選んだドメインとパスワードは忘れないように!!!!
これらの設定が終わったら、

画面内の、この「利用規約に同意して本人確認へ」をクリックして下さい。
SMS認証での本人確認
次に、本人確認が必要になります。
以下の表示の中に、自分の携帯番号を入力して、
「認証コードを送信する」をクリックしましょう。

「認証コードを送信する」をクリックすると、
携帯に、

このように「認証コード」が届きます。
この「認証コード」を

この画面の「認証コード」の部分に入力して、
「認証する」をクリックして下さい。
申込み情報の入力
申込み情報の入力画面になりますが、
まず、画面の中の、「契約種別」〜「電話番号」までは、
ご自身の情報を普通に入力して下さい。

そして、
この下の内容はご自身の状況によるので注意
です。
契約の自動更新の有無
まず、

この部分ですが、
お試しで使う=自動更新しない=チェックはつけない
使い続ける予定=自動更新する=チェックをつける
という、ご自身が、使い続ける予定なのか、
とりあえず、レンタルサーバを試すだけなのかで、
チェックを付けるか選ぶと良いでしょう。
有料オプションの選択
次に、

この部分ですが、
基本的に全て不要
と考えて頂いて大丈夫です。
もし、
- 企業で借りるので、「バックアップが無いと不安」
- パソコンにウィルスソフトを使っていない
などがあれば、
必要に応じて、有料オプションを活用
すると良いでしょう。
本人情報と有料オプションの選択が決まったら
上記までの選択が終わったら、

このボタンを押して、次に進みましょう。
申込み情報の最終チェック
最後は、

このような確認画面が表示されるので、
入力内容を確認して、問題なければ、
「無料お試し開始」をクリックしましょう。
これで完了。専用ページに移動しよう
ここまでの流れで、ロリポップレンタルサーバの契約は完了です。

このような画面に変わるので、
「ユーザー専用ページにログインする」
を押して、専用ページに移動しましょう。
実際にファイルをアップロードしてみよう
契約が終わったら、実際にファイルのアップロードをしてみましょう。
自分自身のサイトのURLの確認方法や、
ファイルのアップロード方法は、こちらの記事にまとめたので、
ぜひ、参考にして下さい。
プログラミングやデザインの独学では、「達成するためにやるべきこと」を決めることが1番大切
初心者の皆さんが、独学で学習を始め、
就職や転職に向けて、様々なことを学習していく事になります。
そんな初心者の方が、独学で挫折しないためにも、
達成するためにやるべきことを決めること
が1番大切です。
なぜ、ゴールを決めることが大切なのか、
また、どのようにゴールを決めていけば良いのか、
そのようなことをこの記事では説明していきます。

プログラミングやデザインの独学では、「達成するためにやるべきこと」を決めることが1番大切
なぜ、達成するためにやるべきことを決めることが必要なのか
初心者の方が、プログラミングやデザインの学習を始めて、
挫折するポイントで多いことは、
- わからないことがあり、進まなくなった
- 次に何をして良いのかわからなくなった
- 同じ基礎的なことの繰り返しで嫌になった
などが多いです。
これらの挫折する結果になぜ、繋がってしまうのか。
それを端的に表すと、
そもそも「達成するためにやるべきことが決まっていなかった」
という事です。
「達成するためにやるべきこと」が決まる事で、
ゴールからの逆算で、やるべき事が見えてくる。
という点が、挫折しにくい結果に繋がるので、
学習の前に、まずは、自分自身のゴールは何かを考えましょう。
達成するためにやるべきことは、具体性が大切
ゴールを決める事が大切な事は、
先ほどの内容を読んで頂ければ、分かって頂けると思います。
そんな中で、
「達成するためにやるべきことを決めよう」
とした時に、
「いい感じの、デザインが私もできるようになりたい」
ということや
「とりあえず、プログラミングを独学して生かしていきたい」
などの漠然とした目標のままだと、
曖昧なゴールのため、挫折に繋がりやすい
と言えます。
もっと具体的な「やるべきこと」にしていく事で、
より挫折しにくい、明確なゴールになっていくでしょう。
自分なりの「ゴール」と「達成するためにやるべきこと」を考えてみよう
就職/転職 or 副業 のどちらを目指すか
初心者が独学で、学習を始める時、
基本的に「ゴール」は、
プログラミング/デザインを学んで就職/転職を実現する
または、
プログラミング/デザインを学んで副業で稼ぐ
のどちらかになるでしょう。
まずは、この点は、自分がどちらを目指しているのかは、
はっきりとさせておきましょう。
ゴールのために何をなすべきか
ゴールが決まると、次に考えなければいけないのが、
ゴールのために何をなすべきか
という事です。
この「何をなすべきか」という点を考え、
自分自身の中で、「やるべき事リスト」を作る
というのをオススメします。
こんやるべき事リストのそれぞれの項目が、
「やるべき事リスト」=「達成するためにやるべきこと」
になるので、
自分自身が、ゴールのために何をなすべきかを、
考え、リストアップすることから始めましょう。
いつまでに達成するかの「期間」も考えよう
やるべき事をリストアップしたら、
いきなり、学習に取りかかってはいけません。
まずは、
「ゴール」に達するのはいつ頃なのか
ということ、
そして、
「達成するためにやるべきこと」は「いつ頃、何を終えるのか」
の2点に関して、
ある程度、アバウトで良いので、書き出してみましょう。
ここで、お勧めのポイントとしては、
少し余裕(バッファ)を持った達成時期にする
という事です。
独学で学習される初心者の方で、
特に真面目な人ほど、今回決めた達成時期を守ろうとして、
精神的な苦痛になってしまう事があるので、
そのためにも、少し余裕を持った期間に設定しておきましょう。
まずは入門書を読んでみよう
ゴールや達成条件を決めたら、行動あるのみです。
そんな行動を行っていく上で、
初心者の方は、「入門書」を読む事をオススメします。
サイトも良いですが、
体系的な理解は、書籍が1番良い
というのが理由です。
書籍は、「Webプログラミングの基本と要点」の中に、
まとめているので、参考にしてみてください。

他にもオススメのサービスやサイト
ここでは、初心者が学ぶ事が多い、
HTML/CSS/javaScriptなどの書籍している記事やサイトを紹介しておきます。
プログラミング初心者にオススメのサービス、サイト、書籍(HTML編)
何と言ってもはじめに触る事が多いHTML。
書籍を読みながら、少しずつ、タグなどを理解していきましょう。
プログラミング初心者にオススメのサービス、サイト、書籍(HTML編)
プログラミング初心者にオススメのサービス、サイト、書籍(CSS編)
HTMLと合わせて学ぶことになるCSS。
書籍で学び、色々と試しながら、
いろんなレイアウトを作れるようにしましょう。
プログラミング初心者にオススメのサービス、サイト、書籍(CSS編)
プログラミング学習にオススメのサービス、サイト、書籍(javaScript編)
HTML/CSSに合わせて、javaScriptを学ぶことで、
動きのあるサイトを作れるようになります。
できることの幅も広がり、就職/転職や副業に繋がりやすいので、
少しずつでも理解していきましょう。
エンジニア/デザイナーの市場価値は「まずは知ること」が大切
エンジニアで、複数回転職を行い、ステップアップしてきたが、
年々、感じることは、何と言っても、
エンジニア/デザイナーが転職しやすくなっている
ということだ。
知人などで、転職を迷っている人にはプッシュしているが、
- 特定派遣なので、スキルの面で転職できるか不安
- 小さな企業で給与が低い気がする
- そもそも、今の転職環境がわからない
のような人は、
転職エージェントに聞いてみると良い。
聞いてみるとわかる。
それは、
「自分の市場価値は思ったよりも高い」
ということ。
面談自体は無料だから、時間がある時に、
自分の市場価値を確かめてみると良い。
自分も転職の時にエージェントを使ったが、
使う上でのポイントとオススメをピックアップする。
エンジニア/デザイナーの市場価値は「まずは知ること」が大切
転職エージェントを使う上でのポイント
エージェントは2〜3社を同時に使う
できれば、1つだけでなく、
複数のエージェントを使ってみる
ということをオススメしている。
なぜ、同時に使うかというと、
- 転職エージェントごとに毎に得意な業種が違う
- 転職エージェントごとに得意先の企業がある
- 担当者ごとに企業の担当者のコネクションがある
という点が理由となる。
この辺りは、実際に使ってもらうとわかるが、
転職エージェント毎に、オススメしてくる企業は違う。
あくまで転職エージェントは、
自分のIT業界での市場価値を知るために活用
することを意識して、面談などにも取り組もう。
市場価値は年収で「いくら以上」で企業にアピールできるか
実際に、転職エージェントの面談を行い、
転職の初期段階で重要な、
「まずは自分自身の市場価値を知ること」
に関して、現在の実情をしることができる。
そして、この自分の市場価値を知る上で、
大切なポイントとしては、
自分自身は、「いくら以上」で企業にアピールできるのか
ということ。
なぜ、「以上」なのかというと、
自分自身の最低の価格を知り、
どの価格帯のスキルを持っているかを知ることができるから。
具体的には、年収ベースで転職エージェントに聞いてみると良い。
例えば、
年収400万円:市場価値として、400-499万の価値の可能性が高い
年収500万円:市場価値として、500-599万の価値の可能性が高い
年収600万円:市場価値として、600-699万の価値の可能性が高い
このように、自分自身がどの程度の給与テーブルにいるのか、
実際の現実を他人間隔でしることができる。
オススメの転職エージェント
転職エージェントは、先ほどのように、
複数の転職エージェントを同時に活用する
ということをオススメする。
ちょっと違う視点で、企業を紹介してくれたりもするし、
複数のエージェントに話を聞いてみよう。
そんな中で、オススメの転職エージェントを紹介する。
IT業界を幅広く、Web・デザインなどにも強い「Tech Stars Agent」

まずはじめに紹介するのは、
Teck Stars Agent
という転職エージェント。
IT業界といっても、基幹系や業務系、Web系など幅広くあるが、
希望者の多い、Web開発や、デザイナー募集などにも、
幅広く、現状の把握や企業紹介をしてくれるのでオススメ。
まずは、無料相談ではじめにやりたいと思える転職エージェント。
社内SEも選択肢に入れるために「社内SE転職ナビ」

エンジニアの方は、転職時に、
社内SEも選択肢に入れた方がよい
と思っています。
昔は社内SEなどは、パソコンの設定などだけ行っていましたが、
Webサイト作成など、Web系に強い人材が求められている
という実情があります。
そのため、社内SE で働くと、Web系の開発を行えながら、
社内のシステムのため、納期に追われることがない
というすごく嬉しいメリットがあります。
ですので、ぜひ、社内SEも選択肢にいれましょう。
そして、社内SEに関して、専門的な転職エージェントとして、
「社内SE転職ナビ」
は非常にオススメです。
エンジニア・デザイナーの大手企業の情報が多い「マイナビAGENT」

エンジニア・デザイナーの転職活動をする上で、
ある程度の規模のある会社に行きたいと考える場合、
より大手企業とのコネクションを持つエージェントを使うべきです。
それに該当する転職エージェントが、
「マイナビAGENT」
というマイナビ系列の転職エージェントです。
この記事でも説明した通り、転職エージェントごとに、
色々と企業とのコネクションも違うので、
このような大手の転職エージェントも活用しましょう。
HTMLとCSSの基礎を学ぶ上で初心者が意識をすべきこと
初心者の方が、Webプログラミング、Webデザインの基本を学んでいく上で、
気をつけて学習をしていくことで、後々の理解の向上などにも、
役に立つので、はじめに意識すべきポイントを把握しておきましょう。
HTMLの「構造化」を意識する
HTMLは「タグ」の集まりである
初心者の方が、HTMLを学習していく中で、
HTMLに色々なタグを追加して、表示を確認して、
タグの種類や表示を理解していきます。
そんな「タグ」をたくさん使いながら、
HTMLとして、タグの集まりとして、レイアウトを作ります。
もし、初心者の方で、「タグ」がわからなければ、
以下の記事を読んでみましょう。
「構造化」とは「階層」を意識すること
先ほど、説明した、「タグ」の集まりのHTMLですが、
このHTMLの「構造化」は、
- どのような「タグ」を使っているか
- どの「タグ」がどの「タグ」の中にあるのか
という事を意識しておく事が重要です。
この中でもとくに、
どの「タグ」がどの「タグ」の中にあるのか
という点は、意識する上で非常に重要なポイントなので、
より意識するようにしましょう。
この意識を持つ事で、
「タグ」の中にある「タグ」という状態 = 「階層」になっている
という事を無意識に考えれるようになるので、
まずは、意識してみる事から始めましょう。
構造化のシンプルな例
ここまで説明してきた、「構造化」に関しては、
シンプルな例を元に見ていきましょう。
例として、以下のシンプルな構造があります。

この構造で、「構造化」をどのように意識すれば良いかというと、
- bodyタグの中に2つのdivタグがある
- 2つのdivタグは同じ階層である
このように捉える事が大切です。
これはあくまでシンプルな例ですが、
実際にもっと複雑なHTMLになっても、
どのような構造になっているのか
という事を意識して捉える事は、
Webデザインの面でも重要なので、
学習を始める今の段階から意識して取り組んでみましょう。
HTML/CSSを書くときに「インデント」を意識する
インデントとはコードを読みやすくすること
初心者の方には、「インデント」とは、馴染みのない言葉だと思います。
この「インデント」とは、
半角スペースで、コードをみやすくする事
で、自分が書いたコードをより読みやすくする事ができます。
例えば、HTMLを例にすると、
<!DOCTYPE html> <html> <head> </head> <body> <div> <div> <img src="sample.png"/> Sample Test 1 </div> </div> <div> <div> <img src="sample.png"/> Sample Test 2 </div> </div> <div> <div> <img src="sample.png"/> Sample Test 3 </div> </div> </body> </html>
この読みにくいコードを「インデント」を意識して、
半角スペースを入れて読みやすくしてみます。
<!DOCTYPE html> <html> <head> </head> <body> <div> <div> <img src="sample.png"/> Sample Test 1 </div> </div> <div> <div> <img src="sample.png"/> Sample Test 2 </div> </div> <div> <div> <img src="sample.png"/> Sample Test 3 </div> </div> </body> </html>
インデントを意識していない時よりも、
読みやすいコードに変わりました。
このように、「インデント」を意識する事で、
コードがより読みやすくなりますので、
最初の学習を始める時から、意識してコードを書くようにしましょう。
インデントでより「構造化」を意識しやすくなる
先ほど、インデントを意識する事で、コードが読みやすくなる事を説明しました。
このインデントですが、先程の内容も含めて、メリットとしては、
- 読みやすいコードになる
- 構造が理解しやすい
というメリットがあります。
このメリットの中でも、最初に説明した「構造化を意識する事」も踏まえて
構造が理解しやすい
という事が、初心者の理解促進にも非常に役に立ちます。
よく初心者の方が、自分の書いたコードを見ながら、
何がどうなっているかわからない
と嘆いているのをよく耳にします。
このように嘆かないためにも、「インデント」を意識して、
コードを読みやすく、構造化も理解しやすくしていきましょう。
完璧な理解を求めない
全ての設定を覚えようとしない
HTMLやCSSには、
非常にたくさんのタグや設定がある
ため、全てを把握して使いこなすことは、非常に難しいです。
そんな中で、
タグや設定を全て暗記しようとしない
ということは非常に重要です。
HTML/CSSをトライする中では、
- 作りたいレイアウトをイメージする
- レイアウトの中の要素を決める
- 要素の実現方法を調べる
ということを行っていきましょう。
ここで、1つポイントとして抑えて欲しいことが、
実現したいことは、HTML/CSSに関しては、調べることができれば良い
ということ。
何も見ず、調べずに、スラスラとHTML/CSSを書ける必要はありません。
まずは、実現したいことを、
インターネットで調べ、試して動く状態にできる
というステップを繰り返していきましょう。
そうすることで、
何度も使う、同じようなタグや設定は、
少しずつ、無意識に頭に入っていきます。
これを繰り返すことで、
よく使うものは、調べるのも早く、すぐに使える
という状態にできます。
このように、まずは、完璧を求めすぎず、
調べながら、目的のレイアウトに近づけるようにトライしましょう。
プログラミング初心者には「絵本」シリーズがオススメの理由
プログラミング学習をしていく方々の中でも、
「超」初心者に関しては、
- 無料動画を観たけれど、言っていることがわからない
- 学習している内容を頭の中でイメージとして捉えられない
- 入門向けの書籍でも文章ばかりで理解が進まない
という悩みがあると思います。
そんな「超」初心者の方には、まずは学習していく内容に関して、
最初は曖昧で良いので、頭の中で、
「イメージを掴むこと」
をオススメしています。
そんな、「イメージを掴む」という事に関して、
非常にお勧めの書式が
「絵本シリーズ」
と呼んでいる本です。
この記事では、お勧めの理由と、実際の書籍を紹介させて頂きます。
「超」初心者の学習の始まりの参考になれば嬉しいです。
プログラミング学習の「超」初心者には「絵本」シリーズでイメージを掴むことがオススメの理由
理解が進まないのは「イメージが湧かないから」

「超」初心者に関して、プログラミング学習をしていく上で、
- 変数とは?
- 配列とは?
などのように、具体的な例と共に説明されても、
いざ、自分で考えようとすると、
プログラミングの意味を考えようとしてよくわからなくなることがあります。
そんな「超」初心者には、
頭の中で、イメージとして捉えること
を考えてみるようにオススメしています。
例えば、
「変数に3を設定する」
という事に関して、
$value = 3;
このようなコードに関しては、
頭の中で、
「変数という箱を用意して、そこに3というボールを入れる」
「用意した箱の名前は、”value”としましょう」
という頭の中でのイメージで捉えることができることで、
自分が行いたい処理が少しずつ、イメージできるようになるので、
「超」初心者はまずは、イメージを掴む事が大切です。
イメージを掴むには、「絵」や「図」が豊富な方が良い
先程、イメージを掴む事が、プログラミング学習の「超」初心者には、
重要であり、理解を助けることを説明しました。
そんな中で、先程、少し触れた
「変数という箱を用意して、そこに3というボールを入れる」
「用意した箱の名前は、”value”としましょう」
という内容に関しても、
文章だけでなく、例えば、以下の図があればどうでしょうか。

より、頭の中にイメージしやすくなったと思います。
「超」初心者には、このような図や絵などがたくさん含まれた書籍で、
まずは、
プログラミングで使う要素がどのようなものなのか
ということを頭の中で理解できるようにするためにも、
書籍を選ぶ際は、
絵や図などが豊富に使われている書籍を選ぶ
ということをオススメします。
絵や図が豊富で、「超」初心者にもわかりやすい文章な「絵本」シリーズ

ここまで説明してきたように、
プログラミングの「超」初心者が学習を始める中で、
書籍を使って、超基本を押さえていく上で、
- 絵や図などが豊富であること
- できる限り、優しい文章であること
という2点は、非常に重要です。
そんな中で、「超」初心者にお勧めしたいのが、
「絵本」シリーズ
と呼んでいる、翔泳社が出版しているシリーズです。
他の入門用の書籍以上に優しい文章で、
さらに絵や図がこれでもかと思うくらいたくさん使われています。
是非、「超」初心者は学習を始める際は、
「絵本」シリーズの書籍を使うことをオススメします。
「絵本」シリーズ一覧
プログラムの絵本 プログラミングの基本がわかる9つの扉
プログラミング学習を始めようかと考えている「超」初心者の方で、
今まで、プログラミングというものを全く見たことがない
という方には、まず、手に取って欲しい1冊。
プログラミング自体が何をするのかをイメージしてもらうために、
「プログラミングして、プログラムを動かすとは?」
を頭の中でイメージできるようになるために、
非常に助けになる1冊です。
HTML5の絵本 Webコンテンツ作りの基本がわかる9つの扉
初心者がWebデザインの学習を始める時に、
最初に学習を始めるのが、HTML/CSSです。
そして、初心者がこのHTML/CSSの学習を始めていく中で、
HTMLタグや実際の表示など、Webページのイメージが沸かない
ということが悩みとして多いです。
そんな悩みを早めに解決していくためにも、
初心者には、この1冊が非常にオススメです。
より効率的に学習を進めるために、まずは、
この1冊でWebページをイメージできるようにする
という事に取り組み、その後に、一般的な入門書やサイトで、
学習を行うことをオススメします。
JavaScriptの絵本 第2版 Webプログラミングを始める新しい9つの扉
「超」初心者がプログラミング学習を始めて、
少しずつ進めていく上で、javaScriptを学習始める人も多いでしょう。
そして、そんな初心者からよく聞くのが、
「javaScriptの処理の流れがイメージが湧かない」
という悩みです。
他の入門書を読んで、色々と自分なりに試したけれど、
そもそも、どのように動いているのかイメージが湧かない方は、
この本を読むことをオススメします。
HTML/CSSを学習したけど、javaScriptにもトライしたい
という初心者には非常にオススメの1冊です。
PHPの絵本 第2版 Webアプリ作りが楽しくなる新しい9つの扉
「超」初心者がプログラミング学習を始めるなかで、
Webの言語の導入として、PHPを学習始める人も多いでしょう。
そして、そんな初心者からよく聞くのが、
「PHPの変数や関数、オブジェクトのイメージが湧かない」
という悩みです。
他の入門書を読んで、色々と自分なりに試したけれど、
そもそも、どのように動いているのかイメージが湧かない方は、
この本を読むことをオススメします。
PHPの学習を始める中で、基礎部分をイメージでわかりやすく理解したい
という初心者には非常にオススメの1冊です。
プログラミング学習にオススメのサービス、サイト、書籍(javaScript編)
初心者が学習をしていく中で、
オススメのサイトや書籍を聞かれることがあります。
いくつか、オススメのサイトや書籍を紹介しますので、
学習を進める際に、参考にしてください。
随時、最新の良いサイトや書籍を見つけた場合は、
追加を行っています。
オススメのサービス
ドットインストール

学びたい内容ごとに、3分の動画が約10本程度あり、
自分の見たいときに学ぶことができるサービスです。
有料プランもありますが、”超”初心者であれば、
無料出見れる範囲で十分に参考になるでしょう。
Progate

無料で学べる中で、実践よりは、まずは基本を理解したいという方に非常にオススメできる「Progate」。
自分自身で読みながら、実際に試してみることで、
着実に理解を深めることができます。
こちらも無料で初心者には参考になるサービスです。
個人的には、javaScriptの学習であれば、
最もお勧めできるサービスだと思っています。
Udemy

無料の動画等での学習を進め、もう少しステップアップしたいことを考えた時、
このUdemyは有料ですが、良いコンテンツが揃っているので、
初心者からステップアップを行いたい場合にお勧めです。
javaScriptだけでも様々なコンテンツがあり、
教えている人も違うので、自分の予算内で、
良さそうな人を選んで学習をしていきましょう。
中級者に向けて、ステップアップしたい初心者にお勧めのサービスなので、
基本的なことを抑えるのであれば、書籍や無料コンテンツで良いでしょう。
中級者を目指す初心者にオススメのサービスです。
オススメのサイト
MDN Web docs

正しい公式情報で学んでいきたいという初心者の方には、
こちらのmozillaの公式リファレンスがオススメです。
少し硬い文章で書かれていますが、
仕組みとして押さえておきたい事がきちんと書かれています。
そのため、
「なんとなく、javaScriptが動けば良い」
という考えでなく、
「Webの仕組みや背景なども合わせて知りたい」
という方には非常にオススメです。
このサイトの内容を読むことで、
よりWeb開発に興味を持たれる方もいらっしゃると思いますので、
参考にして欲しいサイトとして紹介させて頂きました。
Webプログラミングの基本と要点

先ほどの、MDN Web docsは、詳しく説明がありますが、
言葉自体が専門用語が多く、初心者には少し、抵抗があるかもしれません。
そんな中で、このサイトでは、
- わかりやすい文章
- イメージしやすい図やイラスト
- 簡単なサンプルソース
があるので、まずは、読んで試しながら、
少しずつ、理解していきましょう。
オススメの書籍(入門者用)
JavaScriptの絵本 第2版 Webプログラミングを始める新しい9つの扉

超初心者のjavaScriptの学習に関しては、
まずは、全体像や学んでいく各種の要素(変数や配列など)を
イメージできるようになることが大切だと思っています。
そんな中で、私がよくお勧めするのが、
「絵本シリーズ」
と呼んでいる、わかりやすい絵や図がたくさん載っている書籍です。
動画学習サービスや、他の書籍でjavaScriptの学習を始めたけれど、
うまくイメージができず、挫折してしまった人にもオススメです。
確かな力が身につくJavaScript「超」入門 第2版

javaScriptを始めたい初心者の方には、
そんな初心者の方に向けてお勧めできる1冊が、
スラスラわかるHTML & CSSの基本
という本です。
非常にわかりやすいこの本なので、
他のサイトなどで言っていることが難しすぎるなどは、
この本でまずは基本的なCSSの使い方を理解してみると良いでしょう。
1冊ですべて身につくHTML & CSSとWebデザイン入門講座

先ほどの書籍と共に、
入門書としてオススメなのがこの本です。
この本の特徴としては、
- 説明が丁寧
- 押さえるべきポイントが書かれている
- 初心者にも理解できる内容
ということが、初心者にもオススメできるポイントです。
先ほどの書籍よりも、よりきちんとした説明が書かれている分、
図や絵でイメージしたい場合は、
スラスラわかるHTML & CSSの基本
そして、基本を理解しながら、説明が欲しい場合は、
1冊ですべて身につくHTML & CSSとWebデザイン入門講座
この本で学習すると良いでしょう。
ただし、入門向けなので、ステップアップを考えている方は、
この後に紹介する書籍の方が良いでしょう。
オススメの書籍(初心者〜中級者)
改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで

javaScriptの基本的なことを学習した初心者で、
ある程度、javaScriptが書けるようになったかなと思う方は、
是非、手に取って頂きたい一冊がこの本です。
読みものとして、しっかりとした書籍になっているので、
この本の特に後半は読んでみる価値は高いと思っています。
ステップアップを目指す方には、是非、オススメの一冊です。
オススメの書籍(中級者〜上級者)
開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質

javaScriptの学習がある程度進んで、
通学・通勤時などにも、javaScriptの本を読みたいと考えられている方には、この本をオススメします。
そんなに厚くない本ですが、
javaScriptでのオブジェクト指向の考え方、使い方が、
シンプルに記載されているので、
ちょっとした時間に何度も読み返せる良書だと思います。
この本の内容を読んで、
「オブジェクト指向はやっぱりわからない」
と感じるようでしたら、別の書籍で、
オブジェクト指向を学んで、
再度、この本にトライしてみると良いでしょう。
javascript 第6版

javaScriptに関して、
踏み込んで理解を進めたいと考えている方には、
この本が非常にオススメです。
この本は、表紙に「サイ」が使われていることから、
ネット上では、通称、
「サイ本」
と呼ばれていたりします。
大型本と呼ばれる、ものすごく厚い書籍なので、
読み終えるまでに非常に時間がかかりますが、
javaScriptをより知っていくためにも、
この本は非常にオススメです。
個人的には、フロントエンドのエンジニアを目指すなら、
入門書や作りながら、ある程度、力がついたと感じたら、
この「サイ本」でjavaScriptに関する教養を補う
という感じで使ってもらえると良いかなと思っています。
非常に分厚いので、敬遠されがちですが、
良書だと思っているので、非常にオススメです。
プログラミング初心者にオススメのサービス、サイト、書籍(CSS編)
初心者が学習をしていく中で、
オススメのサイトや書籍を聞かれることがあります。
いくつか、オススメのサイトや書籍を紹介しますので、
学習を進める際に、参考にしてください。
随時、最新の良いサイトや書籍を見つけた場合は、
追加を行っています。
オススメのサービス
ドットインストール

学びたい内容ごとに、3分の動画が約10本程度あり、
自分の見たいときに学ぶことができるサービスです。
有料プランもありますが、”超”初心者であれば、
無料出見れる範囲で十分に参考になるでしょう。
Progate

無料で学べる中で、実践よりは、まずは基本を理解したいという方に非常にオススメできる「Progate」。
自分自身で読みながら、実際に試してみることで、
着実に理解を深めることができます。
こちらも無料で初心者には参考になるサービスです。
chot.design

今後、よりデザインにフォーカスして学習うを考えている初心者の方は、この「chot.design」で学習を始めると良いでしょう。
デザインに特化して、学習内容が立てられていて、
本当に「毎日、ちょっとずつ、デザインを学ぶ」の通り、
少しずつ、デザインを学習することができます。
こちらも無料で学習できるので、
これからデザインの学習を始める初心者の方にオススメです。
オススメのサイト
サルワカ

個人的にデザインに困ったときに、
参考にさせて頂いていたサイトでもあり、
初心者の方にも非常にオススメのサイトです。
具体的なサンプルが多々あり、
実際に活用しながら、実装方法を学びましょう。
Webプログラミングの基本と要点

このサイトでは、
- わかりやすい文章
- イメージしやすい図やイラスト
- 簡単なサンプルソース
があるので、まずは、読んで試しながら、
少しずつ、理解していきましょう。
オススメの書籍(入門者用)
スラスラわかるHTML&CSSのきほん 第2版

CSSはHTMLのタグなどとあわせて、学習を始める必要があります。
そんな中で、プログラミングなどの学習を行なったことがない、
“超”初心者の方には、容易なわかりやすい文章で書かれた書籍で
学習を始めることをオススメします。
そんな初心者の方に向けてお勧めできる1冊が、
スラスラわかるHTML & CSSの基本
という本です。
非常にわかりやすいこの本なので、
他のサイトなどで言っていることが難しすぎるなどは、
この本でまずは基本的なCSSの使い方を理解してみると良いでしょう。
1冊ですべて身につくHTML & CSSとWebデザイン入門講座

先ほどの書籍と共に、
入門書としてオススメなのがこの本です。
この本の特徴としては、
- 説明が丁寧
- 押さえるべきポイントが書かれている
- 初心者にも理解できる内容
ということが、初心者にもオススメできるポイントです。
先ほどの書籍よりも、よりきちんとした説明が書かれている分、
図や絵でイメージしたい場合は、
スラスラわかるHTML & CSSの基本
そして、基本を理解しながら、説明が欲しい場合は、
1冊ですべて身につくHTML & CSSとWebデザイン入門講座
この本で学習すると良いでしょう。
ただし、入門向けなので、ステップアップを考えている方は、
この後に紹介する書籍の方が良いでしょう。
オススメの書籍(ステップアップ用)
Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」

HTML/CSSを学んだ初心者の方に、ステップアップとして、
どのようにHTML/CSSを組み立て、CSSはどの様にまとめるべきか、
考えれるようになって欲しいと思っています。
そんなステップアップを実現するために、
オススメの書籍が、この「CSS設計の教科書」という本です。
この本の内容を少しずつでも理解しながら、
実際に試しながら、自分自身の中に吸収していきましょう。
Laravel環境構築時にNginx+php-fpmのPermissionエラー
Laravel環境構築で、
Nginx+php-fpmの時に、権限エラーが起きたので、
対応内容をメモ
前提
エラー概要
サーバーアクセス時に502エラーが発生しており、
そのエラー内容を追っていくとPermissionエラーが起きていた。
エラー内容
エラーログ
connect() to unix:/var/run/php/php7.2-fpm.sock failed (13: Permission denied)
対応内容
Nginxの実行ユーザー周りで、Laravelのフォルダのユーザーと合っておらず、エラーになっている。
Nginxの設定変更
user = username
php-fpmの設定変更
user = username group = username listen.owner = username listen.group = username
プログラミング初心者にオススメのサービス、サイト、書籍(HTML編)
初心者が学習をしていく中で、
オススメのサイトや書籍を聞かれることがあります。
いくつか、オススメのサイトや書籍を紹介しますので、
学習を進める際に、参考にしてください。
随時、最新の良いサイトや書籍を見つけた場合は、
追加を行っています。
オススメのサービス
ドットインストール

学びたい内容ごとに、3分の動画が約10本程度あり、
自分の見たいときに学ぶことができるサービスです。
有料プランもありますが、”超”初心者であれば、
無料出見れる範囲で十分に参考になるでしょう。
Progate

無料で学べる中で、実践よりは、まずは基本を理解したいという方に非常にオススメできる「Progate」。
自分自身で読みながら、実際に試してみることで、
着実に理解を深めることができます。
こちらも無料で初心者には参考になるサービスです。
chot.design

今後、よりデザインにフォーカスして学習うを考えている初心者の方は、この「chot.design」で学習を始めると良いでしょう。
デザインに特化して、学習内容が立てられていて、
本当に「毎日、ちょっとずつ、デザインを学ぶ」の通り、
少しずつ、デザインを学習することができます。
こちらも無料で学習できるので、
これからデザインの学習を始める初心者の方にオススメです。
オススメのサイト
サルワカ

個人的にデザインに困ったときに、
参考にさせて頂いていたサイトでもあり、
初心者の方にも非常にオススメのサイトです。
具体的なサンプルが多々あり、
実際に活用しながら、実装方法を学びましょう。
オススメの書籍
HTML5の絵本 Webコンテンツ作りの基本がわかる9つの扉

プログラミングなどの学習を行なったことがない、
“超”初心者の方には、書籍がたくさんある中でも、
まずは、この「絵本」シリーズをオススメしています。
初心者の方には、文章で理論的に説明されると、
よくわからず、挫折してしまう方もいらっしゃいますが、
この本は、
- 難しい文章が少ない
- 初期導入に向いている
- 絵や図でイメージしやすい
という、非常にわかりやすいこの本なので、
他のサイトなどで言っていることが難しすぎるなどは、
この本でまずはイメージを掴んでみると良いでしょう。
1冊ですべて身につくHTML & CSSとWebデザイン入門講座

先ほどの「絵本」シリーズの次に、
入門書としてオススメなのがこの本です。
この本の特徴としては、
- 説明が丁寧
- 押さえるべきポイントが書かれている
- 初心者にも理解できる内容
ということが、初心者にもオススメできるポイントです。
初心者の方が、動画での学習を始めて、
何か腑に落ちないな、と感じたら、
この本で基礎を固めると良いでしょう。
RailsのPM2での常駐化
前提
Ubuntuのバージョン
$ cat /etc/os-release NAME="Ubuntu" VERSION="18.04.4 LTS (Bionic Beaver)"
PM2のインストール
こちらの記事を参考
RailsのPM2での常駐化
常駐化コマンド
$ pm2 start rails --interpreter bash --name "hoge" -- server
実行するとこのように、プロセスに追加される。

問題なくRailsが動いているか、ポート指定で確認
$ sudo netstat -ltup4 | grep 3001 tcp 0 0 localhost:3001 ......
必要なくなったら、PM2で削除
$ pm2 delete id
Linuxのプロセス常駐「PM2」
Ubuntuでのプロセス常駐で「PM2」を使用したのでメモ
前提
Ubuntuのバージョン
$ cat /etc/os-release NAME="Ubuntu" VERSION="18.04.4 LTS (Bionic Beaver)"
PM2
インストール
$ sudo npm install pm2 -g
一覧確認
$ pm2 list
参考
エラー:sshd[8892]: fatal: bad ownership or modes for chroot directory
sshdに関するエラー
前提
OSバージョン
エラー内容
エラー
sshd[8892]: fatal: bad ownership or modes for chroot directory "/......"
解決方法
ディレクトリの権限を調整
$ sudo chown root:root directory $ sudo chmod -R 755 directory
ファイルアップロード
ファイルをアップロードするためのユーザーを追加
前提
OSバージョン
$ cat /etc/os-release NAME="Ubuntu" VERSION="16.04.6 LTS (Xenial Xerus)"
グループの準備
グループの追加
$ sudo groupadd groupname
ユーザーの準備
ユーザー追加/パスワード
以下のページを参考にユーザーの追加とパスワードを設定
ユーザーのグループを変更
$ sudo usermod -G groupname name
$ id name
フォルダの準備
フォルダの作成
$ sudo mkdir /var/www/hoge
$ sudo mkdir /var/www/hoge/name
アクセスフォルダを設定
sshdの設定変更
$ sudo vim /etc/ssh/sshd_config
Match group groupname ChrootDirectory /var/www/hoge/%u X11Forwarding no AllowTcpForwarding no
$ sudo service sshd restart
$ sudo usermod -d / sftp-user
Linuxのユーザー関連操作のコマンド
ユーザー関連の処理をメモしておく
Linuxコマンド
ユーザーの追加
sudo useradd user-name
パスワードの変更
sudo passwd user-name
ユーザーの一覧
cat /etc/passwd
ユーザーの切り替え
su user-name
ユーザーの削除
userdel user-name
ユーザーのグループへの追加(単一)
sudo usermod -a -G group-name user-name
ユーザーのグループへの追加(複数)
sudo usermod -a -G group1,group2 user-name
ユーザーの所属グループの確認(自分自身)
groups
ユーザーの所属グループの確認(ユーザー指定)
groups user-name
グループ追加
sudo groupadd group-name
ユーザーをグループから削除
gpasswd -d user-name group-name
エラー:[Vue warn]: Failed to mount component: template or render function not defined.
LaravelのVueコンパイルはうまくいくが、
画面の表示時に、JSのコンソールにエラーが起きた。
[Vue warn]: Failed to mount component: template or render function not defined.
前提
Laravelのバージョン
$ php artisan --version Laravel Framework 5.8.36
エラー内容
コンパイルは

このように、問題ない。
ただ、JSコンソールのログに
[Vue warn]: Failed to mount component: template or render function not defined.
というエラーが発生。
対策
修正内容としては、
resource/js/app.jsのVueのコンポーネントの定義を変更。
Vue.component('sample', require('./components/Sample.vue'));
// 下記のように「default」をつける Vue.component('sample', require('./components/Sample.vue').default);
エラー:No application encryption key has been specified.
Laravelのインストール後に、稀に起きるエラー。
前提
Laravelのバージョン
$ php artisan --version Laravel Framework 5.8.36
エラー内容
エラー概要
コンパイルは問題なくできるが、500エラー。
エラーログ
production.ERROR: No application encryption key has been specified.
対応方法
対応としては、アプリケーションキーの設定がうまくいっていないので、アプリケーションキーの設定を行う。
公式リファレンスに書いているので、該当部分を抜粋。

インストール後に、アプリケーションキーを設定する必要があると書いてある。
また、Composer等のインストールで、すでに設定されているはずと書いてあるが、
うまくいかないこともあるらしいので、
その場合は、手動でそのコマンドを動かす。
php artisan key:generate
会社を使って、会社に依存せずに生きる
「会社が人生のすべて」
これを考えているとちょっと危険な現代。
自分自身で事業をやっていれば、
それを言えるのかもしれないが、
会社員であれば、
この考えは危険。
会社が今潰れても、あなたを採用したい企業はありますか?
会社の業績が長いこと良いのはありえない。
長い人生、色々と変化はしていくもの。
事業が傾いて、
やめさせられるかもしれない。
そもそも、潰れるかもしれない。
なんのために働くのか。
会社のため?
いや、そうじゃなくて、
自分自身の生活をより良くするため。
「今の会社をやめて転職できる気がしない」
と思う人は、一呼吸して冷静に考えて。
職業はたくさんあって、今は人が足らない時代。
大きな視点で、転職活動を考えても良い。
極論、農業やるのでもいいんじゃないか。
メンタルを壊して、屍のように生きたいのですか。
そのように会社に依存せず、
有意義な人生のため行動することが大切。
そのためにも、
「何が起こっても自分で生きていけるスキル・経験を積んでおく」
ということが大切。
これをやっておくための方法として、
転職の意思に関係なく、
長くても5年ほどのスパンで、
などの転職エージェントや、
転職サイトなどを活用して、
「自分自身の現在の世の中での市場価値を探る」
ということをやっておくと、
自分の考えと、
現実とのギャップが埋まり、
自分がこれから取るべき行動も見えてきます。
時間がある時に、
自分自身のことを見つめることで、
この記事のように、
自分自身のスキルや経験を棚卸しすることで、
- 現在の自分のスキルや経験
- 自分に不足しているスキルや経験
- 自分の強みとなるスキルや経験
を把握でき、
今後につなげていくことができるので、
できる限り早く、
今のうちから、
自分自身を見つめて、
会社に依存しない人材になっていきましょう。
離れた方が良い企業を見分ける3つのポイント
転職しようかな
と迷うことはよくある事
そんな迷いの判断で、
決めるための3つのポイントがあります。
その3つのポイントは、
- 給料が安すぎる
- 会社に行くために心身ともに労力が必要である
- 最近の3年間で何もスキルが身に付いていない
というこの3つ。
それぞれ、
自分に当てはまるのかを考えてみてほしい。
1:給料が安すぎる
質素で無駄遣いせず、
それでも生活がキツイなら、
給料が安すぎる可能性大。
もし、
自分が「安すぎるのかも」と心配になるなら、
などを使って、
自分の現在の世の中での市場価値を知り、
現在働いている企業でもらっている年収と、
転職した場合の年収を比べてみると良いでしょう。
2:会社に行くために心身ともに労力が必要である
仕事が楽しく、意欲的にやれてるから問題ない。
そのような気持ちで、
日々の仕事に取り組めているのであれば、
特に問題はないでしょう。
ただ、
会社に行くことに対して、
意識的にモチベーションを上げないといけないようであれば、
それは病み始めている、
または病んでいることが多いです。
そのような状況を改善するためにも、
などの記事を参考に、
自分自身が働いていて、
特に嫌にならないという職種を考えることが、
人生の中で働くことが負担になりすぎない方法なので、
1度、自分なりに考えてみると良いでしょう。
3:最近の3年間で何もスキルなどが身に付いていない
3年も経てば、
スキルが何かしら身につけられ、
周りとやっていることも、
少しずつ変化が生まれているはず。
この少しずつの変化が、
世の中での自分自身の市場価値を向上させていきます。
この点に関して、
「ここ3年くらいは、何もスキルが身に付いていない」
という状況であれば、
世の中の変化のスピードに取り残されている可能性もあり、
将来のステップアップや転職にも、
大きく影響を及ぼすことになるかもしれない。
もし、
成長できていないことが不安になっているなら、
この記事を参考に、
自分自身が「成長していきたいこと」を、
1度、考えてみると良いでしょう。
そして、
自分自身が成長したいことが、
今の会社で身につけることができないようであれば、
などを使って、
新たな職場に変えることで、
自分自身の成長を促すことにつなげることも、
1つの方法としてやってみるのも良いでしょう。
LaravelからSlack通知の基本
LaravelからSlackに通知することができます。
公式サイトにも記載がありますが、少しわかりにくいので、
色々と調べながらやったので、共有しておきます。
前提
Laravelのバージョン
php artisan --version
Laravel Framework 5.8.36
SlackのWebhook URLを準備
Slackへ通知を行うために、Slack APIの中で、
Incoming WebhooksをActiveにする必要がある。


公式リファレンスを確認
関係しそうなところをピックアップ
必要なライブラリをインストール
以下のコマンドでインストール
composer require laravel/slack-notification-channel
通知用のフォルダなどを作る

上記で、まずは、
必要なNotificationsのフォルダ、ファイルを作る
Slack通知用に必要なモジュール追加

Slack通知使うには、必要なので、composerで追加。
SlackのWebhook URLを設定

Slack通知のための「Webhook URL」を、
App\Userにメソッドを追加する。
送信内容の設定のためのメソッドを追加

最初に作ったNotificationsのファイル(クラス)に、
上のように「toSlackメソッド」を追加。
通知の送信

2パターンやり方があるらしいが、
「Notifiableトレイとの使用」
の方のやり方で自分は対応した。
上記の解釈としては、黄色と水色に分けるとわかりやすいと思う。
App\Userモデルのnotifyメソッドに、
Notificationsの中に作ったクラスのインスタンスを渡すだけ。
実際のソースコード
実際のソースコードがあった方が良いと思うので、
簡単に設定して通知確認したくらいのコードを載せておきます
use App\Notifications\Slack;
use App\User;
:
Artisan::command('slack', function () {
$user = new User();
$user->notify(new Slack());
});
:
use App\Notifications\Slack;
use App\User;
:
Artisan::command('slack', function () {
$user = new User();
$user->notify(new Slack());
});
php artisan slack
実行すると、こんな感じで通知がくる

これでうまく動いているので、オッケー
Laravelを書籍で学ぼう

RailsでTime.currentの時間を正しくタイムゾーンを設定して取得
前提
Railsのバージョン
$ rails -v Rails 5.2.3
問題
Railsで、ファイルへのデータ出力の中に、
「データ出力時の日付」を含んでいた。
Time.current.strftime('%Y-%m-%d')
その際、日付がなぜか、1日、ずれる事象が発生。
解決方法
解決方法としては、タイムゾーンが、UTC(世界標準時間)になっていたので、これを日本時間に設定を直す。
その際、Railsのconfig設定でタイムゾーンを設定できるので、
その対応で問題なく取得できるようになった。
module XXXXXXXX class Application < Rails::Application : # 以下の行を追加 config.time_zone = 'Tokyo' end end
Railsのタイムゾーンに関して
Railsのタイムゾーンは、
以下のプロパティで確認できる
Time.zone
(GMT+00:00) UTC
(GMT+09:00) Tokyo
エラー:SQLSTATE[23000]: Integrity constraint violation: 1048 Column ‘xxxxx’ cannot be null
前提
Laravelのバージョン
$ php artisan --version Laravel Framework 5.7.28
事象
データベース更新時に以下のエラーが発生
SQLSTATE[23000]: Integrity constraint violation: 1048 Column 'xxxxx' cannot be null
更新画面で空文字(””)がNullになってエラーが起きていた。
フロントのVue側では、取得した値をRequestで渡している。
取得して、設定する側では、
以下のように、Requestの動的プロパティで取得しているが、
この取得でなぜかNullになっている。
class Xxxxx extends Controller { public funciton insert(Request $request) { : insertData($request); : } }
class XXXXXXX extends Model { function insertData($request) { : ....... => $request->xxxxx, : { }
解決方法
リファレンス
https://readouble.com/laravel/5.7/ja/requests.html
にその説明が書いてあった。

なので、
class Kernel extends HttpKernel { protected $middleware = [ : //以下をコメントアウト .......\Middleware\ConvertEmptyStringsToNull::class : ]; }
後は忘れずに再コンパイル。
【初心者向け】初心者がエンジニアへの就職・転職で面接時にアピールすべきこと
初心者のみなさんが、プログラミング学習をして、
いざ、就職・転職活動を行うとき、不安になると思います。
そして、
不安なまま、何も考えず面接に向かい、挫折する
ということが、初心者の方には多く見受けられます。
私自身が、会社で面接を行なう側で、
初心者の方を見てきた中で、
- 人事などの非エンジニアが良いと判断する人材
- エンジニアが良いと判断する人材
この2つが、それぞれ、エンジニア・非エンジニアの
どちらが面接官をしているかで違うと感じています。
今回の記事では、この辺りの内容を、
実際にエンジニアの就職・転職の活動で、
面接に向かって取り組んでいる方向けにお伝えします。
初心者がエンジニアへの就職・転職で面接時にアピールすべきこと
最低限のITリテラシーをアピール
初心者が、面接の時に、学んだプログラミング学習のことを
アピールすることが多いと思います。
面接官にとっては、その学んだ内容も重要なのですが、
その点に加えて、面接官に対して、
最低限のITリテラシーを持っていることをアピール
することが重要です。
これって、簡単そうで難しいように見えますよね。
- パソコンの機能をどれくらい使えるのか?
- スマホに関してもアプリとか使ったりするのか?
- キー入力などに慣れているのか?
など、基本的なITリテラシーに関して、
初心者に向けては、面接官は気になるものです。
初心者の皆さんには、
口頭で色々と説明できれば、それが一番良いですが、
それが難しそうであれば、面接の会話の中で、
プログラミング学習以外でも、パソコン/スマホを使っている
という話を自ら行い、
ITリテラシーがあることを感じさせる発言を行うようにしましょう。
ちょっとした話かもしれませんが、
日頃からパソコン/スマホを活用して、
最低限のITリテラシーを持つ人材であることをアピールしましょう。
プログラミング学習を「継続中」であることをアピール
初心者が面接時に、無意識に話をして、
面接官が「大丈夫だろうか」と考えてしまう場面があります。
それが、
XX月までプログラミング学習を「しました」
という過去形での学習経験です。
この点に関しては、
学習期間からのブランクが長ければ長いほど、
面接官は不安に思ってしまいます。
ですので、
XX 月までプログラミング学習をして、今も「学習中」です
という現在進行形で、
今も継続的に学習していることをアピールしましょう。
- 過去形の人=IT業界が続かなさそう
- 現在進行形の人=IT業界で続けていけそう
と、簡単にいうと、このように感じてしまうので、
面接するタイミングまで、プログラミング学習を続け、
学習を継続していることをアピールしましょう。
ちなみに、嘘をつくと、エンジニアが面接官の時に、
話している内容でわかってしまうことがあるので、
自分がやっている範囲のことで継続していることを伝えましょう。
「謙虚さ」よりも「意欲」をアピール
初心者の方で、先ほどの継続的な学習とは別に、
少し「大丈夫かな」と感じてしまう人がいます。
それが、
面接中に「謙虚さ」アピールで少し卑屈になる人
です。
面接官は、初心者には、
現場のエンジニアほどのスキルがないことは理解しています。
その上で、初心者に求めるのは、
ここまでで説明してきた、
- 最低限のITリテラシーを持っていること
- 継続的なプログラミング学習を続けていること
を求めますが、それに加えて、
入社してから、どのようになりたいかという「意欲」
が非常に重要です。
具体的な例でいうと、
- NG: スキルにはまだ自身がないから頑張りたい
- OK: スキルを上げて、XXXXなどにもトライしたい
などのように、入社後にスキルを上げることはもちろん、
どのようなことをやりたいかもアピールしましょう。
面接官が「非エンジニア」の場合に注意すべきこと
ITに疎い面接官には、スキルの話よりも学習に対する姿勢を話そう
IT企業の面接の時に、現場のエンジニアの前に、
人事担当者など、非エンジニアが先に面接することがあります。
そんな非エンジニアは、ITに疎いことが多いですが、
そのようなITに疎い非エンジニアの面接官には、
スキルの話よりも学習に対する姿勢をアピール
する方が、より良い印象を持たせることができます。
なぜ、このような学習に対する姿勢のアピールが良いかというと、
この非エンジニアの時の面談では、
- 会社内でうまくコミュニケーションを取れるか
- IT業界に向けて、学習の取り組みを行なっているか
という人物像という点で、
スキルを抜きに次のステップ(現場のエンジニア面接)に
進むかどうかを判断することがあります。
スキルがよりあることは良いですが、
人事担当者などには、
会社の中でうまくやっていける人材
であることは、アピールするようにしましょう。
面接官が「エンジニア」の場合に注意すべきこと
現場のエンジニアの時は、具体的なプログラミング学習の質問を聞いてみよう
初心者の面談の中で、必ず、何処かのタイミングで、
現場のエンジニアと面談する機会はあると思います。
そんな、現場のエンジニアの面接官に関しては、
具体的なプログラミング学習に関する質問をしてみる
ということをオススメします。
エンジニアの面接官は、
初心者がやってきたプログラミング学習に関して、
- どのようなものを作ったか
- どのようなことに困ったか
- どのように解決に導いたか
など、プログラミング学習に関して、
細かく聞いてくることが多いです。
そんなエンジニアの面接官には、
それらの話をした上で、
実際の現場ではどのようにやっているのか
という点を、初心者の皆さんの方から、
質問をすることで、意欲をアピールすることもでき、
現場の生の声を聞くことができるのでオススメです。
何をどのように聞いたら良いのかわからないと感じるかもしれませんが、
初心者のみなさんがプログラミング学習をやって疑問に思ったことを素直に聞いてみると良いです。
例えば、
- 現場で使っているツールは何か?
- 現場で使っているライブラリは?
- スキルアップのためにやった方が良いことは?
など、現場と自分の学習の違いなど、
聞いてみると良いでしょう。
エンジニアに聞いたことは、次回の面接の時のネタにする
先ほど、エンジニアの面接官の時に、
具体的なプログラミング学習に関する質問をしてみる
ということをオススメしました。
この質問したことに関しては、
面接が次のステップに進んだ時に、
質問して、エンジニアに聞いたことは「試した」上で話のネタにする
ということがオススメです。
ここで重要なのが、初心者のみなさん自身が、
聞いたことを、実際に「試した」ということです。
- 試して、どのように感じたか
- 試した結果、どうなったのか
など、現場のエンジニアに貰ったフィードバックを、
具体的なアクションに起こしたことがわかり、
意欲があることのアピールにつながるのでオススメです。
ぜひ、現場のエンジニアに聞いたことは、
自分なりにも試して、次回の話のネタにできるように、
面接対策の1つとして準備しておきましょう。
幼児教育で「手」「目」「耳」で感性を養う大切さ
幼児の時に、無意識に手にしたもの、
そして、それを使って遊んだことなど、
覚えていないけれど、無意識化で幼児時期に育んだこと
ということが存在します。
まだまだ成長期の幼児期に、
身の回りに何があって、どのように遊ぶのか。
これが非常に子供の成長にも重要であるとよく言われます。
幼児期においては、家庭で面倒を見ながら、
興味を持ったもので、遊ばせることが多いです。
そんな中で、
- 仕掛けのあるような楽しい絵本
- 色々な形、音などが違うおもちゃ
などが、幼児期に親が子供のために提供できることです。
そんな中で、
子供が興味を持てるものを提供すること
が非常に重要で、難しいというのが、
幼児期の子供を持つ親には非常に多いです。
そのため、より良いものを提供して、
幼児期に子供が興味を持って、
ものに触れて遊ぶことが大切
だと言えます。
難しく考えすぎず、生活の中でちょっとしたことでも、
子供に様々な体験を増やすことができるので、
できることからやってみましょう。
幼児教育で「手」「目」「耳」で感性を養う大切さ
「手」を動かし、触れることで硬さや肌触りの違いを感じる大切さ

幼児期から小学校に入るくらいまでが、
子供自身の本来持つ、基本的な感覚、感性を養う上で、
非常に重要な時期と言われています。
そんな中で、
「手」を動かして、様々なものに触れること
が、子供の成長にも非常に重要です。
そして、この「様々なもの」という点に関しては、
現代の家の中で同じもの、同じことだけでは、
なかなか、「様々なもの」に触れる機会は少なくなります。
手を使うことは、脳の活性化にも良い作用を及ぼすので、
色々なものを子供には触れさせたいですね。
- 「やわらかい」もの
- 「硬いもの」もの
- 「丸いもの」もの
など、様々な違いを、「手」に触れながら、
子供が感性を養っていけるようにしましょう。
ただ、幼児期に気をつけることとして、
子供が間違って食べちゃいそうな大きさのものはダメ
ということだけ、忘れずに注意しておきましょう。
「目」を動かし、空間や色、形の違いを感じる大切さ

幼児期に様々なものを「目」を動かすこと自体、
目の周りの筋肉を動かすことで、
目に直接的な作用を及ぼすということは間違いありません。
ただ、「目」を動かすにあたって、
色々なものを見て、空間や色、形の違いを感じる
ということは、
子供にとって、感性などを磨く上でも重要です。
家の中では同じようなものをみることになり、
テレビ自体で様々なものを見るのは良いですが、
あまりモニターを見すぎると視力に影響してしまいます。
そのため、子供に家の中で様々なものを目で違いを感じさせるためには、
家の中に様々なもの、形や色のものを置いて見る
ということがオススメです。
これだけでも、家の中にいながら、
子供は近くのもの、少し離れたものを見て、
「目」をたくさん動かすことになります。
具体的にオススメなのが、
- やわらかい丸いボール
- 様々な色のキャラクターぬいぐるみ
- 椅子や壁に色のある布をかける
など、ちょっとしたことを家の中に工夫するだけでも、
子供が見得る範囲の世界に、たくさんの色、形が溢れ、
家にいながら無意識に「目」をたくさん使うのでオススメです。
「耳」で聞いて、音の違い、大きさの違いを感じる大切さ

幼児の時に、様々なものに触れておくことが、
重要であることはここまで説明してきました。
そんな中で、
「音」を「耳」で聞くこと
さらに言うと、
「耳」で聞いて、音の違い、大きさの違いを感じる
と言うことが非常に子供の成長にも必要です。
音楽だったり、動物の鳴き声だったり、
または、親の話のする声だったり、
いろんな音を子供に聞かせるようにしましょう。
音に関しては、色々なものがありますね。
ちょっとしたことでもいろんな音を子供に聞かせることができます。
例えば、
- いろんなCDを聞かせる
- 親が好きな曲を口ずさむ
- ちょっと声を変えて子供に話しかける
など、親でも、お父さんなのか、お母さんなのか、
小さな声なのか、大きな声なのか、近いのか、遠いのか。
そう言う違いでも、聞こえる音は違うので、
コミュニケーションを取りながらも、
様々な音を聞かせるようにしましょう。
様々なものに触れるために
子供を連れて外に出よう

「手」「目」「耳」を使って、
子供に様々なものに触れさせることが大切だと説明しました。
そんな中で、いつもの生活の中で、
より様々なものに触れさせるためにも、
子供を連れて、公園など外に出ましょう
と言うことをオススメしています。
外には色々なものや音であふれています。
例えば、
- 公園に咲いている花や植物
- 近くで通っている電車
- 空を飛んでいる飛行機
など、外には子供に感じさせるための、
様々なものがあふれています。
一歩でも外に出て、少しでも子供に、
手、目、耳を使ってものを感じる経験をさせましょう。
絵本を読み始めたら「仕掛け」のあるものを
子供が絵本を読める年齢になったら、
是非、取り入れたいことが1つあります。
それが、
「仕掛け」のある絵本を使うこと
です。
手でつまんで、引っ張ったりなど、
目だけ使うのではなく、手も使うことにもなり、
より多い刺激を与えることができるのでオススメです。
絵本に関しては、世界中の絵本に触れることができるサービスがあり、
- 年齢にあった厳選された絵本
- 毎月、家に届けてくれる
- 楽しい「仕掛け」のある絵本もある

このように年齢に応じた絵本が、
月額1300円程度でレンタルできるので、
非常にオススメです。
遊びながら「楽しく」続けれる教材を使おう
子供には手に触れ、目で見て、耳で感じるような教材が、
感性を発達させたり、成長にとって重要です。
そして、教材に関しては、
- 「楽しい」教材であること
- 継続的に続けれること
- 遊ぶだけでなく、発達に良い教材
と言うポイントを押さえて、
教材選びをしていくことが望ましいです。
そんな教材に関して、書店等で選ぶのは困難なため、
有名なところで、1つオススメの通信教材を紹介します。
それが、
ベネッセの「こどもちゃれんじ」
このサービスですが、

このしまじろうのキャラクターを使った教材など、
子供が楽しく学べる教材が揃っているのでオススメです。
この「こどもちゃれんじ」は、
年齢に応じた教材など、オススメのポイントがあり、
こちらの記事に書いているので、気になったら読んでください。
子供のおもちゃは定額制サービス「トイサブ!」がお得で便利
子供が小さい時は、色々なものに興味を持ったり、
おもちゃをおねだりしたり、親としては大変ですよね。
特におもちゃに関しては、
- すぐに飽きるものがあるので買いたくない
- 増えすぎて、捨てるに捨てれない
- 買うのは子供がよく遊ぶものだけが良い
など、親としては、買ってあげたいけれど、
あまり増えすぎるのも困ると思います。
そういう方に、ぜひ、オススメしたいのが、
おもちゃの定額レンタルサービス「トイサブ!」
です。
定額制サービスでレンタルすることで、
色々な良い点があるので、紹介させて頂きます。
子供のおもちゃは定額制サービス「トイサブ!」がお得で便利
買いに行く必要がなく、家に届く
子供におもちゃが必要な時期は、
そもそも家事・育児で買いに行く時間が取りにくい
という問題があります。
この点に関しては、
- わざわざ、買いに行かなくて良い
- 家まで届けてくれる
という嬉しいサービスなので、
家にいながら、買いに行く必要もないのが非常にオススメです。
よく使うおもちゃだけ継続レンタル
トイサブ!のレンタルに関して、
料金体系や基本的レンタルに関しては、
- 「毎月」でなく、「隔月」で交換
- 月額3700円程度
- 6点のおもちゃがレンタル可能
というレンタル料金、レンタル方法になります。
年齢に適した、厳選されたおもちゃ
トイサブ!は厳選されたおもちゃをレンタルでき、
以下のような選定基準で厳選されたおもちゃが届きます。
お申込時もしくはご契約中にお知らせいただいたお手持ちのおもちゃと重複しない
トイサブ!のHPより「選定基準」より一部引用
前回のおもちゃと重複せず、お客様のご要望がある場合(例:プレイジム希望等)には要望を反映する
以下の年齢別ジャンルに該当するものから6個を選定する
新規購入した場合に合計で定価15,000円相当の玩具が1つのプランに入るよう設計する
このような「選定基準」が設けられていて、
その基準に満たすおもちゃが届けられます。
本当に必要なものだけ買取
レンタルするおもちゃは、「隔月」で交換してくれますが、
子供が気に入ったおもちゃなどは購入も可能
であるという点が非常にオススメのポイントです。
子供が欲しがるおもちゃに関しても、
- 本当に自分の子供が使うのか
- 使ったけれど、すぐに飽きないか
など、おもちゃのレンタルサービスだからこそ、
事前に使ってみてから購入することができます。
そのため、
自宅に使わないおもちゃで溢れてしまうことを防ぐ
というメリットがあるので、非常にオススメです。
紹介ムービー
これまで説明したオススメポイントも含めて、
公式の紹介ムービーがありますので、共有します。
他にもたくさん。オススメのサービス
楽しみながら考える力を養う「こどもちゃれんじ」
0歳〜6歳のお子さんに対して、
幼児教育を受けさせていく中で、
- 子供が楽しく学べること
- 継続的に一貫した教材であること
ということに関して、非常にオススメの教材が、
ベネッセの「こどもちゃれんじ」です。

この”しまじろう”で馴染みやすい、年齢にあった教材で、
子供が楽しく学ぶ力を養えるので非常にオススメです。
幼児教育はベネッセの「こどもちゃれんじ」で楽しむことがオススメの理由
ディズニー英語システム
幼児向けにキャラクターを扱った教材は、
子供に興味を持ってたのしく学習する上で非常に効果的です。
そんな中で、
ディズニー英語システム
というサービスは、ディズニーのキャラクターで、
楽しく英語を学べるのでオススメです。
無料サンプルで、

このような可愛いサンプルがもらえるので、
気になったら無料サンプルで試してみましょう。
他のサービスをまとめてチェック
他にも様々なサービスがあり、
この記事では紹介しきれないので、
学ぶパンダの子供の習い事特集

このようにサイトでわかりやすく、
見やすくまとめてみましたので、そちらもご覧ください。