Web技術

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

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

Web技術

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

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

Web技術 プログラミング

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

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

Web技術

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

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

Web技術

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

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

Web技術

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

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

Web技術

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

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

Web技術

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

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

Web技術

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

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

Web技術

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

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

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サーバー側で行われる 「アクション(動作)」 のことです。 この アクション とは、どこに...

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 とは、どういったものなのでしょうか?

Web技術

Ruby on Railsのメリット・デメリット【初心者にもわかりやすく解説】

こんにちは。uni-browserの財前航介です。 皆さんは、 Ruby on Rails というフレームワークを使用されたことはありますか? Ruby on Rails は、高機能なWebアプリケーションを非常に高速に開発できる、優れたフレームワークとして、大変話...

Web技術

Web技術の今後を考察【2019年になる前に】

こんにちは。uni-browserの財前航介です。 もうすぐ2018年も終わり、2019年に突入しますね。 私は今年は、結婚したり、フィリピンから日本に帰国したりと、色々あった年でした。 皆さんは如何だったでしょうか。 2018年も終わりということで、この記...

Web技術

【Vue.js】双方向バインディングとは【SPAの基礎】

有名な JavaScriptフレームワーク の一つに、 Vue.js というものがあります。 JavaScriptフレームワーク は、 SPA(シングルページアプリケーション) と呼ばれる形式のWebサービスを作成できるとして、近年非常に話題になっていますね。 ...

Web技術 プログラミング

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

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

Web技術 プログラミング

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

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