Web技術

Azure App Serviceを個人で2年間使ってみた感想【コストやスペック】

こんにちは、財前です。 本日は、 Azure App Service を個人で2年間ほど使ってみた感想を書いていきたいと思います。 これからAzure App Serviceを使おうか迷っている方の、お役に立てましたら幸いです。

Web技術

ASP.NET Coreで、レスポンスの圧縮ができない時の対処方

メリークリスマス! 財前です。 個人的にASP.NET Coreで作成したWebサイトのパフォーマンス改善に取り組んだのですが、 レスポンスの圧縮 がうまくいかない現象があったので、対策をメモしておきます。 また、圧縮形式の違い(Gzip・Brotli)についても、調べた結果を書...

ウェブサイト作成・運営

【ReactとASP.NET Coreの個人開発】記事が自動で増えていくサイトを作ってみた感想

こんにちは、財前です。 この記事では、React、ASP.NET Core、Node.jsなどを用いたWebサイトを作ってみて、思うところを書いていきます。 そこまで技術的な内容は書いてないです。

Web技術 プログラミング

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

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

ウェブサイト作成・運営

Reactを使った、海外向けのWebアプリケーションの個人開発の近況

前回の投稿から半年以上時間が空いてしまいました。 生きてます。財前です。 相変わらず、Reactを使った、海外向けのWebアプリの個人開発に取り組んでいます。 前回の Reactのアクションゲーム第3弾を作ってみて思うこと では、Reactを用いたゲーム作成について書...

ウェブサイト作成・運営

Reactのアクションゲーム第3弾を作ってみて思うこと

仕事でReactを使う機会があったので、練習も兼ねて、ブラウザで遊べる謎解きアクションゲームを作っていました。 忍者になって、謎を解いたり、敵を倒したりするゲームです。 先日、そのReactゲームの第3弾を作ったので、気を付けた点や、感想を書いていきたいと思います。

プログラミング

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

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

プログラミング

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

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

IT

資本主義社会におけるITは人々を幸せにするか【人工知能による富の偏り】

ここ二、三十年の間に、情報技術は人々の生活を大きく様変わりさせました。 インターネット や Web と呼ばれる技術の発展は、遠く離れた人々とのリアルタイムなコミニュケーションを可能にし、個人が世界中に対して一瞬で情報発信を行う術を得ることになりました。 そしてこれか...

IT

システムの仕様と技術、どちらを勉強するべきか

この記事では、エンジニアとして働いていく上で、システム固有の仕様と、技術的な知識のどちらを重点的に学んでいくべきかについて考えていきましょう。 エンジニアやプログラマーとして働いていく中で、新しい現場に配属された時は、わからないことだらけです。 システムの仕様につ...

IT

エンジニアにとって、キーボードのショートカットキーを覚えることは重要か

この記事では、エンジニアやプログラマーにとって、キーボードを使ったショートカットキーを覚えることが重要かどうかについて考えていきたいと思います。 皆さんは、パソコンを使って仕事をする時、キーボードのショートカットキーを頻繁に使っていらっしゃいますでしょうか。 私がシ...

IT

未経験からWebエンジニアになる確実な方法

今日は、プログラミング未経験からWebエンジニアとして働けるようになる方法について考えていきましょう。 Twitterなどで色々な方のつぶやきを見ていると、プログラマーやエンジニアとして働いた事はないけれども、IT業界やWeb業界に技術者として転職したい方々の意見...

Web技術

バックエンドに実装するか、フロントエンドに実装するか

ウェブシステムというものは、大きく分けて2つのパーツに分けることができます。 それがこの、 バックエンド と フロントエンド です。 バックエンドがサーバー側のことで、 フロントエンドが、ユーザー側の端末のブラウザ上で動くような部分のことですね。 ウェブシス...

プログラミング

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

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

プログラミング

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

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

プログラミング

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

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

IT

ITエンジニアやプログラマーの仕事がつらい人はどうすべきか

この記事では、ITエンジニアとして働く中で辛い思いをしている人が、 どういう風にして前向きな気持ちで仕事に取り組んでいけば良いのか 、ということについて考えていきたいと思います。 私自身は、エンジニアとして働き始めて6年目です。 新卒で大手SIerに就職し、しばらく...

IT

ITエンジニア、Webエンジニアという仕事の魅力

この記事ではITエンジニア、Webエンジニア、プログラマといったような仕事の魅力について書いていきたいと思います。 私自身は、6年目のIT/Webエンジニアです。 もともとはSIerと呼ばれる業界で、システムの基盤構築やアプリケーション開発を行っていました。 現在...

Web技術

JavaScriptを使ったブラウザゲームに、Reactを用いる理由

私は趣味でJavaScriptを用いたブラウザゲームを作っています。 先日JavaScriptのライブラリであるReactを使ってゲームを作ってみたところ、非常に快適で、パフォーマンスも以前私が作っていたゲームよりも高かったため、この記事の中ではその経験をもとに、ブラウ...

