Web系開発メモ

Java, JavaScript, CSS, HTML などの記事を書いています。

Servlet:JSONを返す

Java のサーブレットで、JSON を返す方法を書いてみます。JSON 文字列の生成には Gson を使いました。 前提 今回の例は、下の記事の資源(pom.xml, Main.java, etc)を利用しています。必要に応じて参照して頂けると嬉しいです。 Servlet:組込Jettyの起動 …

Servlet:HTMLを返す

Java のサーブレットで、HTML を返す方法を書いてみます。 前提 今回の例は、下の記事の資源(pom.xml, Main.java, etc)を利用しています。必要に応じて参照して頂けると嬉しいです。 Servlet:組込Jettyの起動 手順1. サーブレットの作成 プロジェクトのル…

Servlet:組込Jettyの起動

組み込み Jetty(9.4.6)を使って、Java のサーブレット(spec 3.1)を動作させる環境をつくってみました。 手順1. プロジェクトの作成 プロジェクトのルートディレクトリ ssej の下に、以下の pom.xml を作成します。 ssej/pom.xml

MuseScore:ドレミ自動採譜

MuseScore で作成した楽譜に、尺八用プラグイン を使ってドレミを自動採譜する方法を書いていきます。 1. 尺八用プラグインのインストール 1.1. プラグインのダウンロード 尺八用プラグインのサイト で公開されている Shakuhachi_Notation_v2_02.qml を、C:\…

組込Jetty:静的コンテンツを返す

Embedded Jetty(組み込み Jetty)で、Http リクエストに対して静的コンテンツを返す例を書いていきます。 手順1. pom.xml の作成 jetty-server を使う Maven プロジェクトとして作成します。

組込Jetty:HelloWorldの表示

Embedded Jetty(組み込み Jetty)で、Http リクエストに対して Hello World を返す例を書いていきます。 手順1. Jar のダウンロード jetty-all.jar を、こちら からダウンロードします。 自分がダウンロードしたときは jetty-all-9.4.6.v20170531-uber.jar …

Poml開発:2017年07月07日

Poml の新しいバージョン v1.0.0 をリリースしました。 変更点 relativePath を parent に追加しました。 parent=com.example:demo-parent:0.0.1:../pom.xml 上の poml は、下の xml に変換されます。 <parent> <groupId>com.example</groupId> <artifactId>demo-parent</artifactId> <version>0.0.1</version> <relativePath>../pom.xml</relativePath> </parent> バージョ…

Ubuntu:nkfのインストール

OS

Ubuntu に nkf をインストールする方法を書いていきます。nkf を使うと文字コードを変換したり、改行コードを変換したりできます。 インストールの動作確認は、Vagrant Box の ubuntu/trusty64 で行っています。 手順1. apt-get の実行 以下のコマンドでイン…

Ubuntu:zip・unzipのインストール

OS

Ubuntu に zip と unzip をインストールする方法を書いていきます。動作確認は、Vagrant Box の ubuntu/trusty64 で行っています。 手順1. apt-get の実行 以下のコマンドでインストールします。 $ sudo apt-get install zip unzip 手順2. 確認 オプション -…

Maven:Ubuntu14にインストール

Maven 3.5.0 を、Ubuntu 14.04 LTS(Trusty Tahr)にインストールする手順を書いていきます。動作確認は、Vagrant Box の ubuntu/trusty64 で行っています。 前提 JDK をインストール していることが前提となります。 手順1. ダウンロード 事前に root にな…

老子:道徳経19

老子の道徳経上編十九で、自分が覚えておきたい部分をメモっておきます。 見素抱樸 少私寡欲 絶学無憂 素を見(あら)わし樸(ぼく)を抱け 私を少なくし欲を寡(すく)なくせよ 学を絶ちて憂いを無くせ

BenQモニタ:信号なし青画面回避(HDMI)

etc

BenQ の液晶ディスプレイ RL2460 を使っていて、HDMI の信号がなくなると明るい青画面が表示されました。 ちょっと刺激が強いので、明るい青画面を回避する方法を書いていきます。 手順1. HDMI自動切換の設定 画面が表示されている(HDMIなどの信号あり)状…

