ゼロからはじめるWEBプログラミング入門

未経験者でも初心者でも関係なく、とにかくWEBサイトを作るところから始めるブログ!

今さら聞けないJavaのラムダ式を3分くらいで(サンプル付)

概要 プログラマーの視点で、シンプルにラムダ式の記載方法を纏める。 浅い知識でラムダ式がなんなのか要約すると 単純な処理(メソッド)をスッキリ書ける方式。 (特にパラメータで処理を渡すとき便利)

【Doc】Linuxコマンド_ソフトウェア(CentOS7)

環境 OS : CentOS7

クライントCentOS7からサーバ(GCP)のCentos7にssh接続

内容 ローカルのCentos7からGCPのCentOS7に ssh接続する 環境 クライアント : CentOS7.3 サーバ(GCP) : CentOS7.3 クライアント側で鍵生成 鍵を生成 ssh-keygen -t rsa -b 4096 鍵の格納場所はデフォルト(/home/vagrant/.ssh/id_rsa) パスフレーズは空(2回…

最低限これだけ知ってれば使えるPostgreSQLコマンド

© The PostgreSQL Global Development Group シェル上での実行コマンド

Spring Bootで PostgreSQLをDOMAで動かす

内容 Spring BootでPostgreSQLをDOMAで動かす

CentOS7にPostgreSQLインストール&初期設定&DB作成&認証方式設定

© The PostgreSQL Global Development Group 環境 OS : CentOS 7.3 PostgreSQL 9.2.8

VagrantのCentOS7にTeraTermでssh接続する

手順 ホストOSとゲストOSの共有フォルダ作成 ホストOSでSSH用の鍵作成 ゲストOSに公開鍵格納 TeraTermでSSH接続

VagrantにCentOS7のboxを追加[Windows10]

CentOS7 の boxを取得 Vagrant.exでbox検索 Vagrantbox.es から VirtualBoxのCentOS7を探してURLをコピー A list of base boxes for Vagrant - Vagrantbox.es

Windows10にVagrant(1.9.5)をインストール

© HashiCorp 環境 Vagrant 1.9.5 OS : Windows10

Windwos10にVirtual Box(5.1.22)のインストール

© Oracle 環境 Virutal Box 5.1.22 OS : Windows10

GitBucketのインストール&初期設定[GCE]

環境 OS : CentOS7 GitBucket 4.12

CentOS7にgitをインストール[GCE]

環境 OS : CentOS7 git 1.8.3.1

Spring Bootでwarファイル作成(Tomcat実行用)

概要 Spring BootにはTomcatが最初から内臓されているので 便利だけど、サーバ上で動かすときには不要なので warファイルを作成するように定義を変更する

はてなブログのURLを独自ドメインに変更(画像付き)[お名前.com]

はじめに はてなブログProにアップグレードした目的でもあった 独自ドメインの設定を行う

はてなブログProへのアップデート手順(リアル画像付き)

はじめに まだブログを始めたばかりでアクセス数も多くない なのになんでアップグレード!? と思われるとお思うけど、 今週取得した独自ドメインを早く設定したいー! という浅はかな思いと勢いだけで はてなブログProへアップデートする。

Spring BootにThymeleafの設定を追加する[Eclipse]

内容 Spring BootにThymeleafを追加する。 (前回作成したMavenにSpring Bootの設定を追加したものに追加) blog.w-hippo.com

MavenプロジェクトにSpring Bootの設定を追加[Eclipse]

内容 通常のEclipseでSpring Boot用のプロジェクトを作成する 環境、バージョン Eclipse : Neon.2 (4.6.2) Spring Boot : 1.5.3.RELEASE Maven : 3.2.3 OS : Windows10

ドメインNaviでGCPのIPアドレスをドメインに設定[お名前.com]

内容 GCPのIPアドレスに前回 お名前.com で購入したドメインに割り当てる 前回の記事 blog.w-hippo.com

独自ドメインを購入[お名前.com]

はじめに IPアドレスのままだとそろそろ不便だし ドメインが お名前.com で年間699円(※初年度のみ)だったので GCP用のサーバ用にドメインを購入します

JenkinsのSSL(https)化

JenkinsのSSL化手順 Jenkins用の自己証明書作成 Jenkins設定ファイル変更 GCPのファイルウォール設定

CIツールのJenkinsインストール[GCE]

Jenkinインストール yumリポジトリにJenkisn用のリポジトリを追加 yumリポジトリにJenkisn用のリポジトリを追加 wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo

PostgreSQLをインストール&GitBucket用DB作成

はじめに 今後のアプリで使用するかもしれないのと、GitBucketでDBが必要だったのでPostgreSQLをインストールする 続けてGitBucket用データベースを作成する

ApacheのTomcat連携(ajp)

内容 ApacheとTomcatの連携(ajp)の設定します

ApacheのSSL(https)通信の設定

内容 ApacheのSSL設定します SSL設定 mod_ssl インストール yum install mod_ssl

Apacheをインストール&初期設定

はじめに nginxをインストールして使おうとしてたけど、GitBucket の動作がよろしくない。 事象はLogin時にURLが http://localhost:8080 に遷移するので、リダイレクトの設定したけどうまくいかなかったので、あきらめて Apache を入れます。 Apacheインスト…

Tomcat8の起動が遅い問題の解決方法

Tomcat起動の起動が遅い問題 Tomcatの再起動がやたらめったら遅い。 インストールしたGitbucketなのかファイアウォールの設定なのか調べてたら全然違った。 Javaのバグが原因みたい。 解決方法 Tomcatの起動オプションを追加。

Mavenをインストール[GCE]

内容 MavenをCentOS7にインストールします。 Mavenのインストール コマンド yum install maven

CentOS7のタイムゾーンをJST(日本時間)に変更する[GCE]

GCP

はじめに ログを見たりすると時間がUTCになっていて分かりづらく不便なので、日本の時間に変更します。 タイムゾーンの変更 変更前 dateで時間を確認するとUTCになってる。

Tera TermでSSH接続してGCEを操作する

GCP

はじめに GCEを今まではブラウザのSSHを実行していて、非常に便利で特に不満もないですけど、 起動時間を少し短縮させたいので使い慣れてる Tera Term でのSSH接続する設定をします。 手順 TeraTermで認証鍵を生成 GCPに認証鍵を登録 TeraTermでSSH接続

nginxでリバースプロキシ設定[GCE]

はじめに 前回Tomcatをインストールしましたが、 URLにポート指定するのはスマートじゃないので、 nginxのリバースプロキシを使ってTomcat上のアプリを実行するように変更します。 手順 nginxにリバースプロキシの設定を追加 SELinuxの無効化 ファイアウォー…

Tomcat8をインストール[GCE]

Tomcat8のインストール 手順 Tomcat用ユーザ作成 Tomcat8のインストール サービス登録 & 自動起動有効化 Tomcat起動 ファイアウォールの設定

JDK8インストール[GCE]

OpenJDK8のインストール パッケージ確認 JDK8があることを確認 yum search jdk

1年間の無料期間終了前にAWSを解約する

はじめに 去年のゴールデンウィークに始めたAWSがもうすぐ1年。無料期間が終了することになるので忘れないうちに解約する。 AWSの解約 まずはホームページヘ

nginxでSSL通信(https)を有効化する[GCE]

nginxのSSL有効化手順 自己証明書作成 nginx定義変更 nginx再起動 1. 自己証明書作成 # フォルダ移動 cd /etc/pki/tls/certs # 証明書作成 make sbc-web.crt

LinuxVMインスタンス(CentOS7)の作成[GCE]

GCP

はじめに 今回は、GCPで使用するプロジェクトの作成と、インスタンスの作成を行います。 (記事の順番前後しましたが、前回の記事は今回作成したGCE上にNginxをインストールしています。) プロジェクトの作成 もともとプロジェクトはあったが、昔作成したの…

WEBサーバ「nginx」をインストール[GCE]

nginxのインストール Yumに登録されているパッケージのバージョン確認 yum list nginx

Google Cloud Platform(GCP)の無料トライアル申込

GCP

はじめに 去年使い始めたAWSの無料利用枠もあと少しで終了なので、 こんどはGCP(Google Cloud Platform)を使ってみたいと思います。

(5) DomaによるDBアクセスをローカルとHeroku上で動確

はじめに 前回までの内容でDomaを使ってDBのデータを抽出できるようになったので、今回は確認用のコードを作って実際にDBから値を抽出してみます 内容 Controllerに確認用コードの追加 ローカル環境で実行 Herokuにデプロイ WEB上で実行

(4) Entity/DAO/Service/SQLの実装 [Spring][Doma]

はじめに この回では、Domaを使用したDBを使用するプログラミングします。 実際にやることはSQLでTodoテーブルからデータを抽出するだけですが、 SpringやDomaを使用するためのルールや手順がちょこちょこあって少し長くなりますがやっていることは単純なの…

(3) Application.ymlでDB接続先にHerokuDBを指定 & Lombokインストール

はじめに 今回からようやくプログラミング!! と思ってたけどまだ準備が残ってたので、今回でサクッと終わらせる。 Pomの設定 Pom.xmlに「doma-spring-boot-starter」を追加します。 これを定義することで、起動時にApplication.ymlの設定でDBに接続できる…

(2) GitHubからリポジトリをクローンしてEclipseにインポート

はじめに 今回は作成するWEBアプリのベースとなるリポジトリをGitHubからクローン(複製)して、 Eclipseにインポートします。 前提条件 Domaを使用するための「Doma Tools」インストールが必要(後でもいい)

Eclipseプラグイン「Doma Tools」インストール

はじめに Domaを使うためのEclipseプラグイン「Doma Tools」をインストールします。

(1) テーブル作成、レコードの挿入/検索(SELECT / INSERT)

© .foto project はじめに 今回からDBを使った簡単なWEBアプリとしてTODOリストを作成していきます。 まずその準備としてテーブルを作成します。 事前準備 事前準備として、前回までの記事の実施が必要なので下記を参考に実施してください。

A5-Mkを使ってHeroku DB[PostgreSQL]に接続

はじめに 前々回に作成したHerokuのDB(PostgreSQL)に、 前回インストールしたDB接続クライアントツール「A5:SQL Mk-2」を使って接続します。 HerokuのDB作成 → 無料でHerokuで簡単にDB(PostgreSQL)を作成する

フリーのDB接続クライアント「A5:SQL Mk-2」インストール

はじめに 前回作成したDBを操作するため、フリーのDB接続クラインアントツールである 汎用SQL開発環境「A5:SQL Mk-2」をインストールします。 PostgreSQL だけでなく MySQL、Oracle 等でも使用できるので便利です。

無料でHerokuで簡単にDB[PostgreSQL]を作成する

PostgreSQL ホームページ HerokuでDB作成 Herokuで無料のDBを作成できるので作成します。 作成するDBはPostgreSQL。 といってもクリックするだけで Heroku が作ってくれるので、DBの種類は意識しないで大丈夫です。 DBMS PostgreSQL

(5) Ajaxで実行するWeb APIを作成 [jQuery]

はじめに 今回はAjaxによる画面の表示内容を変更する動的ページを作成します。 今回作成する内容 概要 前回の画面からボタンを追加し、Ajax(非同期通信)で計算を実行します。 前回作成した通常の画面表示と処理的には何も変わらない。 唯一違うのは画面がち…

(4) 動的WEBページの作成 [Thymeleaf]

はじめに 今回はいよいよ画面の内容が変化する動的WEBページを作成します。 今回作成する内容 概要 2つの値の足し算を行うWEBページです。

(3) 新しいページ(画面)を作成 [Spring Boot]

はじめに 今回は新しいページを作成する方法を解説します。 今回作成する内容 概要 新規のWEBページを追加します。

(2) ローカル端末でWebアプリを実行する[Eclipse]

はじめに 前回作成したWEBページを、今回ローカルで実行させる開発環境を作成します。