プログラミング

Web技術

【初心者向け】Reactでmapを使って配列の内容を一覧表示する方法と注意点

Reactを使って開発をする場合は、JSXという構文を用いる場合がほとんどだと思います。 JSXで書かれたプログラムを見ていると、以下のような書き方を目にすることがあるかも知れません。 class App extends React.Component { render() { const a...
プログラミング

【JavaScript】関数とメソッドの違いを初心者にも分かりやすく解説

この記事では、プログラミングにおける関数とメソッドの違いについて解説していきます。 どのプログラミング言語においても似たようなことは言えますが、ここでは特にJavaScriptの場合を例に、理解していきましょう。 一言で解説 いきなり一言で答えを言ってしまうと、 関数:複数の箇所から共通で呼び出せるプログ...
プログラミング

プログラミング初心者にJavaScriptの勉強をオススメする理由

この記事では、プログラミングやWeb開発に初めて取り組むような初心者の方が、まず初めに学ぶべきプログラミング言語は何なのか、ということについて考えていきたいと思います。 Webシステムの開発に興味を持った方であれば、HTMLやCSSを使ったウェブページの作成には取り組んだことがあるかもしれません。 HTMLなどは...
プログラミング

【プログラミングのコツ】ソースコードが動かないときどうするべきか ~ソースコードを漠然と眺めない~

私が新人プログラマーとして働いていた時、自分が書いたプログラムがなぜか動かず、途方に暮れてしまっていたことがあります。 そんなとき、先輩から言われた言葉があるのです。 それがこの、 「ソースコードを漠然と眺めない」 という言葉です。 当時はこの言葉の大切さをあまり理解できていなかったのですが、今になって思うと...
プログラミング

オブジェクト指向のメリット

この記事では、オブジェクト指向のメリットについて考えてみましょう。 まず、そもそもオブジェクト指向とは、「物」に例えてプログラミングを記述する手法です。 このオブジェクト指向と言う言葉は、非常につかみどころがないというか、はじめのうちは何を言っているのかわからないような言葉かもしれませんが、現在のプログラミングに...
プログラミング

プログラミングの勉強がつらい時に継続するコツ

この記事では、プログラミングの勉強が辛くなったときに、無理なく継続する方法について書いていきたいと思います。 この記事を読んでくださっているあなたは、きっと今、プログラミングの勉強をしている方でしょう。 プログラミングに限らず、勉強をしていると、ある時突然フとやる気がなくなってしまう瞬間って、ありますよね。 そ...
プログラミング

JavaScriptの魅力

自分はエンジニア6年目なのですが、現場の異動などもよくあり、比較的いろいろな技術・プログラミング言語に触れてきました。 私のエンジニアとしてのキャリアの始めはシステム基盤部における基盤構築でしたので、AWSを始めとしたクラウドを用いたシステム基盤の構築も多少経験しましたし、 アプリケーションの作成においてもJava...
プログラミング

JavaScriptのANDとOR【現場でよく使われる特殊な書き方】

こんにちは、財前です。 AND条件やOR条件は、基本的にどんなプログラミング言語をやっても出てくるものですね。 JavaScriptでは「&&」がAND条件、 「||」がOR条件を意味します。 真偽値(trueとfalse)を扱うときに用いる、すごく基本的な演算子です。 ただ、現場でJavaS...
プログラミング

JavaScriptにおけるオブジェクトとは

こんにちは、財前です。 この記事では、JavaScriptのオブジェクトについて書いていきます。 「オブジェクト」というと、ほとんどのプログラミング言語で登場する言葉ですが、JavaScriptで言うところのオブジェクトは、他の言語と少し違う意味合いを持っていたりします。 オブジェクト指向をざっくり理解した後に...
プログラミング

僕が感じる、JavaScriptの文法の特徴

ゴールデンウィーク最終日、やることがなくなってしまったのでブログを書きます。 また、休み中にキーボードを叩きすぎて右手が腱鞘炎気味なので、左手だけで書きます。 ミスタイプがあったらすみません。 JavaScriptについてです。 最近JavaScriptの面白さに目覚めて、趣味でもJavaScriptをやって...
プログラミング

カラーコードの文字列の意味、知ってました…?【カラーパレットの作り方】

こんにちは、財前です。 突然ですが皆さんは、カラーコードの文字列の意味って知っていますか? カラーコードと言えば、CSSなどで色を指定するために記述する、 「#cbcb0b」とか、 「#4e53df」とか、 「#8b274e」とか ですね。 もう、どう見たって、ランダムな文字列ですよね… でもちゃんと意味が...
プログラミング

JavaScript(React)でのアクションゲーム制作の手順

こんにちは、財前です。 この記事では、JavaScriptでのゲーム作りについて書いてみたいと思います。 自分は今、ReactというJavaScriptのライブラリを使っているのですが、Reactだけの話だと、使っている人がそこまで多くないと思うので、できる限りJavaScriptで動きのあるゲームを作る際に全般的...
プログラミング

Rubyのピリオド2つの意味 【Ruby on Rails超入門】

こんにちは、財前航介です。 今日は、Rubyでよく見る、ピリオド2つの意味について学んでいきましょう。 例えば、以下のようなものですね: 1..10 とか “a”..”g” みたいな… 一言で言うと、このピリオド2つは「範囲」を表しています。 ただ、この使い方には、いくつか注意点があります。 それで...
プログラミング

Ruby on Railsで今日の日付を表示する方法【3つの基本方針】

こんにちは、財前航介です。 今日は、Ruby on RailsのWebアプリケーション上で、今日の日付を表示する方法を見ていきましょう。 この記事では、以下の3つの方法で日付を表示する方法について見ていきます。 ビューのテンプレートに直接埋め込む コントローラーで取得し、インスタンス変数に格納 J...
プログラミング

Ruby on Railsで割り算をしよう!商と余りの求め方

今日はRuby on Railsでの、割り算の方法を見てみましょう。 Ruby on Railsで割り算を行うときは、 商は  「/」記号 余りは 「%」記号 で求めることができます。 しかし、それ以外にもいくつかやり方があるので、具体例を見ながら、Ruby on Rails上での割り算の方法を見てみましょう...
プログラミング

アットマーク(@)の意味は?【Ruby on Rails超入門】初心者にも分かりやすく解説

こんにちは、財前航介です。 Ruby on Railsで開発をしていると、アットマーク(@)が付いた変数を目にすることがありますね。 基本的にはこれは、Rubyで言うところのインスタンス変数と呼ばれるものの印です。 しかしこのインスタンス変数は、Ruby on Railsのコントローラーにおいては、少し特別な意味...
プログラミング

Rubyの用途とは【Ruby on Railsだけじゃない!】メリット色々

こんにちは、財前航介です。 皆さんはRuby(ルビー)と聞くと、何を思い浮かべますか? 赤い宝石でしょうか。 エンジニアの皆さんであれば、きっとプログラミング言語のRubyを思い浮かべるでしょう。 特に、「Ruby on Rails」を連想される方が多いのではないでしょうか。 Ruby on Railsとは...
プログラミング

パソコンの使い過ぎによる薬指の腱鞘炎対策【サポーター購入の効果】キーボードによる薬指の付け根の痛み

こんにちは。財前航介です。 突然ですが、皆さんは一日何時間ぐらいパソコンを使用されますか? 私は職業柄、一日中プログラミングをしていたりするため、起きている間のほとんどをパソコンの前で生きております… 私にようなプログラマーに限らず、一日中パソコンを使わざるを得ない方は、結構いらっしゃるのではないでしょうか。 ...
プログラミング

Windows10でのRubyのインストール方法

こちらの記事では、Windows10における、Rubyのインストール方法を見ていきましょう。 今回インストールするRubyのバージョンは、「Ruby 2.5.3-1 (x64)」とします。 Windows10のビット数確認 コントロールパネル ⇒ システムとセキュリティ ⇒ システム から、システムの種類を確...
プログラミング

Windows10からRubyをアンインストールする手順

この記事では、Rubyのアンインストールの手順を見ていきましょう。 使用環境 この記事で使用しているOSは、Windows 10 Proです。 全く同じOSでなくても、Windows系であれば、およそ同様の手順で操作が可能です。 WindowsでのRubyのアンインストール手順 Windows10のスタートメ...
プログラミング

プログラミング学習に本は必要? ネットの情報だけじゃダメなのか

こんにちは。uni-browserの財前航介です。 本日は、プログラミングを学ぶに当たって、「本」を使う必要があるかについて書いていきたいと思います。 結論から言うと、新しい技術を学ぶときは、一冊紙の本を読んでから学習を始めると効率が良いと思っています。 でも、インターネット上には、たくさんのプログラミングに関...
Web技術

フロントエンドとバックエンド、どっちが大事?【Webエンジニアの考察】

こんにちは、uni-browserの財前航介です。 本日は、 Web技術において、フロントエンドとバックエンド、どちらの方が大切なのか ということについて考えてみたいと思います。 この記事を読んで下さっているあなたは、技術者の方でしょうか。 これからエンジニアになることを志されている方かもしれませんね。 Web...
Web技術

バックエンドエンジニアに必要な言語【初心者にもわかりやすく解説】

こんにちは、uni-browserの財前航介です。 本日は、バックエンドエンジニアを志す皆様に向けて、どういったプログラミング言語を学んでおくと良いのかについて、分かりやすく解説していければと思います。 そもそも「バックエンド」と「フロントエンド」が何なのか分からない方は、先日、株式会社NPV様のWebサイトにて...
IT

APIとは?【初心者にもわかりやすく解説】

突然ですが、みなさんは 「今日のお天気を出力するプログラムを作って!」 と言われたら、どうしますでしょうか。。。 「え?天気なんて、プログラムで取得できるの!?」 と思われる方も多いのではないでしょうか。 この、一見不可能とも思える機能を実現するには、APIと呼ばれるものを用いる必要があります。 みなさんは「A...
プログラミング

【オブジェクト指向】ポリモーフィズムとは? ~ソースコードなしで解説~

こんにちは、uni-browserの財前航介です。 こちらのブログでは、 「プログラムを書くことなく、オブジェクト指向について説明する!」 という壮大な目標の下、いくつかの記事を書いて参りました。 【初心者向け】オブジェクト指向とは >> 【オブジェクト指向の基本】クラス(class)とは >&...
プログラミング

オブジェクト指向における「インスタンス」とは? 【オブジェクト指向の基本】

こんにちは、uni-browserの財前航介です。 このブログでは、極力ソースコードを書かず、初心者の方にも分かりやすい形でオブジェクト指向の「考え方」をご説明することを目指しています。 先日、「【オブジェクト指向の基本】クラス(class)とは」という記事の中で、「クラス」というものについて説明しました。 本...
プログラミング

【オブジェクト指向の基本】クラス(class)とは ~ ソースコードなしで考え方を解説

こんにちは、財前です。 このブログは「オブジェクト指向」について、できるだけソースコードを用いることなく、「概念」や「考え方」を、丁寧に、初心者の方にも分かりやすく説明することを目的としています。 先日、「【初心者向け】オブジェクト指向とは」という記事の中で、「オブジェクト指向」とは何なのかについてご説明をしま...
プログラミング

【初心者向け】オブジェクト指向とは ~モノにたとえてプログラムの部品を作る~

こんにちは、財前です。 本日は「オブジェクト指向」というものについて、ご説明をしていきたいと思います。 既にプログラミングを勉強されたことがある方でしたら、この言葉を聞いたことがあるかもしれません。 最近のプログラミング言語ですと、ほとんど全ての言語が、この「オブジェクト指向」の考え方を採用していると言っても過...
Web技術

車輪の再発明とは ~誰かが書いたWeb上のプログラムを使う~

突然ですが皆さんは、「車輪の再発明」という言葉をご存知でしょうか。 この言葉は、ソフトウェア業界において聞くことがある言葉です。 一言で言うと、 「昔、誰かが既に発明しているものを、もう一度発明し直す」 という意味です。 そしてそこには、「無駄な努力」というニュアンスが含まれています。 なぜこの言葉が、ソ...
Web技術

【初心者向け】HTMLって何? ~Webの最も基本的な言語~

HTMLという言葉を、聞いたことがありますでしょうか。 インターネットやWebについて少し調べたことがある方は、ご存知かもしれませんね。 HTMLとは、Hyper Text Markup Language (ハイパー テキスト マークアップ ラングイッジ)の略で、Webサイトを構築する上で、最も基本となる言語です...
タイトルとURLをコピーしました