注目

猫先生!?がプログラミングをガリ勉してみた。

2019年(令和元年)11月1日設立

「Amazonのアソシエイトとして、[猫★シエスタ]は適格販売により収入を得ています。」

ご訪問ありがとうございます!!このサイトの管理人の「猫★シエスタ」と申します。


・発達障害(自閉症スペクトラムASD アスペルガー症候群 、ADHD)
・ロスジェネ負け組(就職氷河期世代)
・LGBT(トランスジェンダーFTM)

と、自分に自信を持てなかった私が、プログラミングや読書などの学びを通して成功体験を積み重ねていく過程をブログに綴っています。

写真の投稿を始めました。
(写真AC)のプロフィールページです。

<<このブログ内の、オススメ記事3選!>>

何の本を読んだらよいのか分からない時に読む記事

挫折経験者が語る!!これからプログラミングをはじめる方へ

基本情報技術者試験トップ

サイトマップはこちらから

プログラミングのアンケートにご協力頂ける方はこちらのフォームで勉強法など色々と教えて下さい。

以下が、メインメニューになります

連絡先  自己紹介
 
(人事採用担当者様宛)障害者雇用、その前に

これからプログラミングをはじめる方へ

プログラミングの疲れ目対策と視力維持に向けて

保護者の方へ。子ども(小学生向け)プログラミングの予習

プログラミング学習で関わってはいけない人達と逃げるべき環境

プログラミングと資格について  

■ Web開発(HTML/CSS/JavaScript/Bootstrap/PHPなど)プログラミング学習 ■

ドットインストールの学習ロードマップ

■プログラミングと健康■
プログラマこそストレッチ(子ども&大人向け)

風呂グラミング(入浴剤紹介)

■アプリ作成■

Swiftについて

WindowsからMacにパソコン買い換え

Pythonでkivyというライブラリー使用してマルチタッチアプリを作る!!

■自作サンプルプログラム■

GAS(Google Apps Script)


paizaレベルアップ問題集をPythonとGASの両方で解いてみた。

Python

C言語

アセンブラCASL2

Java

VBA

SQL

基本情報技術者試験トップへ

取りあえず事務職で働きたいから手っ取り早くExcel教えてくれ!

急にプレゼン資料を作ることになったから手っ取り早くパワポ教えてくれ!!!!!

■ おススメ本! ■
発達障害と健康  心がラクになる本


何の本を読んだらよいのか分からない時に読む記事

ストレス解消グッズなど  写真で癒し

ハッカ愛からハッカー!?

アロマでゴキブリを追い出せ!!

プログラミングのアンケートにご協力頂ける方はこちらのフォームで勉強法など色々と教えて下さい。

サイトマップはこちらから

東池袋、サンシャイン60展望台のハロウィン(コロナ前2018年11月の写真スライド)

お疲れ様です。

東池袋駅のいけふくろうと、ハロウィンのお化けかぼちゃ、サンシャイン60展望台の写真をショートムービーにしました。

※ 音量注意!! ※

東池袋駅を歩いて・・・。

サンシャイン60はこんな感じ

今日も見て下さってありがとうございました。

息抜きに、写真で癒し(=^x^=)に戻る
自己紹介

ストレス解消グッズ
心がラクになる本
発達障害と健康の本
何の本を読んだら良いのか分からない時に読む本

インスタ再開しました。

写真スライドショーが作れる動画編集ソフトを使って、YouTubeにUPしてます。

写真の投稿を始めました。
(写真AC)のプロフィールページです。

有楽町MULLION(マリオン)〜銀座のクリスマスイルミネーション(コロナ前2018年11月の写真スライド)

お疲れ様です。

有楽町MULLIONマリオン〜銀座までのクリスマスイルミネーションを散策して、ショートムービーにしました。

※ 音量注意!! ※

今日も見て下さってありがとうございました。

息抜きに、写真で癒し(=^x^=)に戻る
自己紹介

ストレス解消グッズ
心がラクになる本
発達障害と健康の本
何の本を読んだら良いのか分からない時に読む本

インスタ再開しました。

写真スライドショーが作れる動画編集ソフトを使って、YouTubeにUPしてます。