Web技術

クロスサイトスクリプティング(XSS)とは【仕組みと対策】

皆さんは クロスサイトスクリプティング という言葉を聞いたことがありますでしょうか。 この記事を読んでくれているわけですから、少なくとも、この言葉を簡単に聞いたことはあるかもしれませんね。 この記事では、出来る限りウェブシステムやウェブサービスの仕組みの基本的な部分...

プログラミング

JavaScriptの魅力

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

Web技術

【サーバー・クライアント】Webを形作る2種類のコンピューター

今日は Webやインターネットの仕組み について書いていきます。 Webというと、皆さんはどんなものを思い浮かべるでしょうか? 多くの人はGoogleなどを使って調べ物をしたときに出てくる、 ウェブサイト のことを思い浮かべるのではないでしょうか。 日頃ユーザ...

プログラミング

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

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

プログラミング

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

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

IT

日本のITエンジニアに英語は必要? 仕事が苦しい人ほど英語をやるべきだと思う

こんにちは、財前です。 僕は大学生2年生の時に急に英語に興味を持ち、それ以来、なんだかんだ勉強を続けてきました。 今はアメリカ人の奥さん(日本語喋れない)と一緒に住んでいるので、家では英語を使って生活しています。 また、フィリピンでブリッジエンジニアや通訳業務など...

プログラミング

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

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

ウェブサイト作成・運営

JavaScriptのDOM操作でゲームを作ってみて感じたこと

趣味でJavaScript(React)を使って外国人向けにゲームを作っているのですが、先日、ゴールデンウィークの時間を使って、そのゲームの第2段をリリースしてみました。 このゲームを作ってみて感じたことや、今後のゲーム作りの方向性について、備忘録を書いておきたいと思います。...

プログラミング

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

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

プログラミング

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

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

プログラミング

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

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

Web技術

初心者がWebアプリを作れるようになる方法【遠回りした僕からのアドバイス】

こんにちは、uni-browserの財前航介です。 私は学生時代に趣味で Twitterのボット を作ったことをきっかけに、 Webプログラミング に興味を持ち、勉強を続けていました。 Twitterボットの目的は、広告を掲載したWebサイトにユーザーを誘導して、ち...

Web技術

Ruby on Railsの流行りは終わったか 【フレームワーク選定の方法】

こんにちは、uni-browserの財前航介です。 本日は、 「Ruby on Railsの流行りは終わったか 」 という切り口から、フレームワーク選定の方法について考えていきたいと思います。 なぜこんな記事を書こうと思ったかというと、以下のようなデータを見たか...

プログラミング

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

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

プログラミング

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

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

Web技術

Ruby on Railsでのリダイレクトの方法【Ruby on Rails超入門】

こんにちは、財前航介です。 Webアプリケーションの開発をしていると、 リダイレクト を行う場面はとても多いと思います。 リダイレクト とは、処理の途中で、別の画面に自動的に遷移するような仕組みですね。 Ruby on Rails には、リダイレクトを行うための...

プログラミング

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

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

Web技術

コントローラーとビューの関係【Ruby on Rails超入門】処理の流れを初心者にも分かりやすく解説

こんにちは、財前航介です。 本日は、 Ruby on Railsにおける、コントローラーとビューの関係 について学んでいきましょう。 単純に具体例を用いてコントローラーとビューの関係を説明するだけでなく、Ruby on Railsが リクエストを受け付けてからの処理...

Web技術

2019年が良い年になる理由【Google検索トラフィックから見るGoodな展望】

明けましておめでとうございます。財前航介です。 Google社によると、2018年の 「good」 というキーワードでの検索数が、史上最多だったそうです。 2018年は皆さんが今までで一番、Goodな事を探していたということで、 2019年は、最高な年になる...

Web技術

アクションとは【Ruby on Rails超入門】初心者にも分かりやすく解説

こんにちは、財前航介です。 Ruby on Railsを使っていると、 「アクション」 という言葉をよく聞きますね。 これは、 ユーザーからリクエストを受けたときに、Webサーバー側で行われる 「アクション(動作)」 のことです。 この アクション とは、どこに...

プログラミング

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

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

Web技術

Amazon Linux 2へのRuby on Railsのインストール方法と動作確認【AWS】

こんにちは、財前航介です。 本日は、 AWS 上で Amazon Linux 2 のサーバーを立て、 Ruby on Rails をインストールし、動作確認するまでの一連の方法を見ていきましょう。 この説明で用いている環境は以下のものです。 インストール...

Web技術

Ruby on Railsの読み方は? - 名前の由来【初心者にもわかりやすく解説】

こんにちは、財前航介です。 Ruby on Rails といえば、 「高速でWebアプリケーションを開発することができる方法」 と聞くことがありますが、いったい何と読むのでしょうか? そもそも Ruby on Rails とは、どういったものなのでしょうか?

プログラミング

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

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