フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援
フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援

Webプログラミング講座初級 第一回 プログラミングをするメリットと開発環境の用意

最近ではネットの閲覧環境がリッチになったせいか、ハイブリッドな表現が多くなっておりデザインとプログラミングの境界がなくなってきています。
デザイナーでもプログラミングに触れる機会が増えてきているし、プログラマーも簡単にデザインが実装できるライブラリの利用で手軽にデザインできるようになってきています。

プログラミングができるとどんなメリットがあるかですが、最も大きいのはカスタマイズができることでしょう。
ゼロからプログラミングをすることはほとんどないと思いますが、他人が作ったオープンソースのワードプレスや便利なプラグインを利用する時、ここをちょっとだけ変えたいなと思うことがあると思います。
そんな時、プログラムがいじれると大幅な時間の短縮となるだけではなく、製作コストも大幅にカットできます。

昔に比べて利用できるオープンソースが増えてきたこともあり、DIYならぬWEB DIYの考えは広まっています。
「欲しければあげるけれど、利用は自己責任でね」の精神です。
そんなわけで、そろそろWebプログラミングについて基本くらいは知っておきたいという人のためにWebプログラミング講座初級をスタートさせます。

Webプログラミング講座初級ではjQuery(ジェイクエリー)CSSを使って簡単なゲームを作ります。
ゲーム作りを通して基本的なHTMLの記述方法やユーザーコミュニケーションの方法を学んでいきます。

最初はとても簡単なものからスタートしていきます。まずは定番のおみくじから作ってみます。
で、プログラミングをする前に環境を整える必要があります。
プログラムの実行環境はブラウザがあればいいのですが、プログラムコードの編集はテキストエディタが必要となります。メモ帳でも書けるのですが、プログラムは長くなると可読性が悪くなります。
そこで、適度なインデント(字下げ)や改行を行って見やすくする必要が生じます。
簡易的なメモ帳だと編集画面のカスタマイズができないので生産性が悪くなります。
またUTF-8で保存することが多いのでUTF-8で保存できないエディタは不向きです。

そこで、自分のスタイルにあったテキストエディタ選びがプログラミングの第一歩となるわけです。
最近ではオンライン上でプログラムが書けてデバッグもしてくれるWebサービスも出てきているので、自分の好きなように作るのがいいですね。

とりあえず、無料で使えるテキストエディタの紹介をしておきます。

会員限定コンテンツ

この記事はブロックされています。続きを読みたい方はログインをして下さい。会員ではない方は新規会員登録をして下さい。

ログインはこちら

新規会員登録はこちら

パスワードをメールで送信します。

コメント

  1. 2018/04/10(火) 21:27:07
    業務のプログラミングは全く面白くない(基本イライラしてる) 特に、全く仕様を伝えられてないプログラムの修正してる時は画面叩き割りたくなる
  2. 2018/04/10(火) 21:27:07
    ベースにしてるのは昨年末にやったライブ「緑青」で使ったプログラムが基になっていて、これはほぼFaustという音声処理プログラミング言語一発で書いたもの https://t.co/aZBHEce9Li #AA_TPF
  3. 2018/04/10(火) 21:27:07
    【定期ツイート】『Scratchプログラミング初級2「モノにぶつかった時にハロー!させよう♪」』 今回は、スプライトをクリックするとモノにぶつかるまで歩き続けます! ※サンプルプログラムをブラウザ上ですぐに動かせます♪(`∇´)https://t.co/aOsQP3MjDe
  4. 2018/04/10(火) 21:27:07
    @kamuro_ 語彙力は結局プログラミングです。単語をどう配置するかのプログラムでしかない、それをどう捉えるかであれ、文に構成できればそれは語彙力があるというものです 単語を知らないならGoogle先生に聞けば済む世の中なのです
  5. 2018/04/10(火) 21:27:07
    うちも今年も羽村で子供プログラミング教室やるけど子供相手はレベル差大きくて調整が大変なのよね。 | “苦行の長いトンネル”を抜けるとゲームの国であった!? “春休みプログラムセミナー NINTENDO 3DSでゲームプログラムを作ろう!”リポート - ファミ通.com https://t.co/1QoFjxrLOk @famitsuから

記事に戻る

コメントを残す