写真の投稿を始めました。
(写真AC)のプロフィールページです。

いたばし花火大会(2019年8月)

お疲れ様です。
東京都内でもサイズが大きくて迫力のある、いたばし花火大会のショートムービーを作りました。

※ 音量注意!! ※

今日も見て下さってありがとうございました。

息抜きに、写真で癒し(=^x^=)に戻る
自己紹介

ストレス解消グッズ
心がラクになる本
発達障害と健康の本
何の本を読んだら良いのか分からない時に読む本

インスタ再開しました。

写真スライドショーが作れる動画編集ソフトを使って、YouTubeにUPしてます。

写真の投稿を始めました。
(写真AC)のプロフィールページです。

Web開発(HTML/CSS/Bootstrap/JavaScript/jQuery/PHPなど)プログラミングロードマップ ドットインストールのレッスン紹介

この記事では、Web開発が出来る様になるために、プログラミング学習コンテンツの、ドットインストールのレッスンの中でも、HTMLやCSS、JavaScriptやGoogleが提供しているツール、jQueryやPHPなどのレッスンをロードマップ形式で感想や紹介をして行きます。

レッスンをブログに掲載するにあたって、ヘルプを確認しました。
個人利用であり、非商用で、出典を明示してリンクしていて、このブログは非公式で

ポートフォリオを作成しました。

プログラミングのアンケートにご協力頂ける方はこちらのフォームで勉強法など色々と教えて下さい。

あなたのプログラミングの勉強方法について、学習中の方も、クラウドソーシングなどですでに結果を出されている方も、教えて頂けたら嬉しいです。

ここからは、ドットインストールの周ごとのレッスンの感想と、ロードマップとして、各レッスンのリンクと感想を掲載していきます。

1周目の感想(途中)
動画を聴いて、その通りにエディタにコードを書いて動かして、講義についていくだけで精一杯って感じでした。大量の情報が押し寄せた感じで、ワケワカメ、意味フミコ状態です。まだプログラミングの楽しさも分からないですし、私は本当にプログラミングが向いているのかどうなのか、少々不安ではありますが、もう少し勉強を続けてみないと、はっきりと向いていないとも言い切れないのかな・・・・と思いました。

はじめてのWeb制作 全11回 無料
HTMLやCSSが全くの初めての人が、「山田太郎」のプロフィール紹介サイトを作りながら体験していくレッスンです。
また、このレッスンで作った制作物は、はじめてのJavaScript 全8回 無料でも使いますので、消さないようにして、残しておくと良いでしょう。

● もっと詳しくHTMLCSSを学んでみよう ●

Web制作の準備をしよう macOS編 全10回 無料
Windows編」もあります。
今後のHTMLやCSSの学習に備えて、VS Codeを使えるように設定の仕方を紹介しているレッスンです。

詳解HTML 基本タグ編 全27回 有料
imgタグ、strongタグ、backquoteタグ、hrタグ、brタグ、リスト、tableタグ、リンクを貼る、articleタグ、timeタグ、divタグ、spanタグなどの基本的なタグやMDNについて学べます。

詳解HTML フォームタグ編 全13回 有料
入力用部品、ドロップダウンリスト、チェックボックス、ラジオボタン、ボタンを作成します。

詳解CSS 基礎文法編 全33回 有料
色や枠線、中央揃え、RGBA、HSLA、ボーダーの角を丸める、padding、margin、marginの相殺、position、fixed、絶対配置、z-indexで重なり順、box-sizing、calc、要素に影を付ける、背景のスタイリング、float

詳解CSS セレクター編 全12回 有料
要素型セレクター、classセレクター、idセレクター、属性セレクター、全称セレクター、:hover擬似クラス、:nth-of-type、:empty、:not、詳細度、優先されるスタイル

詳解CSS フレックスボックス編 全16回 有料
要素を並び、揃え、反転、要素の伸ばし、カラムレイアウト、横並び、画像とテキストの配置

詳解CSS アニメーション編 全20回 有料
ボックスをホバーすると角が丸くなるアニメーション、図形の移動、回転、時間の制御、アニメーションの速度に緩急をつける、デベロッパーツールで細かい調整、一括指定プロパティ、繰り返し回数、ポップアップアニメーション

