初心者、中級、上級、カービングターンなど網羅

スキー場・アルペン速報はこちら(Xへ)

未経験者がどうやったらプログラムを書けるようになるのか？このソースコード翻訳辞書があると便利

SHARE

↓記事は下にあります↓

この記事には広告を含む場合があります。

記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。

また、skiblog.netは、Amazonアソシエイトとして適格販売により収入を得ています。

＊現在執筆中です。投稿したらXで報告します。なお、スキー検定と一般の滑り方、競技は技術的な部分が違います。そういった違いも解説していきます。

一般・検定・レーサーなど

ボーゲン

シュテムターン

パラレルターン

小回り

ロングターン

モーグル

深雪

回転

大回転

スーパーG

２級

１級

上級者向け

カテゴリーで見る：アルペンスキー　１級　２級　夏のアルペンスキートレーニング

  1. スキーのセンターポジションとは？技術の９割大事。ここができないと一生上手くならない理由を解説
  2. スキー板をずらさないで滑るフルカービングターンの滑り方。まず高い姿勢から練習するのが基本
  3. アルペン競技や基礎スキーでなぜ外足荷重が重要か？
  4. 正しいスキーの上下動とは？ただ上と下に動かすのは間違った滑り方
  5. 体力で勝てない凡人アルペンスキー選手がナショナルチームに追いつくには？３年くらいで日本代表相手に８秒縮めた話
  6. スキー上手くなりたい！だけではスキーは上手くならない。上達が早い人と遅い人の決定的な違いはこれだけ。
  7. そのスキーキャンプ（合宿）は必要？3、4万円シーズン券１枚で一桁順位になるアルペンスキー練習方法
  8. １ヶ月ほどで１桁順位になったアルペンスキー練習方法
  9. たった1種類のポールセットで短期間でアルペンスキーが上達するワケ。１日の練習量を２倍・３倍にする方法
  10. 続き・その他の記事はこちら
  1. ブログって何？ホームページと何が違うの？YouTube、アマゾン、Google、wordpressは全てwebサイトである理由
  2. 無料ブログとワードプレスの長所と短所。ブログ初心者が「何を書いて良いかわからない」を回避する方法
  3. すぐにワードプレス作成・公開できるレンタルサーバー「ミックスホスト」のやり方を解説
  4. アフィリエイトとは？イチローさんも投資家として名を連ねた成果報酬型広告のビジネスモデル。始め方から確定申告、副業で会社にバレる場合とバレないケースまで詳しく解説
  5. ９９％のブログが続かない理由。成功者は「事実」、敗者は「夢を見て」行動する。
  6. AI時代でもブログのアクセス数と収入が上がり、ネタ切れしない価値ある記事の書き方
  7. 証拠あり：新規ドメイン取得後、１ヶ月以内にGoogleアドセンス審査に合格したブログ初心者向けノウハウまとめ
  8. YouTube動画とブログ。どっちが稼げるか？
  9. 検索キーワードツールはAI検索可視化ツールに進化。不変のブログアクセスアップ方法とは？
  10. その他・続きの記事はこちら
hide
hide

２０代、３０代でもできなかったアラフィフおっさんがなぜ今プログラムができるようになったかを解説してます。結論、外国語と一緒で簡単辞書を作ってしまうとソースの意味が理解でき、書けるようになっていきます。

プログラミング未経験のアラフィフおじさんが、どのようにプログラムを書けるようになったか？を解説

こんな経験ありません？
  1. VSコードやブラウザ、メモ帳からソースコード見たけど、暗号のようなものでプログラムの意味がさっぱりわからないという人
  2. プログラミングの本買ったけど、プログラム書けないという人
  3. プログラムに挑戦してるけど、スペルミスなどで全然公開まで進めない人
  4. 難しすぎて挫折した人

これ、全部私が２０年間で経験してきたことです。

ではなぜ、脳が退化し始めてるアラフィフのおっさんがプログラムを書けるようになってきたのか？

答えは簡単で

hide
hide

外国語と一緒で辞書を先に作ってしまい、ソースコードの上部から翻訳しちゃう

というやり方で一気にHTMLがある程度書けるレベルまでいきました。

英語と一緒で、英語が喋れなくても、辞書があれば単語の意味が理解できますよね？

それと同じ要領で、辞書を作ったのです。（それが下記にあります）

