Spring boot で作るAPIと React のビルドを共存させたい - プログラマーの脳みそ
Spring boot では Webシステムをmain起動のスタンドアロンのJavaプログラムのように起動して試せる点が便利である。ところでこうしたサーバーサイドのWeb APIを作るようなケースで、Reactのようなコンパイルを伴うWebクライアントと連携して動作するようなものを開発するとき、どのようなプロジェクトのディレクトリ構成でどのようなビルド、どのような実行をすると便利にやれるのだろうか？ IDEの有償プラグインがこうした開発を統合してくれるのかもしれないが（試用して回ったわけではないのでよくわからない）ここではギョームで普通に用いられているEclpise IDE と Visual Studio Codeの組み合わせで考えてみたい。(本稿ではIDEは主題ではないので、任意のIDEで検討してもらいたい) Spring の フォルダ SpringのQuick Start に従い、デモ
Googleスプレッドシートが高度なWebサイトに大変身するノーコードサービス「Siteoly」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、普段から使い慣れているGoogleスプレッドシートを高品質なWebサイトに変換できるWebサービスをご紹介します！ ユーザーがやることはセルの値を変更するだけというお手軽さと、Webサイトのレイアウト構成を細かく変更したり上級者向けにJavaScriptやCSSを編集する機能も無料で提供されているのが特徴です。 手っ取り早くクオリティの高いWebサイトを作成したい人にも最適なので、ぜひ参考にしてみてください！ 【 Siteoly 】 ■「Siteoly」の使い方 それでは、「Siteoly」をどのように使えばいいのか詳しく見ていきましょう！ まずはサイトのトップページにアクセスして、画面上部にある【Login】ボタンから無料のユーザー登録をしておきます。 Googleのアイコン部分をクリックしてください。 するとアカウント選択画面が表示
Conventional Commits
Conventional Commits 人間と機械が読みやすく、意味のあるコミットメッセージにするための仕様 Conventional Commits 1.0.0 概要 Conventional Commits の仕様はコミットメッセージのための軽量の規約です。 明示的なコミット履歴を作成するための簡単なルールを提供します。この規則に従うことで自動化ツールの導入を簡単にします。 コミットメッセージで機能追加・修正・破壊的変更などを説明することで、この規約は SemVer と協調動作します。 コミットメッセージは次のような形にする必要があります: 原文： <type>[optional scope]: <description> [optional body] [optional footer(s)] 訳： <型>[任意 スコープ]: <タイトル> [任意 本文] [任意 フッター] あな
Java最新フレームワーク、Helidon、Micronaut、Quarkusをnative-imageまでまとめて試す - きしだのHatena
最近でてきたフレームワーク、Helidon、Micronaut、Quarkusのクイックスタート、Native-Imageをまとめて試しましょう。 準備 SDKMANインストール 今回はSDKMANで環境を作っていきます。 https://sdkman.io/ コマンドラインで次のコマンドを実行します。Windowsの場合はCygwinかWSLで。 $ curl -s "https://get.sdkman.io" | bash ターミナルを開きなおすか次のコマンドを実行するとSDKMANが有効になります。 $ source "$HOME/.sdkman/bin/sdkman-init.sh" JDKインストール 今回はnative-imageまで使うのでGraalVMを使っておきましょう。 $ sdk use java 19.1.0-grl native-imageの準備も行います。Cy
Svelte • The magical disappearing UI framework
compiled Svelte shifts as much work as possible out of the browser and into your build step. No more manual optimisations — just faster, more efficient apps. compact Write breathtakingly concise components using languages you already know — HTML, CSS and JavaScript. Oh, and your application bundles will be tiny as well. complete Built-in scoped styling, state management, motion primitives, form bi
Svelteに入門した | フューチャー技術ブログ
フロントエンド連載の6記事目です。 今年のゴールデンウィーク（STAY HOME週間）に最近話題のSvelteに入門したので紹介を書きます。 Svelteとはなんですか？ 公式のサイトはこちらです。有志の方々が日本語翻訳のサイトを作ってくれています。たいへんありがとうございます！ Svelteは主にブラウザ上で動作するユーザーインタフェースを作るフレームワークで、ReactやVue.jsの対抗馬的な存在です。 特徴とReactやVue.jsなどほかとの違い公式サイトでも、コーディングする際のコード量が少ないという特徴があげられています。 詳しくはこちらのブログに書かれています。コードが多ければ作業時間とバグが増えてしまうため、コードが減らすことはこれらの問題を減らすことができるというようなことが書いてありました。またブログには具体的なコードで量の差について書いていますのでぜひ見てみてくださ
Vue.js + Spring Boot + Heroku（プロジェクト作成~ビルド） – 若手SIerサラリーマンの独学メモ
内容 Vue.js + Spring Boot + HerokuでSPAを作成しました。 Vue.jsとSpring Bootは同じリポジトリ上で管理し、ビルドも同時に実施します。 それにより、最低限のソースコード管理とHerokuへのデプロイ時にまとめてビルドする状態を実現しました。 本記事は第一弾として、プロジェクト作成〜ビルドまでを紹介します。 Github Vue.js + Spring Boot + Heroku（はじめに 兼 まとめ） Vue.js + Spring Boot + Heroku（プロジェクト作成~ビルド） Vue.js + Spring Boot + Heroku（Herokuへデプロイ〜環境毎プロパティファイル作成） Springで環境毎に異なるDBを設定する。 Vue.js + Spring Boot + Heroku（認証作成 Spring Boot編）
Google Maps APIキーを取得する方法
Google Map APIキーがないとどうなる？ GoogleAPIキーがないとエラーが発生し、Googleマップが正しく読み込まれません。 GoogleAPIを取得する方法 Google Cloud PlatformにGoogleアカウントでログイン URL：https://console.cloud.google.com/ 利用規約に同意してGoogle Cloud Platformの利用をスタート ページ上部の「無料トライアル」と表示されている右に表示される「有効化」をクリック 「無料トライアルに登録」というボタンが出ている場合もあります。 ※無料トライアルは300ドル分利用する、または有効にしてから12ヶ月経過するまで該当のアカウントに適用されます。 ※「有効化」へ切り替えた翌月より、毎月200ドルの無料枠が付与されます。 また、以下のように表示されている場合もあります。 ステッ
非公開サイト
サイトの構築。作品の販売。ブログの投稿。この他にもさまざまな機能があります。 ログイン サイトをはじめよう 非公開サイト このサイトは現在プライベート設定になっています。
Spring Bootを使ったWebアプリのユニットテスト自動化について
Spring BootでRDBやRedisを使うWebアプリのユニットテスト自動化について書く。とりあえず、H2DBとRedisをUnitテスト実行時に自動的に立ち上げるようにしてテストの自動化が出来るようにする。 WebアプリのUnitテストWebアプリを作るとき、MySQLやRedisなどのミドルウェアにデータを保存する。開発時にもMySQLやRedisが必要になる。当然、書いたプログラムのUnitテストを書くことになるが、これらのミドルウェアにデータが保存されるとなると開発時だけでなくUnitテストのときにも同等の役割をするミドルウェアが必要になる。また、DBの中に保存されているデータの管理もしなければならず意外とメンドウ。 次の項目があるとテストが楽。 環境の自動構築 (DBを立ち上げたり、停止したり)テストデータの用意 (DBへのmigrationを含む)という、無理矢理な説明だ
Docker と Redis と Spring - garbagetown
TL; DR 職場のウインドーズでも spring-boot したい spring-security したい spring-session したい ウインドーズに redis を入れる気はないので docker で入れる docker-machine 便利 Docker Toolbox 下記 URL を参考に Docker Toolbox をインストールする。インストーラをダウンロードしてデフォルトのまま Enter を連打すればいい。 Installation on Windows Docker 公式ドキュメントのメンテナンスが追い付いていないようで、書いてある通りにやってもうまくいかない、と言うかそもそも書いてある通りに実行できないので、勘と経験と度胸で進める。 まずは docker ホストを作る。ウインドーズはネイティブで docker ホストを実行できないので、Docker Too
「超簡単！KUSANAGIで常時SSL化をしてみよう！」 | KUSANAGI MAGAZINE - プライム・ストラテジー - CMSマネージドサービス
KUSANAGI、WordPress、Web高速化といったテーマをわかりやすく取り上げるメディアサイトです。 1. KUSANAGIで超簡単！常時SSL化！ 昨今のウェブ業界では、「常時SSL化」がキーワードです。 昔は「カートやウェブフォーム等、必要な所だけSSL化すればいいよね」といった感じでしたが、ここ数年で一気に「ウェブサイト全体をSSL対応させる」ようになりました。 しかし、従来「SSL証明書の購入・導入・更新」はとても大変な作業であり、かつてSSL対応サイトを運営してらっしゃった方には、その苦労が目に浮かぶのでは無いでしょうか。 KUSANAGIでは、これらをオールインワンパッケージとして、容易にWordPressサイト等に導入する事ができるようになっています。 2. 常時SSL化がキーワードの訳 これらの背景として、Google等のSEOのルールが変化しつつある事、サーバ
【初心者向け】Oracle Cloudを初めてみた インスタンス作成〜WordPress環境構築まで - Cloudii blog
初めまして、こんにちは。t-tasakaです。 Cloudiiに関わらせていただくこととなり、自分もOracle Cloudについて学んでいこうと思います。 これからOracle Cloud初心者として、自分と同じくOracle Cloudを学習し使っていこうという方向けに記事を書いていければと思います。 よろしくお願いします！ 目次 1.今回やること Free Tierアカウントの作成 2.コンパートメントの作成 3.VCNの作成 4.WEBサーバー用インスタンス作成 インスタンス作成 PHP、Apache、WordPressのインストール 5.DBサーバー用インスタンス インスタンス作成 MySQLインストール 6.WordPress初期設定 7.やってみて 1.今回やること Oracle Cloudを学習するにあたり、こちらのOracle Cloudのチュートリアルをやってみました。
Webview/ハイブリッドアプリとは？ネイティブアプリ、Webアプリ/PWAとの違い・各メリット・注意点 - BackApp LLC.
2018.10.17 Webview/ハイブリッドアプリとは？ネイティブアプリ、Webアプリ/PWAとの違い・各メリット・注意点 アプリを開発・発注する際に情報を調べたときには、「ハイブリッドアプリ」と「ネイティブアプリ」という言葉が出てきます。 また、最近では Google 社による「PWA (Progressive Web Apps)」という、Web アプリでありながらモバイルでの閲覧時にはアプリのような UI/UX を実現できるフレームワークも普及しています。さらに iOS 14 では Apple 社が PWA とは対象的なアプローチとなる「App Clips」を発表しました。 iOS/Android アプリ事業を始める際には、アプリの構造だけでなくこれらの付帯技術も理解した上での企画・設計が求められる時代になったといえます。 そこで、今回はアプリ開発を検討されている企業のご担当者様
ドメイン駆動設計の定義についてEric Evansはなんと言っているのか[DDD] - little hands' lab
DDD連載記事 なぜDDD初心者はググリ出してすぐに心がくじけてしまうのか ドメイン駆動設計の定義についてEric Evansはなんと言っているのか モデルでドメイン知識を表現するとは何か ドメイン駆動設計で実装を始めるのに一番とっつきやすいアーキテクチャは何か ドメイン駆動 + オニオンアーキテクチャ概略 背景 ドメイン駆動設計について、「どうやって実装するのさ？」の前に、まずは定義について認識合わせをしたいと思います。 「ドメイン駆動設計とは何か？」 ドメイン駆動設計について興味を持った時に、一番最初に疑問に思うのがこれですね。 ところが、ググって見ると結構いろんなサイトでいろいろな書きぶりをしているんですよね・・・。 「顧客と開発者が業務を戦略的に理解し、共通の言葉を使いながらシステムを発展させる手法」 ドメイン駆動設計のメリットと始め方(Codezine記事) - 「厳しい現実の中
![ドメイン駆動設計の定義についてEric Evansはなんと言っているのか[DDD] - little hands' lab](https://cdn-ak-scissors.b.st-hatena.com/image/square/648c20ca791e41849de204354d88caa5e70fedf3/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F11696248318756265553%2F8599973812301829057%2F1512351177)
API Gateway + AWS Lambda + Spring Boot でCRUD APIを作成してみた | DevelopersIO
はじめに API Gateway + AWS LambdaでデータのCRUDを行うAPIを作成したいという要件は、それなりにあるかと思います。今回はAWS LambdaをJavaで実装したいケースを想定し、Spring Bootを使ってみました。 CRUDを行うデータベースはDynamoDBとし、以下の記事と同じ方法を採っております。 Spring Data DynamoDBでSpringからDynamoDBにアクセスする 実装について では実装についてです。まずはデータを登録するDynamoDBのテーブルを作成し、その後でソースについて見ていきたいと思います。 1.DynamoDBのテーブル AWSコンソール上で以下のようにテーブルを作成しました。これは以前の記事と同じです。 テーブル名 ・・・ SpringUser プライマリキー ・・・ id 2.build.gradle Gradl
flutterとFirebase Cloud Messagingを連携させて通知専用アプリをサクッとつくる - pco2699’s blog
こんにちは、この記事はflutter advent calendar 2018 9日目の記事です。 TL;DR なぜつくることになったか アプリの要件 つくったもの Firebase Cloud Messagingで通知を受け取る際のポイント FirebaseMessagingのライブラリのインポート&アプリでFirebaseの設定 アプリのログイン時、起動時など任意のタイミングで通知許可の設定を行う 通知受信時の挙動を定義する トピックをサブスクライブ さいごに TL;DR 全然ネイティブアプリ作ったこと無いわしが、flutterでサクッと通知を受け取れるアプリを作った クオリティや保守性はさておき通知の実装できたので実装のポイントなど flutter いいよおいいよお なぜつくることになったか 現在、私はcall.jpというサービスの立ち上げ、運営を手伝っています。 call.jpはW
FlutterでFCMを使ったプッシュ通知を実装してみた | DevelopersIO
FCM（Firebase Cloud Messaging)を使ってFlutterで作ったアプリでプッシュ通知を受け取れるように実装してみたのでご紹介します。 大阪オフィスの山田です。新しい冷蔵庫は自動で氷を作ってくれるのですごい。今回はFCMを使ってFlutterで作ったアプリでプッシュ通知を受け取れるように実装してみたのでご紹介します。 今回やること FCM (Firebase Cloud Messaging) でプッシュ通知の環境を作って、Flutterで作ったアプリで通知を受け取ってみます。iOSで必要になるAPNs認証キーの作り方やFirebaseでプロジェクトを作る部分については説明しません。FlutterでFCMを利用するために、ライブラリ、firebase_messagingを使用します。 開発環境 flutter doctor Doctor summary (to see
15分で作る、Logstash＋Elasticsearchによるログ収集・解析環境 | さくらのナレッジ
たとえば、inputに「stdin」、outputに「file」というプラグインを使用すれば、標準入力からイベントを受け取り、それをファイルに出力することが可能となる。そしてLogstashが注目されている理由の1つのが、出力先として「Elasticsearch」が利用できる点だ。 検索機能に優れた分散型データベース「Elasticsearch」 Elasticsearchはオープンソースで開発されている分散型データベースシステムだ（図2）。「Elastic」という名前のため勘違いされやすいが、米Amazonが提供しているクラウドサービス「Amazon Elastic Compute Cloud（EC2）」とは無関係だ。 図2 ElasticsearchのWebサイト ElasticsearchはJavaで実装されており、またデータ検索エンジンとして「Lucene」が組み込まれているのが特
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue.js & Nuxt.js から React & Next.js へ移行した理由 | fwywd（フュード）powered by キカガク