詳解CSS レスポンシブウェブデザイン編 全8回 有料
ブラウザ幅に合わせて、レイアウトを変えていくテクニックを学んでいく。
メディアクエリー、モバイルファーストな開発、要素の表示/非表示

詳解CSS グリッドレイアウト編 全16回 有料
格子状のレイアウトについて学んでいく。
ボックスの複製や配置、直感的な配置指定、要素を揃える

詳解CSS 変数編 全7回 有料
色を変えるなど、一つ一つ指定して変更すると時間がかかるので、変数を使うと便利。
変数の継承、テーマーカラーの管理と変更

● ウェブサイトをゼロから制作してみよう ●

実践!ポートフォリオサイトを作ろう 全17回 有料
山田太郎のポートフォリオサイトを作って行きます。
山田太郎の作った3つのゲームをWORKSに配置します。

実践!アプリ紹介ページを作ろう 全24回 有料
架空のお散歩アプリ、「Dotinstall Walking」の紹介サイトを作っていきます。

実践!ECサイトをマークアップしよう 全27回 有料
架空の家具販売店のサイトを作ります。

● Webサイトを公開してみよう ●

GitHub Pagesでウェブサイトを公開しよう 全11回 有料
GitHubにアカウントを登録し、リポジトリを作成、サイトを公開。
サイトを更新、プロジェクトサイトの作成と公開、リポジトリの削除

● その他のレッスン ●

Bootstrap 5入門 全21回 有料
レスポンシブに対応したサイトを素早く作れるBootstrapについて学習します。
カラムレイアウトやグリッドシステム、ユーティリティ的なクラス、paddingやmargin、実践的なレイアウトなど。

はじめてのJavaScript 全8回 無料
このレッスンでは、以前にはじめてのWeb制作 全11回 無料で使った、
山田太郎のプロフィールサイトに動きを付けて行きます。

● エディタを使いこなそう ●

Visual Studio Code入門 全13回 無料
マイクロソフト社が開発している、無料エディタのVS Codeについて、開発効率が上がるショートカットキーや、Emmet(エメット)などを学びます。

● Googleが提供するツールを使おう ●

情報が古くて調べても良くわからなかった所や、ATOMエディタ推奨で、VS Codeでは出来なかったところ、私の環境で行って上手くいかなかったレッスンは飛ばして、下記のレッスンのみを行いました。

マテリアルアイコン入門 全6回 無料
マテリアルアイコンは種類は少ないですが、無料で使えてGoogleが提供しているという安心感があります。

Google Charts入門 全9回 有料
JavaScriptで簡単にグラフが書けるツールを勉強します。
円グラフ、3D、切り出し、棒グラフ、積み上げ棒グラフ、折れ線グラフを作って行きました。

Chrome Developer Tools入門 全10回 有料
Chrome内に内蔵されているデバッグツールについて、各パネルの使い方を勉強しました。

Google Apps Script入門 全20回 有料
主にスプレッドシートを操作します。情報が古いので、GASエディタの表示の仕方が、2022年8月時点では、拡張機能→Apps Scriptになります。これはまた変わるかも知れません。トリガーで時間指定して実行させることや、GoogleフォームやG-mail、HTMLについても学びました。
個人的には、GAS全く初めての方向けというよりも、普段本でGASの勉強をしていて、補助教材として使う様なレッスンだと思いました。私が使っているGASの本について掲載します。

スプレッドシート自体初めてという方が、気軽にGASを体験出来る本です。
プログラミングやパソコンに自信が無いと不安な方におすすめです。

この教材「詳解! Google Apps Script完全入門 [第3版]」を使ってGASの勉強をしている方は本当に多いですし、基礎文法からGoogleの各サービスまで詳しく学びるので、どの本にしようか迷っている方に1番おすすめしたい本です。

では、ドットインストールのレッスンに戻ります。

Google Fonts入門 全5回 有料
Googleが提供しているウェブフォントを使います。講義ではATOMエディタでしたが、VS Codeでも無事に動作しました。

● もっと詳しくJavaScriptを学んでみよう ●

詳解JavaScript 基礎文法編 全26回 有料
準備中


