プログラミング

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

こんにちは、財前です。 突然ですが皆さんは、 カラーコードの文字列の意味 って知っていますか? カラーコードと言えば、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

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

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

Web技術

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

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

プログラミング

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

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

プログラミング

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

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

プログラミング

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

この記事では、 Rubyのアンインストールの手順 を見ていきましょう。

IT

アプリの"ダウンロード"と"インストール"の違いとは。どっちを使うべき?

こんにちは。uni-browserの財前です。 今日は、 ダウンロード と インストール という言葉の違いについて、お話ししたいと思います。 皆さんは新しいアプリを手に入れるとき、 ダウンロード と インストール 、どっちの言葉を使いますか? 結論から言うと、ス...

Web技術

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

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

プログラミング

JavaScriptからのDOM操作【初心者向けに基本から解説】

本日は JavaScript 初心者の方に向けて、 DOM操作 というものについて解説をしていきたいと思います。 JavaScript による DOM操作 とはどういうことかと言うと、 「JavaScriptによって、HTMLの内容を変更する」 ということですね。 ...

プログラミング

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

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

Web技術

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

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

ウェブサイト作成・運営

パンくずリストによるSEO対策【パンくずリストとは】- 効果的な作り方

突然ですが、皆さんは 「パンくずリスト」 という言葉を聞いたことがあるでしょうか。 Webサイトで良く見かける、以下のような部分のことですね。 様々なWebサイトが、こういった 「パンくずリスト」 をサイト内に配置しているため、見かけたことがある方も多いと思いま...

Web技術 プログラミング

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

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

uni-browser

【阿南市 加茂谷】しげぱんさんのWebサイトを作成させて頂きました。

徳島県、阿南市の加茂谷にあるパン屋さん、 「和み工房 しげぱん」 さんのホームページを作成させて頂きました。 よろしければ下記リンクより、ご確認ください。 和み工房 しげぱん >>

ウェブサイト作成・運営

ヒックの法則だけじゃない【フィッツの法則】Webデザインの原則

こんにちは、 uni-browser の財前航介です。 以前、 「ヒックの法則」 という法則について、以下のような記事を書きました。 ヒックの法則って何? 選択肢はカテゴリ分けをしよう >> 上記の記事では、 ヒックの法則 という法則についてご説...

IT

オフショア開発の3つの課題・問題点【フィリピンでのオフショア開発を経て】

こんにちは、 uni-browser の財前航介です。 自分は今年の10月まで、フィリピンでブリッジエンジニアとして勤務していました。 それ以前は日本でITエンジニアをやっていたのですが、英語力の向上を目的としてフィリピンの現地企業への転職を行いました。 私とし...

IT

デジタルトランスフォーメーションはなぜDXと略されるのか【DTではない理由】

「デジタルトランスフォーメーション(Digital Transformation)」 は、しばしば 「DX」 と略されます。 しかし、アルファベットの頭文字をとると、 「DT」 ですよね。 それは、 英語の 「trans-」 という接頭語が、一般的に 「X」 と略...

IT

IT業界における「炎上」とは? 炎上プロジェクトってどういう意味?

突然ですが皆さんは、 「炎上プロジェクト」 という言葉を聞いたことがあるでしょうか。 これは、IT業界、特にSIerなどと呼ばれる業界において、非常によく用いられる言葉です。 私も何度か、 炎上プロジェクト に参画致しました。。。 今日は、IT業界における 「炎上...

Web技術 プログラミング

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

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

ウェブサイト作成・運営

独自ドメインのメリットとは【Bloggerの例】Web技術者が解説

こんにちは、 uni-browser の財前航介です。 本日は、 独自ドメイン を導入することのメリットについてお話ししていきたいと思います。 と言いますのも、先日ホームページ作成をさせて頂いたお客様が、独自ドメインの導入を行うかを悩まれている様子でしたので、私か...

IT Web技術 プログラミング

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

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

ウェブサイト作成・運営

「近接」 ~Webデザインの基本原則~

こんにちは、財前航介です。 今日は、私がお客様のWebサイトを作るときに、気にかけていることをご紹介します。 ただ、今日ご紹介するトピックは、 すご~~~~く 当たり前のことです。 当たり前なのですけど、気にかけて作った時と、全く気にしなかっと時とでは、We...

プログラミング

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

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