すべてのカテゴリ

仕事で新しい人に最近の業界動向を伝える機会がありまして。そういえばプログラムの言語って何があっただろう、いっぱいあり過ぎて消化不良！ということで私なりにまとめてみました。その方への説明は終わったのですが、たった１回の説明で捨ててしまうのはもったいないなーということで、ここで公開します！ウェブ系言語 　フロントエンド… HTML、CSS、JavaScript 　バックエンド　… PHP、Ruby、Java、Python、Go、Scala など近年で最も多様な言語が出てきた分野のプログラミング言語です。盛衰が激しい。大きくフロントエンド(画面描画用)とバックエンド(内部処理用)の２つに分かれています。フロントエンドは３点セット(HTML、CSS、JavaScript)すべてをすべてを学ぶ必要がありますが、バックエンドはどれか１つ覚えれば十分です。余談ですが、ウェブ系言語の隆盛のなかで一番の進歩だと思うのは、今までJavaやPHPのソースの中で埋もれていた３点セットを　フロントエンド　と位置付けて独立させたことなのかなと思います。これによって比較的学習しやすい３点セットだけで開発を行えるようになり　開発者が増えたことは good だと思います。　アプリ系言語　Android系 …　kotlin、Java 　iOS系　　 …　swift、 Objective-C AndroidはKotlin、iOS系はSwiftが主流  KotlinについてはJavaと非常に似通っているため、Javaを触ったことのある人なら取っつきやすいかと思います。ただそれならJavaの方でAndroidアプリ

プログラミング学習で一番重要なのは？プログラミング学習で一番需要なのは「プログラミング言語」の様に見えますが、実は一番重要なのは他にあります！この記事ではプログラミング言語で一番重要な事を紹介します。プログラミング言語は手段！プログラミング学習をする上でプログラミング言語を習得することは重要です。 プログラミング言語を知らなければ、プログラムを書く事はできません。従って、プログラミング言語を学習して習得する事はプログラミングを学習する上で必須です。しかし、プログラミングの学習で一番重要な物は、実はプログラミング言語ではありません。 プログラミング言語は、プログラムを実現するための手段です。コンピュータに仕事をさせる為の「アイディア」を現実にするための手段です。勿論、作成するプログラムによって、プログラミング言語の選択肢が限られてしまうケースも沢山あります。例えば Web 開発では、Web ブラウザで動作させる部分のプログラムは基本的に Javascript になります。Typescript を利用する場合には、実際は Javascript のプログラムに変換（コンパイル）して利用されます。プログラミング言語は限定されていても、実際にデータを処理する基本的なやり方は実は共通の部分が多く、実は一番重要なのは、どのようにデータを処理していくかという、基本的な事がポイントになります。最初のプログラミング言語の習得が難しい理由よく、一つプログラミング言語を覚えてしまえば二つ目は比較的簡単に習得できると言われています。 実際、これは事実です。殆どの方は、二つ目のプログラミング言語は一つ目に

プログラミング学習のバランスプログラムの学習には、プログラミングで利用する道具や道具の使い方を学習する部分と、プログラミングの基本や原理を学習する部分に分ける事ができます。プログラミングの学習にあたっては、そのタイミングとバランスが大切です。上級のソフトウエアエンジニアを目指す場合には、プログラミングの基本や原理は重要です！プログラミングの道具とは？プログラミングの道具にあたるものは、プログラミング言語や、プログラムの入力に使うエディタなどの開発用のアプリなどがあります。さらに、よく利用する機能を予めプログラムにしたモジュールやラブラリなども道具になります。まずは、こうした道具を使いこなせないとプログラミングをする事ができないので、道具の使い方を学習するのはとても重要です。 一通り、道具が使えるようになると、簡単なプログラムを作れるようになります。道具の使い方はそういう意味でプログラム学習の第一歩と言えます。プログラミングにも設計図は必要！プログラミング言語を習得して、プログラミングに必要なアプリの使い方を覚えると、一通りプログラムを作成できるようになります。上にも書いた通り、プログラミングをする上でこの部分の学習はとても大切ですし、最初に学習する部分でもあります。当然、多くのプログラミングの入門者はこの部分に時間をかける事になります。多くの「わかりやすい」と言われている教材もこの部分をカバーするものが多くなっています。実際に、プログラミングの上級者に成長していくには、別の部分の学習が必要になってきます。それは、プログラミングの「設計図」を作るのに必要な知識を身につける事です。