老子:道徳経23

老子の道徳経上編二十三で、自分が覚えておきたい部分をメモっておきます。 少則得、多則惑 少則得、多則惑 少なければ則(すなわ)ち得られ、 多ければ則(すなわ)ち惑う。 不自… 不自見故明 不自是故彰 不自伐故有功 不自矜故長 自ら見(あら)わさず、故に明ら…

Maven:記事の一覧

この記事には、Maven の記事(リンク)を一覧形式でまとめています。 インストール Win10にインストール Win7にインストール CentOSにインストール Ubuntu14にインストール 入門 1.プロジェクトの作成と実行 2.エンコーディングとコンパイラの設定 3.Eclipse…

Maven:fatjarの作成

Maven の Assembly Plugin を使って、fatjar を作成する方法を書いていきます。 手順1. プロジェクトの作成 プロジェクトのルートディレクトリ(例:fjs)を作成して、その下に pom.xml を用意します。 fjs/pom.xml

Ubuntu:gitのインストール

OS

Ubuntu に git をインストールして、個人の識別情報(ユーザ名とメールアドレス)を設定する方法を書いていきます。動作確認は、Vagrant Box の ubuntu/trusty64 で行っています。 手順1. apt-get の実行 Git - Download for Linux and Unix に書かれている…

Maven入門:5.フェイズについて

Maven のビルドには「ライフサイクル(Build Lifecycle)」という概念があって、ライフサイクルにはいくつかの「フェイズ( Phase)」があります。 ライフサイクル Maven には3つのライフサイクルが組み込まれているようです。 default: プロジェクトのビル…

Maven入門:4.依存性の追加

Maven の pom.xml を編集して、依存性(jar)を追加してみようと思います。依存性を追加すると、Maven のビルドで jar がクラスパスに追加されます。 今回は例として、ログ関連の jar(slf4j-api, logback-classic)を追加してみます。 手順1. pom.xml の編…

Maven入門:3.Eclipseにインポート

前回の記事「2.エンコーディングとコンパイラの設定」で作成したプロジェクトを Eclipse にインポートして(取り込んで)みます。 補足 Eclipse のインストール方法などは、こちら に掲載しています。Eclipse を利用していない場合などは、読み飛ばして頂い…

Maven入門:2.エンコーディングとコンパイラの設定

前回の記事「1.プロジェクトの作成と実行」で作成した pom.xml を編集して、エンコーディングとコンパイラのバージョンを設定していきます。 補足 前回の mvn package コマンドを実行すると、以下のような警告が出ていました(Win環境)。 ・・・ [WARNING] …

Maven入門:1.プロジェクトの作成と実行

Maven でクイックスタート用のシンプルなプロジェクトを作成して、そのアプリを実行してみます。 前提 Maven をインストールしていることが前提となります。インストール記事のリンクは、以下の記事に掲載しています。 Maven:記事の一覧 手順1. プロジェク…

POML開発:2017年06月25日

POML の新しいバージョン v0.4.0 をリリースしました。 主な変更点 コマンドラインメッセージの改善 Poml ファイルのバリデーションをいくつか削除 &fatjar の更新 内部ロジック改善(パース、レンダリング) バリデーションは最小限のみ実装していくことに…

自転車:前輪ブレーキの交換

自転車の前輪ブレーキの音(キーキー音)がヒドイので、ブレーキパッドを交換することにしました。自転車は一般車(シティサイクル)で、交換前のパッドは「YSB-PSC-C」という型番でした。 補足 ブレーキパッドを交換する前に、前輪のリム(ホイールの外枠)…

Eclipse:インデントを空白に設定

Eclipse のエディタで、インデントを空白(半角スペース)に設定する方法を書いていきます。今回は、 Java の Formatter Text Editors XML Editor について書いています。 補足 この記事では、インデントのサイズは半角2つに設定しています。お好みで調整し…

JS:クロスドメインとiframe

JS

