nkr@エンジニア– Author –
-
React-Redex-Firebase掲示板の作成-6(Firebaseからデータ取得をして表示)
前回までにしたことでFirebaseにデータが登録出来ました。そのデータを表示させていきましょう。 【編集ファイル】 src/store/reducers/rootReducer.js reduxのstateとFirebaseのデータを同期します。 import projectReducer from './projectReducer'; imp... -
React-Redex-Firebase掲示板の作成-5(Firebaseに登録)
前回までの新規作成が無事コンソールに表示されましたら、そちらの情報をFirebaseに登録してみたいと思います。 【編集ファイル名】 src/index.js Firebaseと繋ぐ設定をします。compose を使用してstoreにまとめます。 import React from 'react'; import ... -
【Java】ジャンケンゲーム作成-5。ページ遷移
4回目の続きとなります。まだ読んでいない方は是非どうぞ。 https://kazunaka.com/java-janken-4/ タイトル通り、ページ遷移を行いたいと思います。簡単な流れとして、「最初はグー」のページを作成し、手を選択すると結果ページへ遷移させます。 結果ペー... -
javaバージョン管理-jdk
javaのバージョン管理。jdk。頻繁に行うものでもないので忘れちゃいがちです。備忘録として残しておきます。※環境はmacを使用しています。※既にjavaを一度インストール済み向けの方への記事です。 jdkの取得 jdkは以下のサイトから取得可能です。http://jd... -
React-Redex-Firebase掲示板の作成-4(ローカル新規作成)
前回までのRedex管理まで出来たら、新規作成を作っていきたいと思います。 【編集ファイル名】 src/index.js thunkはstoreのdispatchメソッドを受け取り、Actionオブジェクトの代わりに渡された非同期関数処理が完了した後に、通常の同期処理をディスパッ... -
【Java】ジャンケンゲーム作成-4。勝敗の判定
3回目の続きとなります。まだ読んでいない方は是非どうぞ。 https://kazunaka.com/java-janken-3/ お互い「手」を出し合ったので、勝敗を決したいと思います。ジャンケンにおいての判定は1行のコードでできます。あとはその結果をJSPに渡すだけです。 下記... -
【Java】デバッグのやり方
動作確認レベルの簡単な説明になります。触っていけば慣れますので初学者の方は是非参考にしてみて下さい。 下記記事での番外編となっています。まだ読んでない方は是非読んでみて下さい。 https://kazunaka.com/java-janken-3/ プログラムを書いて実行し... -
【JavaScript】デバッグのやり方
動作確認レベルの簡単な説明になります。触っていけば慣れますので初学者の方は是非参考にしてみて下さい。 下記記事での番外編となっています。まだ読んでない方は是非読んでみて下さい。 https://kazunaka.com/java-janken-3/ プログラムを書いて実行し... -
掲示板アプリの作成-3(Redux・Reducer 一覧表示)
前回で表示まではできたと思いますので、このデータをReduxで管理して、表示させたいと思います。 【編集ファイル名】 src/store/reducers/projectReducer.js まずはアクションに従って、状態を更新するReducerを作成します。今回はデモデータを持たせて、... -
【Java】ジャンケンゲーム作成-3。手を出す。
2回目の続きとなります。まだ読んでいない方は是非どうぞ。 https://kazunaka.com/java-janken-2/ 相手(PC)が出来上がったので、次はこちらからも手を出していきます。「グー」「チョキ」「パー」のリンクを作成し、そのリンクを選ぶことでPCと勝負できる... -
掲示板アプリの作成-２(ローカル 一覧表示)
前回で前準備をしました。 まずはローカルで動くよう作っていきたいと思います。※classNameはMaterializedを使用するための名前です。 【編集ファイル名】 src/components/layout/Navbar.js 共通のレイアウトのナビゲーションバーを作成します。 import Re... -
掲示板アプリの作成-１(下準備)
今回使用する技術・React・Redux・FirebaseFirebaseの設定とReactプロジェクトの作成をしていきます。 Firabaseにてプロジェクトの作成 プロジェクトの作成方法は以下を参考にしてください。https://kazunaka.com/firebase-react-loginapp-1/プロジェクト... -
【Java】ジャンケンゲーム作成-2。ランダムでPCが出す手を生成する
前回の続きとなります。 まだ読んでいない方は是非どうぞ。 https://kazunaka.com/java-janken-1/ 本記事の手順としては、 ①JankenServlet.javaでランダムの手を生成する。②生成した手をJanken.jspへ受け渡し、表示する。 もう少し具体的にいうと、配列に... -
【Java】ジャンケンゲーム作成-1。動的プロジェクトを立ち上げる方法
web上でデータを受け渡し、Javaを活用してジャンケンゲームを作成していきたいと思います。 まずはタイトル通り、プロジェクトから立ち上げていきます。初期ページの表示まで行いたいと思います。 環境はEclipsを使っています。Tomcatのバージョンは8.5で... -
Javaでミリ秒をhh:mm:sss.SSSへフォーマット変換
ミリ秒を一個一個計算して、フォーマット変換していきます。まずは実際のコードとその後に使う機能の紹介をします。 ファイル構成 今回は簡単なファイル構成です。(ファイル名は別名でももちろん大丈夫です。適当につけてあります。)フォーマットさえ作っ... -
reactでチャット風独り言アプリ-2
前回記事の続編ということになります。まだみていないという方はどうぞ。 https://kazunaka.com/react-chat-app 独り言を呟いても更新をかけてしまうと、今までボヤいていたことが消えてしまいます。それでもいいならそのままでもOKですが、せっかくなので... -
reactでチャット風独り言アプリ-1
下記のようなチャット風アプリを作成したいと思います。 プロジェクト名は任せます。本記事では「chat-app」としています。 下記にてHellowWorldまで出力してください。できる人はそのまま進んでください。 https://kazunaka.com/react-helloworld/ Hellow... -
WordPressのサーバーでのフォルダ場所
WordPressにコピペボタンを作成したいために、functions.phpを触っていたらエラーが起きてしまい、WordPressの全てのページにアクセスができなくなってしまう事態が発生。備忘録のため解決した方法を載せておきます。 【サーバへアクセス】 WordPressのフ... -
Firebase + Reactでログイン④認証の実装
①Firebaseの設定②Reactプロジェクト作成③認証のためのユーザ登録の実装④認証(ログイン・ログアウト)＆ユーザ削除 ← 今ここ前回の③認証のためのユーザ登録の実装からの続きをしていきます。ユーザが登録できたと思うので、いよいよログインの実装をし... -
Firebase + Reactでログイン③ユーザの登録
①Firebaseの設定②Reactプロジェクト作成③認証のためのユーザ登録の実装 ← 今ここ④認証(ログイン・ログアウト)＆ユーザ削除前回の②Reactプロジェクト作成からの続きをしていきます。認証に必要なユーザの登録のための実装をしていきます。 ファイルを...