プログラミング言語とは何か？プログラミングの学習をする方は沢山いらっしゃると思いますが、プログラミングの勉強とプログラミング言語の勉強というのは実は結構違うものです。この違いをよく理解するとプログラミングの勉強のやり方も変わってきます。プログラミング言語まず、プログラミング言語について簡単に説明すると、「プログラムを書くための言葉」というのが一番近い説明かと思います。 では、プログラムとは何かというと、「コンピュータが仕事をするための指示書」です。 つまり、プログラミング言語といいうのは、指示書を書くための「道具」という事になります。 違うプログラミング言語で同じような指示書を書くことも可能なので、大切なのは、プログラミング言語よりも、実は指示書の中身の方が重要です。どんなプログラムがあるか？では、プログラムにはどんな物があるかというと、この記事では紹介しきれない位沢山あります。プログラムと言うと多くの人の頭に浮かぶのがコンピュータ（PC など）やスマホで動くアプリのイメージが多いと思いますが、ゲームもプログラムですし、殆どの電化製品や車にも沢山のプログラムが搭載されています。この記事で全部をカバーできないので、この記事では Web 開発という分野を考えてみます。 Web サイトや Web アプリ、Web サービスの開発という事になりますが、この連載でも紹介していますが、さらに細かく分ける事ができて、Web ブラウザで動作するフロントエンドから、インターネット上のサーバーで動作するバックエンドというように分類できます。実際は、Web サーバーの機能を提供するソフトウエアもプログ

プログラミングの型は同じ！プログラミング言語はいろいろな物がありますが、実際のプログラミングの型（スタイル）は殆ど同じです。これが二つ目以降のプログラミング言語の習得は簡単だと言われる理由です。プログラミング学習で大切なのはこの「型」の使い方をマスターする所にあります。プログラミングの型とは？プログラミングの「型」とは、基本的なプログラムの書き方です。いろいろなプログラミング言語がありますが、この書き方の基本は似ています。 もう少し詳しく書くと、プログラムの「流れ」を決める書き方と、プログラムの中で利用するデータの形は余りプログラミング言語による大きな違いはありません。プログラミング学習の「本質」は実はこの二つの型（スタイル）を理解して使いこなす事にあります。従って、特定のプログラミング言語に固執して学習する必要はないのですが、一つプログラミング言語を選んで実際にプログラムを書いて、実行することで理解を深める方が効率が良いので、基本はプログラミング言語を選んで学習するケースが多くなっています。プログラムの流れプログラムは基本的に、上に書かれた記述から下に向かって順番に実行されます。ただし、処理によっては、条件によって実行する内容を変えたり、同じ処理を繰り返したりする必要があります。最近のプログラミングの言語の場合、以下に上げるような３種類の流れでプログラムを書きます。＊　上から下に＊　条件によって処理を変える＊　繰り返し（ループ）　実際には、特定の場所にジャンプ(go to)すると言う流れがありますが、プログラムの見通しを悪くしたり、流れを追跡するのが面倒になるので基本的には使

プログラミング言語についてのお話です。プログラミング言語っていうぐらいなので、言葉なんです。コンピューターにこちらの意図や意思を伝えるための言語。人間で言う「英語」とか「日本語」というのと同じことなんです。コンピューターはお硬いヤツなので、文法や単語には厳しいです。そこのところだけ注意すれば、普段使っている「言葉」と変わりません。相手に伝える時にいちばん大事なものはなんでしょう？文法？単語？この辺のことも「PHPおたすけ講座」で解説することがあります。#hotlinuxhttps://coconala.com/services/3189168

アプリの中のデータの形アプリの中で扱うデータの形は同じデータでも目的や利用するプログラミング言語で変わってきます。この記事では、プログラムの中で扱うデータの形の例について紹介します。ネットリストのデータの形先日紹介した、回路図の接続情報であるネットリストを読み込んだ時のデータは、Python の「Dictionary」というデータの形を使いました。 Python で処理する場合には、扱い易いデータの形ですが、実際には、同じネットリストのデータでもデータの持ち方には別のデータの形にしても扱う事が可能です。例えば同じ Python を利用する場合でも、「Dictionary」以外だと、例えば「Net」というクラスを作る方法もあります。 Python はオブジェクト指向の記述方法もサポートしているので、少し複雑な回路設計支援のアプリを書く場合、クラスにして、Net のデータを扱うメソッド（method）を一緒に実装するとプログラム全体の見通しが良くなりますし、モジュールの再利用もやりやすくなります。先日の例で「Dictionary」を採用した理由は、例としてできるだけシンプルに実装した方がわかり易いと思ったので Python の Dictionary を利用して、他の処理は関数で実装するという方法を採用しました。他の言語で実装したらどうなる？次に、Python 以外の言語で実装する場合を考えてみます。 例えば、Python ではなくて、Javascript で実装する場合には、どうなるでしょうか？一つの方法は、上で紹介したように Javascript もオブジェクト指向の記述が可能な