詳解JavaScript オブジェクト編 全35回 有料
準備中


詳解JavaScript DOM編 全21回 有料
準備中


詳解JavaScript Intersection Observer API編 全13回 有料
準備中

●もっとJavaScriptに触れてみよう ●

jQuery入門 全13回 有料
準備中

ポートフォリオを作成しました。

プログラミングのアンケートにご協力頂ける方はこちらのフォームで勉強法など色々と教えて下さい。

表参道ヒルズから原宿までの若者の街を散策(コロナ前2019年7月の写真スライド)

お疲れ様です。

若者の街、表参道ヒルズから原宿までの散策を動画にしました。
写真に合う素敵な楽曲をBGMにしたので、かなりの自信作です!!

※ 音量注意!! ※

この電球が、インパクトあります。

こういうおしゃれな感じ、若者のセンスに刺激されました。

このデザインも画期的な感じがします。

こういう落書きっぽいのもアートな感じで新鮮です。

今日も見て下さってありがとうございました。

息抜きに、写真で癒し(=^x^=)に戻る
自己紹介

ストレス解消グッズ
心がラクになる本
発達障害と健康の本
何の本を読んだら良いのか分からない時に読む本

インスタ再開しました。

写真スライドショーが作れる動画編集ソフトを使って、YouTubeにUPしてます。

写真の投稿を始めました。
(写真AC)のプロフィールページです。

羽田空港第一ターミナル飛行機と空港夜景(コロナ前2019年7月の写真スライド)

お疲れ様です。

羽田空港第一ターミナルで、飛行機と空港夜景の撮影をしてきました。

※ 音量注意!! ※

空港ならではの、珍しい写真も。

ミッキーマウスの飛行機

飛行機の模型

こういうの、マニアにはたまらないですね。
飛行機のダイアです。こういうの見ているだけで興奮してきます。

空港って、本当に興奮する場所ですね。

コロナ前に行っておいて良かったです。

第7派到来しているので、過去の写真を整理しながら大人しく家で編集作業しています。

今日も見て下さってありがとうございました。

息抜きに、写真で癒し(=^x^=)に戻る
自己紹介

ストレス解消グッズ
心がラクになる本
発達障害と健康の本
何の本を読んだら良いのか分からない時に読む本

インスタ再開しました。

写真スライドショーが作れる動画編集ソフトを使って、YouTubeにUPしてます。

写真の投稿を始めました。
(写真AC)のプロフィールページです。

等々力渓谷 東急大井線世田谷区の自然(2019年7月コロナ前の写真スライド)

お疲れ様です。

等々力渓谷は、東京都世田谷区にあるのですが、とても東京23区内とは思えないほどの静けさと水辺の涼しさと自然が味わえました。

※ 音量注意!! ※

動画の中から写真を紹介します。

渓谷の石碑。

小道を歩いていくと

涼しげな滝に、

木々に囲まれ、自然を満喫出来ました。

駅に到着して、気になるポスターを発見!!

人をぶっちゃダメなんだよ。暴力は犯罪です。

このポスターも動画に入れました。

息抜きに、写真で癒し(=^x^=)に戻る
自己紹介

ストレス解消グッズ
心がラクになる本
発達障害と健康の本
何の本を読んだら良いのか分からない時に読む本

インスタ再開しました。

写真スライドショーが作れる動画編集ソフトを使って、YouTubeにUPしてます。

写真の投稿を始めました。
(写真AC)のプロフィールページです。

湘南片瀬海岸 江の島の写真(2017年コロナ前)

お疲れ様です。
コロナ前の2017に、JR小田急線を乗り継いで、片瀬江ノ島に行った時の写真を整理して動画にしました。

※ 音量注意!! ※

駅から徒歩10分で片瀬海岸へ。

そこから船で江ノ島の岩場へ行きました。

ダイナミックな波が味わえました。

ただ、足元が危ないので、撮影される方はお気を付けて。

片瀬海岸

江ノ島岩場

息抜きに、写真で癒し(=^x^=)に戻る
自己紹介

ストレス解消グッズ
心がラクになる本
発達障害と健康の本
何の本を読んだら良いのか分からない時に読む本