しかも、2023年以降はAIがコードを一気に書いてくれるので、あとは間違ってないかこちらで修正するだけで良いのです。

プログラミングは何から覚えればいいか？それは「HTML」と私が断言する理由

学校では最近「Python」を教えるのが標準になってますが、それはパイソンのコードが普通の会話に近いからなんですよね。（下記に比較あり）

ですが、個人的にはHTMLの方がホームページで公開できるので、「完成」までのスピードが速いのでお勧めしてます。

ホームページとブログの違いは何？とよく聞かれますが、ホームページとはHTMLまたはJavaScriptと連動して動き、ブログはPHPやCSSなど記事部分とデザインの役割がハッキリ分かれてるのが特徴です。（HTMLもファイル別に分けるけど）ちなみに今見てるスキー場情報ブログはワードプレスで表示してますが、ページの自動生成する仕組みをJavaで作り、クラウド側のボットデータをワードプレス側に反映させる仕組みをこの記事を書いてる時点で製作中です。(botにSEO対策やAIOさせるビジネスモデルです）

HTML
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>シンプルなHTMLページ</title>
</head>
<body>
    <h1>こんにちは、HTMLの世界へ！</h1>
    <p>これはHTMLの基本的な構造を示すサンプルです。</p>
</body>
</html>

ちなみにパイソンの初心者向けコードだとこんな感じになります。

Python
# これはコメントです。プログラムの実行には影響しません。
# コードの説明やメモを書くのに使います。

# 変数に値を代入する
message = "こんにちは、Pythonの世界へ！"
number = 123

# 関数を定義する
def greet(name):
    """
    指定された名前に挨拶をする関数です。
    """
    print(f"こんにちは、{name}さん！")

# 定義した関数を呼び出す
greet("ユーザー")

# 条件分岐（もし〜ならば）
if number > 100:
    print("numberは100より大きいです。")
else:
    print("numberは100以下です。")

# 繰り返し処理（〜を繰り返す）
for i in range(3): # 0から2まで繰り返す
    print(f"繰り返し処理 {i}回目")

# 変数の値を出力する
print(message)
print(f"現在のnumberの値は {number} です。")

パイソンのコードの多くは日本語で指令してますよね。

マイクロソフトのワードやGoogleのドキュメントに近い感じでプログラムを実行できます。

ちなみに私が最初にホームページをローカル環境で作ったのは大学の情報処理の時間にワードで作ったのが最初です。その後ホームページビルダー、ワードプレスで初期はクラシックエディタでHTML手打ち、現在はワードプレスをグーテンベルグで書いて、PythonやJavaでwebサービスのシステム開発をしてます。

アプリケーションなどのいわゆる「ソフト」を作りたい人は別の言語を知る必要がありますが、ホームページをまず公開したいという人は上記のHTMLをコピペするだけでいきなり表示するので、HTMLがおすすめなのです。

HTMLが覚えやすいのは「体」に例えてるから、理解しやすい構造

もう１度HTMLソースを見て欲しいのですが、HTMLは体をイメージした構造になってます。

HTML
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>シンプルなHTMLページ</title>
</head>
<body>
    <h1>こんにちは、HTMLの世界へ！</h1>
    <p>これはHTMLの基本的な構造を示すサンプルです。</p>
</body>
</html>

１番上に最初の指示であるドックタイプを書き、上からヘッド（頭）、ボディ（体）という順番です。

頭にはGoogleなどの検索エンジンに対し、どんなサイトかの概要を伝えるMETAタグといった要素を入れたりします。そして記事などのコンテンツ部分をボディタグに記述するという仕組みです。

この基本構造を知っていれば、あとは上からソースを1つ1つ見ていけば、

  1. テーブル（表のコード）
  2. 箇条書き
  3. アイキャッチ画像

などを覚えるだけなのです。

そしてプログラムの意味をざっくり辞書というか、下記の翻訳本でプログラムを見ていくと構造を理解しやすくなります。

ただ、正しくソースコードを理解するためにもプログラミング初心者向けの本は言語ごとに持っておいた方が良いので、

  1. ざっくりとしたソースの意味を知りたい人は下記の一覧表を見て他人のサイトやサービス、システムを勉強しつつ
  2. より細かい書き方は専門書

という使い分けをするとプログラミングがより楽しくなるはずです。

脆弱性の問題とかもありますが、ローカル環境や誰もアクセスしない新規サイトでいろんなwebサービスを公開してみて、プログラムがきちんと動くかどうかを確認していくと、

「プログラム動いた！」

という感動で次々新たな作品を作りたくなるはずです。

まずは上記のコードをコピペするだけでいいので、HTMLでWebページをローカル環境で表示するかテストしてみたり、できるだけ短いコードで公開までしてみましょう。

小さな成功体験の積み重ねがプログラムを深く理解していく手助けになるはずです。

web系プログラムソースコード翻訳辞書

以下は各プログラミング言語の翻訳辞書です。

さっと知りたい時、覚えたい時に便利な私がノート代わりにまとめたものです。

【HTML】よく使うタグまとめ（初心者向け）

タグ読み方役割コード例
<html>エイチティーエムエルHTML文書の始まりと終わり<html>〜</html>
<head>ヘッド情報（タイトルや文字コードなど）<head><title>ページ名</title></head>
<body>ボディ実際に画面に表示する内容<body>こんにちは</body>
<h1>〜<h6>エイチ1〜6見出し（1が一番大きい）<h1>タイトル</h1>
<p>ピー段落<p>これは文章です。</p>
<a>エーリンクを貼る<a href="https://example.com">サイトへ</a>
<img>イメージ画像を表示する<img src="image.jpg" alt="説明">
<br>ブレーク改行行1<br>行2
<hr>ホリゾンタルライン横の線を引く<hr>
<ul>, <ol>, <li>リスト箇条書き（ul）や番号付き（ol）<ul><li>りんご</li></ul>
<table>テーブル表を作る<table><tr><td>データ</td></tr></table>
<form>フォーム入力欄・送信ボタンなど<form><input type="text"></form>
<input>インプットテキスト入力<input type="text" name="name">
<textarea>テキストエリア長い文章入力欄<textarea rows="4"></textarea>
<select><option>セレクト・オプションプルダウンメニュー<select><option>選択肢</option></select>
<label>ラベル入力欄の説明<label for="name">名前：</label>
<button>ボタンクリックできるボタン<button>送信</button>
<style>スタイルCSSを直接書く<style>p { color: red; }</style>
<script>スクリプトJavaScriptを書く<script>console.log('OK');</script>
<details><summary>ディテール・サマリー開閉式の説明枠<details><summary>説明</summary>内容</details>
<div>ディブブロックでグループ化<div>かたまり</div>
<span>スパン一部の文字をまとめる<span style="color:red;">赤文字</span>
<iframe>アイフレーム他のサイトを表示<iframe src="https://example.com"></iframe>

【CSS】よく使うスタイル（初心者向け）

プロパティ意味コード例
color文字の色を変えるp { color: red; }
background-color背景色を変えるbody { background-color: yellow; }
font-size文字の大きさh1 { font-size: 24px; }
text-align文字の位置（左・右・中央）p { text-align: center; }
margin外の余白div { margin: 10px; }
padding中の余白div { padding: 20px; }
border枠線をつけるimg { border: 1px solid black; }
width, height幅・高さimg { width: 100px; height: auto; }
display表示のしかたspan { display: block; }
position配置のルールdiv { position: relative; }
flex（+ display）横並びなどの整列div { display: flex; }

【Python】よく使う文法（やさしい例）

内容説明コード例
出力文字を出すprint("こんにちは")
変数値を入れる箱name = "さとし"
コメントメモ書き# これはコメントです
if文条件でわけるif age >= 18: print("大人です")
for文繰り返すfor i in range(3): print(i)
リスト値をまとめるfruits = ["りんご", "バナナ"]
関数処理をまとめるdef say_hello(): print("こんにちは")

【PHP】よく使う文法（初心者向け）

内容説明コード例
出力文字を表示するSystem.out.println("こんにちは");
クラスJavaの基本単位public class Main { }
mainメソッド実行の開始地点public static void main(String[] args) { }
変数データを入れる箱int age = 18;
if文条件でわけるif (age >= 20) { System.out.println("大人");}
for文繰り返すfor (int i = 0; i < 3; i++) { System.out.println(i);}
コメントメモ// コメントです

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

前の記事

AIプロンプト時代、webエンジニア・プログラマーは転職・独立…

次の記事

無料ワードプレステーマ開発中。自作のやり方を記録。
error: Content is protected !!