プログラミング言語の話Raspberry Pi を利用したデジタル通信の話をお届けしていますが、今日は記事にするだけの進捗がなかったので少し違う話を書いてみました。 いろいろなプログラミング言語がありますが、どの言語を使うかをどうやって選んでいますか？人気のプログラミング言語というのは存在しますが、万能なわけではありません。この記事では、プログラミング言語について少し考えてみました。プログラミング言語の選択肢プログラミング言語は、「流行り」もありますが、いろいろな種類のプログラミング言語があって、学習する際にどれを選んだら良いのか、開発ではどの言語を使ったら良いのか迷う場合も多くなります。最初に考えるのは、まず「選択肢」があるのかどうかを考えてみます。 実際に、開発の内容によっては、選択肢がない場合もありますし、いろいろな選択肢がある場合もあります。その違いはどこから来るのかを最初に考えてみます。 殆ど選択肢がない場合の良い例は、Web プログラミングのフロントエンドです。Web アプリなどのフロントエンドのプログラムは、Web ブラウザ上で動作します。現在標準的に利用されている Web ブラウザは、Javascript のプログラムしか実行できません。従って、フロントエンドの開発を目的にする場合は、利用するプログラミング言語は必然的に Javascript になります。このように書くと、Typescript でも出来ると言われる方もいらっしゃると思います。Typescript は Javascript の延長上にあるプログラミング言語で、型をより厳格に扱う言語になります。Ja

プログラミングの始め方を保存版として動画を配信しました。この動画を見ることでプログラミング学習のスタート地点で挫折することは絶対に防ぐことができるのでぜひ実践してみてください

プログラミング言語を使い分けるには？プログラミング言語はたくさんありますよね？ プログラミングを学習する際にどれから勉強したら良いか迷う場合も多いと思います。最近はあまりに多すぎてどんなプログラミング言語があるのか把握するのは難しい感じです。どの分野のプログラミングをするかの方向性がある程度決まると、幾つかのプログラミング言語に絞られてくるので勉強する対象も限られてきますが、分野を絞れないとなかなか難しい物があります。Web開発ならJavascript系例えば、Web開発ならば基本はJavascript系になるので範囲もかなり絞られます。これには理由があって、Webアクセスの基本のWebブラウザで動くプログラミング言語がJavascriptだからです。最近は、Typescriptが注目されていますが、実際にWebブラウザで動くのはTypescriptのプログラムをJavascriptにしたものになります。Webブラウザ上で、UIを作るのにHTMLとCSSを使うので、「Javascript」、「HTML」、「CSS」がWeb開発を行う上での基本になります。フロントエンドと言われるWebブラウザで実行される部分はこれだけですが、サーバー側（バックエンド）も必要になる場合は、別の言語が必要になる場合があります。バックエンドで使用する言語は、ebサイトをホスティングするサーバーの設定によっていろいろな言語が選択できるので、迷う部分でもあります。このブログでは基本的にJavascript（Typescript）だけで、プログラムが可能になる、Firebaseをバックエンドで使うことで、勉

こんにちは。 今回は HTML / CSS / JavaScript を使って、初心者にも取り組みやすい **神経衰弱ゲーム（メモリーゲーム）** を実装してみました！ 「JavaScriptの練習をしたいけど、何を作ればいいかわからない…」 「DOM操作やイベント処理を学びたい！」 そんな方にピッタリの内容です。 しかも、**スコア機能付き・3回ミスでゲームオーバー・再スタートも可能！** ちょっとしたゲームでも、しっかりJavaScriptの基礎が詰まっています。🔧 機能一覧（今回の実装）- 同じ絵文字をペアでそろえる「神経衰弱」ルール- 2枚めくって一致 → スコア+10- 3回間違えるとゲームオーバー- ペアをすべてそろえるとクリアメッセージ- 自動的にゲームをリスタートコード解説 HTML：ゲームの土台<!DOCTYPE html> <html lang="ja"> <head>   <meta charset="UTF-8">   <title>神経衰弱ゲーム</title>   <link rel="stylesheet" href="style.css"> </head> <body>   <h1>🃏 神経衰弱ゲーム</h1>   <div id="game-board"></div>   <p id="message"></p>   <script src="scr

