Web技術 プログラミング

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

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

プログラミング

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

この記事では、プログラミングにおける 関数とメソッドの違い について解説していきます。 どのプログラミング言語においても似たようなことは言えますが、ここでは特にJavaScriptの場合を例に、理解していきましょう。

プログラミング

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

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

プログラミング

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

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

プログラミング

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

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

プログラミング

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

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

プログラミング

JavaScriptの魅力

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

プログラミング

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

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

プログラミング

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

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

プログラミング

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

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

プログラミング

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

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

プログラミング

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

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

プログラミング

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

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

プログラミング

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

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

プログラミング

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

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

プログラミング

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

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

プログラミング

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

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

プログラミング

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

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

プログラミング

JavaScriptクラスのインスタンス生成【JavaScriptでオブジェクト指向を使おう!】

こんにちは。uni-browserの財前航介です。 今日は、 JavaScript で オブジェクト指向 を使う上での基礎となる、 JavaScriptクラスのインスタンス生成 について学んでいきましょう。 初心者の方にもわかるように、極力難しい言葉を使わずに説明で...

プログラミング

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

こちらの記事では、 Windows10 における、 Ruby のインストール方法を見ていきましょう。 今回インストールするRubyのバージョンは、 「Ruby 2.5.3-1 (x64)」 とします。