インスタ再開しました。

写真スライドショーが作れる動画編集ソフトを使って、YouTubeにUPしてます。

写真の投稿を始めました。
(写真AC)のプロフィールページです。

立川市のひまわり(国営昭和記念公園)

青梅線に乗って、立川市の西立川駅にある、昭和記念公園でひまわりの中でも、さんフィニティという品種の花を撮影しました。

※ 音量注意!! ※

秋葉原方面から出かけたので、移動距離はかなりあり、新宿を越え、中央線で立川まで行き、青梅線に乗り換えて西立川で下車

動画の中から写真を抜粋します。

西立川駅の空

園内に入り、

もみじ橋を渡って少しで到着!

小ぶりながら強くしなやかに、優しく咲いているひまわりに癒された日帰り旅行でした。

この日の歩数計です。

気分転換になりました。

息抜きに、写真で癒し(=^x^=)に戻る
自己紹介

ストレス解消グッズ
心がラクになる本
発達障害と健康の本
何の本を読んだら良いのか分からない時に読む本

インスタ再開しました。

写真スライドショーが作れる動画編集ソフトを使って、YouTubeにUPしてます。

写真の投稿を始めました。
(写真AC)のプロフィールページです。

プログラミングの疲れ目対策と視力維持に向けて

この記事では、プログラミングで長時間PCと睨めっこして目が疲れてしまった方向けの疲れ目対策と、これ以上視力が下がらないようにするための方法をまとめました。
目のストレッチと疲れ目に効く手のツボを紹介します。

トップページに戻る
はじめてのWeb制作(HTML/CSSドットインストール無料レッスンノート)
プログラミング学習で関わってはいけない人達と逃げるべき環境
プログラミングと資格について
自己紹介ページ

こちらのサイトから、私がよく行っている目のストレッチを引用してまとめました。
マイケアさんのサイトです。

ギュッぱ体操 〜目の渇きや視力低下防止に〜
・目をギュッと閉じてパッと開ける
・頭を動かさないように、黒目を右→左→上→下→に動かす 4〜5回繰り返す。
・30分に一度ぐらいやる

パチパチ体操 〜PC、スマホによる疲れ目に効果的〜
・1分ほど目を開いたり閉じたりする。
・終わったらまぶたを閉じてしばらく休ませる。
・一日に数回行うと良い

ピント合わせ体操 〜 目の機能をリフレッシュ 〜
・近くのものを10秒から20秒見つめる
・視線をなるべく遠くに移し、5分ほど眺める
・1日に4回から5回ほど

次にこちらのサイトのトレーニングを紹介します。先進会眼科さんのサイトです。
自宅で視力回復?眼のためにできるトレーニング5つのやり方|注意点も解説

眼球ぐるぐる
・目の動きをなめらかにして、ものを見やすくするのに役立つ。
・一点ばかり集中していると、目の筋肉が固くなり、運動不足になる。目の末梢神経が悪くなり、酸素や栄養が行かなくなるので優しくほぐす運動。

やり方:
・両方の目をゆっくり大きく回転させる。
・1周10秒ぐらいかける。右回り2〜3周、左回り2〜3周、寄り目にして5秒キープ。

最後に手のツボです。
Medicalook(メディカルック)さんのサイトです。
眼精疲労「手のツボ」を3つご紹介!疲れ目・かすみ目を解消したい方へ

こちらのサイトでは、

・親指と人差し指の間
・親指
・小指

のツボを紹介しています。
手のツボなのでメガネをしたままでも押せますね。
また、目の周りや眉毛にも疲れ目に効くツボが集中しているので、
もっとじっくり目の疲れを取りたい方はメガネを外して目の周りや眉毛の辺りをゆっくり押して、目を労ってください。

追加で、目の周りのツボの紹介です。赤岩治療院さんの図解が分かりやすかったので、ここで紹介します。

トップページに戻る
はじめてのWeb制作(HTML/CSSドットインストール無料レッスンノート)
プログラミング学習で関わってはいけない人達と逃げるべき環境
プログラミングと資格について
自己紹介ページ

プログラミングのアンケートにご協力頂ける方はこちらのフォームで勉強法など色々と教えて下さい。