こんにちは！今回はThree.jsを使って、銀河系をテーマにしたサイトを作成している過程をお伝えします。宇宙を感じるサイトを目指し、GLBモデルの配置やカメラ設定、ライトの使い方に加え、アニメーション、音楽、効果音を取り入れる方法をご紹介します。1. GLBモデルの配置とカメラ・ライト設定まず、銀河系の中心となる惑星や星々を表現するために、GLB形式の3DモデルをThree.jsに挿入しました。これらのモデルを適切に配置するために、THREE.GLTFLoaderを使い、カメラを回転させて、ユーザーが360度自由に見渡せるように設定しています。ライトの配置にも工夫をして、宇宙空間らしい暗闇の中で星々が光る効果を作り上げました。2. GLBモデルの回転アニメーション次に、挿入したGLBモデルに回転アニメーションを加えました。これにより、宇宙空間でモデルが自転しているような動きを実現し、よりリアルな表現が可能になります。回転速度や方向を調整して、視覚的なインパクトを与えるような演出にしています。3. 音楽と効果音で宇宙感を演出サイトに宇宙らしい雰囲気を出すため、バックグラウンドミュージックとして壮大なオーケストラ音楽を取り入れ、惑星が近づくたびに効果音が鳴るようにしました。これにより、訪問者はまるで宇宙旅行をしているかのような気分に浸ることができます。4. サイト全体のデザインと構成全体的には、シンプルで洗練されたデザインに仕上げています。星々が瞬く背景や、モデルが浮かぶ広大な宇宙空間を感じさせるレイアウトで、ユーザーが視覚的にも楽しめるように工夫しています。今回はThree.js

みなさんこんにちは今回はプログラム言語Rust(以下Rust)のインストール方法の紹介です。インストール方法を紹介する前にまずはRustについて簡単に触れておきます。Rustとは？RustはMozillaが支援するオープンソースのシステムプログラミング言語です。読み方はRust(ラスト)と読むそうです。この記事を書くまでルストだと思っていました…(恥)C、C++に代わるシステム言語を目指して開発されたそうで私も何か新しい言語をマスターしようと思い調べたところで検索にHitしました。C#やC++での開発が主な筆者にとってはいい言語だと思ったので実際にインストールして使用してみました。ちなみにですが、2016〜2019年の間Stack Overflow Developer Surveyで「最も愛されているプログラミング言語」で一位を獲得し続けているそうです。Rustのインストールさて、Rust言語を簡単に紹介したところでいよいよインストール方法の紹介に移ります。といってもWindowsにインストールする場合はインストーラが公式サイトから入手できるのでとても簡単です。インストールは以下のステップでできます。1.公式サイトからダウンロード「Rust インストール」などのキーワードで検索してRust公式サイトからインストーラをダウンロードしましょう。インストーラは32bit、64bit版があるので自分のPCにあったものをインストールしてください。ダウンロードするボタンをクリックするとダウンロードが始まります。ダウンロードが完了するまで待ちましょう。2.インストーラを使用してインストールダ

プログラミングを始めたいと思ったときに、最初に直面する疑問のひとつが「どのプログラミング言語を学べばいいのか？」ということです。プログラミング言語には多くの種類があり、それぞれに特徴があります。この記事では、初心者向けに自分に合ったプログラミング言語を選ぶためのポイントと、主要な言語の特徴を紹介します。1. 目的を明確にするまず最初に考えるべきは、プログラミングを使って「何を作りたいのか？」という目的です。作りたいものや目標によって、適したプログラミング言語が変わります。以下に、いくつかの目的別におすすめの言語を紹介します。ウェブサイトを作りたい場合ウェブサイトを作りたいなら、HTML（マークアップ言語）とCSS（スタイルシート言語）は必須です。しかし、これだけでは動的なサイトやインタラクティブな要素を作ることができません。そこで使われるのがJavaScriptです。JavaScriptはウェブの標準言語で、ウェブサイトに動きを与えたり、ユーザーとのインタラクションを実現できます。おすすめ言語：JavaScript特徴：ブラウザ上で動くため、ウェブ開発には欠かせない言語です。学習リソースも豊富。スマホアプリを作りたい場合iPhoneやAndroid向けのアプリを作りたい場合は、各プラットフォームに適した言語を選ぶ必要があります。iOSアプリの場合はSwift、Androidアプリの場合はKotlinが主流ですが、両方のプラットフォームで使えるフレームワークもあります。Flutter（Dart言語を使用）やReact Native（JavaScriptを使用）などを使えば、一度の