Webページ(JS)から、違うドメインの XML(RSS フィード)を取得したいことがありました。そこで、iframe で別ドメインの XML を取得して、その内容を操作できないか検証してみました。 検証結果 結果としては、エラーが発生して無理そうでした。 エラー内…

JS:クロスドメインとYQL

JS

Webアプリ(ブラウザ)のクロスドメイン問題と、その回避方法(1. レスポンスヘッダ、2. YQL(Yahoo Query Language) )をまとめていこうかと思います。 クロスドメイン問題とは? あるドメイン(aaa.com)のページから、別ドメイン(bbb.com)への接続がブ…

Eclipse:lombokインストール手順

Eclipse は、lombok をインストールしないと、lombok に関連するエラーが発生します。下の画像はその例で、lombok が生成しているはずの setter がないと言われています。 これから、Eclipse に lombok をインストールする手順を書いていきます。 手順1. lom…

SpringBoot:記事の一覧

この記事には、Spring Boot の記事のリンクをまとめています。 入門 基本的な使い方(Web層, DBアクセス, 等々)を書いています。 SpringBoot 入門:目次 アプリ開発 Webアプリをつくる方法を書いています。 SpringBoot アプリ開発:目次 上記以外(エラー対…

SublimeText2:設定(Preferences の Settings - User)

etc

Sublime Text 2 の自分用設定を、忘れないように書いていこうと思います。 今回の設定は「Setting - User」に保存しています。「Setting - User」は、メニューバーの Preferences で開くことができます。 設定内容 { "detect_slow_plugins": false, "ignored…

SublimeText2:パッケージのインストール

etc

SublimeText2 のパッケージインストール方法と、自分がインストールしているパッケージを書いていきます。 インストール方法 手順1. Package Control のインストール 事前に Package Control(パッケージコントロールのページ)の手順に従ってインストールし…

SpringBoot アプリ開発:目次

Spring Boot を使って、Webアプリをつくる記事を書いてみました。以下の目次順に読んで頂けると、画面とDBアクセスのあるアプリをつくることができます。 ※ アプリの詳細(機能や画面など)は「1.概要」に書いてあります。 目次 概要 環境準備 プロジェク…

SpringBoot アプリ開発:1.概要

記事「SpringBoot アプリ開発」で開発するアプリの概要を書いていきます。 機能 短いテキスト「つぶやき」の、作成・表示・更新・削除(CRUD)ができるアプリです。 画面(HTML, JS, CSS) つぶやきの CRUD ができるレスポンシブな画面を、Bootstrap, jQuery…

Eclipse:記事の一覧

この記事には、Eclipse の記事(リンク)を一覧形式でまとめています。 基本 Eclipseの概要 Win10にインストール Win7にインストール Javaのコンパイルと実行 設定 エンコーディング設定 Ctrl+Tabでエディタ切替え エディタのフォント変更 カラーテーマの変…

Eclipse:Ctrl+Tabでエディタ切替え

Ctrl + Tab で、Eclipse のエディタを切替える方法を書いていきます。 設定前に、プリファレンス(Preferences)を開いておきます。プリファレンスは、メニューバーの ウィンドウ(Window)から開くことができます。 手順1. コマンドのコピー Preferences で…

Eclipse:エディタの行番号表示

Eclipse のエディタで、行番号を表示する設定方法を書いていきます。(※ 最近の Eclipse だと、デフォルトで表示する設定になっているようです。) 設定前に、プリファレンス(Preferences)を開いておきます。プリファレンスは、メニューバーの ウィンドウ…

Eclipse:メモリ使用状況の表示

Eclipse のメモリ使用状況を表示する設定方法を書いていきます。 設定前に、プリファレンス(Preferences)を開いておきます。プリファレンスは、メニューバーの ウィンドウ(Window)から開くことができます。 設定方法 Preferences の General をクリック…

Eclipse:エンコーディング設定

Eclipse のエンコーディングを、UTF-8 に設定する方法を書いていきます。 設定前に、プリファレンス(Preferences)を開いておきます。プリファレンスは、メニューバーの ウィンドウ(Window)から開くことができます。 設定方法 Preferences の「General → …

Eclipse:Win10にインストール

Eclipse IDE for Java Developers の バージョン Neon.3 (4.6.3) を、Windows10 にインストールする手順を書いていきます。 前提 JDK がインストールされていることが前提となります。JDK のインストール方法は、以下の記事を参照して頂けると嬉しいです。 J…

Eclipse:Win7にインストール

Eclipse IDE for Java Developers の バージョン Mars (4.5.1) を、Windows7 にインストールする手順を書いていきます。Eclipse のバージョンが多少違っていても、同じ手順でインストールできると思います。 前提 JDK がインストールされていることが前提と…

Eclipse:概要

Eclipse の概要や、Eclipse の使用前に知っておきたいことを書いていきます。 1. Eclipse は IDE Eclipse は、IDE(統合開発環境)と呼ばれるプロダクトです。IDE を使うと、エディタ・コンパイラ・デバッガなどをまとめて使えるので便利です。 下は Eclipse…

Maven:Win10にインストール

Maven を Windows10 64bit にインストールする手順を書いていきます。 前提 Windows10 に JDK をインストールして、環境変数を設定 していることが前提になります。 手順1. ダウンロード Maven のダウンロードページ から、安定版の「Binary Zip archive」を…

JDK8:Ubuntu14にインストール

Oracle の JDK8 を、Ubuntu 14.04 LTS(Trusty Tahr)にインストールする手順を書いていきます。動作確認は、Vagrant Box の ubuntu/trusty64 で行っています。 手順1. インストール apt-get コマンドでインストールします。 $ sudo add-apt-repository ppa:…

Maven:Win7にインストール

Maven を Windows7 64bit にインストールする手順を書いていきます。 前提 JDK をインストール して、環境変数を設定 していることが前提となります。 手順1. ダウンロード Maven のダウンロードページ から、安定版の「Binary Zip archive」をダウンロード…

JDK8:CentOSにインストール

JDK8(Oracle の 8u77) を、CentOS にインストールする手順を書いていきます。 前提 今回の手順は、JDK がインストールされていない CentOS を使って書きました。既に OpenJDK などがインストールされている場合、事前にアンインストールしたほうが良いかも…

JDK8:Win10の環境変数設定

環境変数 JAVA_HOME と Path を、Windows10 で設定する方法を書いていきます。 前提 Windows10 に JDK8 をインストールしていることが前提となります。インストール方法は、以下の記事を参照して頂けると嬉しいです。 JDK8:Win10にインストール 手順1. 環境…

JDK8:Win7の環境変数設定

環境変数 JAVA_HOMEと Path を、Windows7 で設定する手順を書いています。Windows に JDK をインストールしたら、この変数を設定することが多いです。JDKのインストール記事は こちら にあります。 手順1. 環境変数の表示 最初に環境変数(のウィンドウ)を…

JDK8:Win7にインストール

JDK8(バージョン 8u71)を、Windows7 64bit にインストールする手順を書いています。 手順1. インストーラのダウンロード Oracle の JDK ダウンロードページ を開きます。 ボタン DOWNLOAD をクリックして、次のページに遷移します。 遷移したら、ラジオボ…

JDK8:Win10にインストール

JDK8(8u131)を Windows10 64bit にインストールする手順を書いていきます。 手順1. インストーラのダウンロード Oracle の ダウンロードページ で、以下のダウンロードアイコンをクリックします。 次のページに遷移したら、ラジオボタン Accept License Ag…

Eclipse:カラーテーマの変更

Eclipse のカラーテーマ(Color Theme)を変更する方法を書いていきます。今回は例として、エディタの背景色と文字色を Sublime Text に設定してみます。 手順1. Eclipse Color Theme のインストール メニュバーの「Help → Eclipse Marketplace」でマーケッ…

Eclipse:エディタのフォント変更

Eclipse のエディタのフォントを変更する方法を書いていきます。 事前に、メニューバーの ウィンドウ(Window)から、プリファレンス(Preferences)を開いておきます。 設定方法 Preferences で、色とフォント(Colors and Fonts)を開きます。 そこで、基…