ざっくり React チュートリアル - Qiita
!!!Caution!!! (2019/8/15追加） ここに書いてあるやり方には、今は推奨されていない古い書き方があります（Class Component、propTypesなど）。 近年、推奨されているやり方でまとめたものが見たい場合はこちらを御覧ください。 https://qiita.com/pullphone/items/fdb0f36d8b4e5c0ae893 とりあえず ReactDOM.render() 基本的にルートポイントとなるスクリプト（例：app.js）を用意して、そこからまたルートとなる Component（Container とも呼ばれる）を呼んだり、Redux の Store を作って Provider と合体させたり（というのは次回書く予定）というのがセオリーらしい。 で、ReactDOM.render() を呼ぶことで、呼び出した HTML の決められた箇所
reduxとreact-routerの間でURLとstateの同期を行う - まさたか日記
reactのルーティング機能？というかテンプレートシステムというか？にreact-routerがあります。リクエストパスに応じて画面構成要素を組み立てるのでreact-routerを使ってアプリケーションを作ると当然URLと画面は同期することができます。URLを直打ちしてもコードでURL遷移させても、適切な画面に切り替わるように作れるのです。 reduxはその際にどうかというと、URLや画面構成といったものについて素で働きかけるものではないので、URLが変化してもreduxのステートマシンにはその情報は反映されません。そこにはもう一つ上乗せするものが必要です。いくつか同じ守備領域のライブラリがあるようですが、わたしはここのところしばらく、中でも主流感のあるreact-router-reduxを用いています。 GitHub - reactjs/react-router-redux: Ruth
redux-promiseの使い方 - Qiita
この記事は古くなりました。redux-promiseは不要です。 redux で非同期アクションを使う (https://qiita.com/takaki@github/items/737630f112208832a1fd) を読んで下さい。 前提 React react-redux react-actions Promise Redux で Action を処理に非同期処理，ajax を使おうとすると書き方が少しめんどくさい。 redux-promise というミドルウェアを使うときれいに書けるのだが README にまともに使い方の説明が書いてない。 少し解説をする。 サンプル import React from 'react'; import ReactDOM from 'react-dom'; import { createStore, combineReducers, apply
CakePHP3 のメールの使い方 - s4_ba’s diary
ババっと調べても痒いところに手が届かない記事ばかりヒットするので自分用にまとめます。 この記事もきっと痒いところに手が届かない記事です。長いです。 2018/7/14 変更 Email の非推奨メソッドを修正 s/from/setFrom/ s/to/setTo/ s/subject/setSubject/ 基本的な使い方 これは CookBook の通り <?php $email = new Email('default'); $email->setFrom(['me@example.com' => 'My Site']) ->setTo('you@example.com') ->setSubject('About') ->send('My message'); ここでつまづくのが new Email('default') の default ってなんなのかってことです。 app.php
cakephp3のDebugkitが使えないと思ったら、たいしたことない理由だった - もがき系プログラマの日常
DebugKitが中々出ないという事象に悩まされていました。 config/bootstrapには <?php ... if (Configure::read('debug')) { Plugin::load('DebugKit', ['bootstrap' => true, 'routes' => true]); } って書いてるし、もちろんdebugはtrue。 それでも出ない。 sqlliteがないだとか、なんだかんだと探していても、結局わからずじまいだったので、コアを漁って調べたところ、しょうもない理由でした。 結果としては、debug_kit/config/bootstrap.phpの以下の行で引っかかって出てませんでした。 <?php /** * Copyright (c) Cake Software Foundation, Inc. (http://cakefoundatio
CakePHP3ログファイルへの出力・$this->log()、独自ログへの出力方法の解説
$this->log()を使ってログファイルを出力する コントロールやモデル内の変数はログファイルに出力しよう CakePHP3で開発を行う際、変数の中身を確認したい、と思う場面は多々あるでしょう。 ビューのテンプレート上で扱っている変数であれば、そのまま「echo()」関数や「print_r()」関数を使うことで簡単に確認することができます。 ですが、コントローラーや、モデルの中にある変数などは「echo()」関数などで気軽に確認することができません。 そんなときに活用するのがログファイルへの出力です。 $this->log()を使ってログ出力する方法 エラーログとして出力する CakePHP3では、ログファイルへの出力は、下記の様に記述をします。 記述するファイルはコントロールファイルや、モデルの Entityや Tableのファイルに記述をします。 下記の様に記述すると、エラーログに
ロギング - 3.10
ロギング¶ CakePHP コアクラスの Configure 設定は、内部で何が起きているかを知るための有益な手段です。 そこで、何が起きているかをディスクにログデータとして保存する必要が出てくるでしょう。 SOAP や AJAX、REST API のような技術を一緒に使うとデバッグはむしろ難しくなるでしょう。 ロギングは、時系列でアプリケーションで何が起きているかを知るための手段です。 何の検索ワードが使われましたか？何のエラーがユーザーに表示されましたか？ どのくらいの頻度で特定のクエリーが実行されましたか？ CakePHP でデータのロギングは簡単です。 log() 関数は、多くの CakePHP クラスの共通の祖先である LogTrait により提供されています。もし、環境が CakePHP のクラス (Controller や Component, View 等) であれば、あな
CakePHP3でメール送信用のクラスを作る方法 | クロジカ
ホーム / ハック / CakePHP3でメール送信用のクラスを作る方法
JSON と XML ビュー - 3.10
JSON と XML ビュー¶ JsonView と XmlView を使用することで JSON と XML レスポンスを作成できるようになり、 それらは Cake\Controller\Component\RequestHandlerComponent と統合されます。 あなたのアプリケーションで RequestHandlerComponent を有効にして、 json と xml またはいずれかの拡張子のサポートを有効にすることで、 自動的に新しいビュークラスを使用することが出来るようになります。 以降、このページでは JsonView と XmlView をデータビューと呼びます。 データビューを生成する方法は2つあります。 一つ目は _serialize キーを使用する方法、二つ目は通常のテンプレートファイルを使用する方法です。 あなたのアプリケーションでデータビューを有効化する¶
CakePHP3のメール送信はMailerクラスにすっきりまとめよう - Qiita
CakePHP3.1からMailerクラスが導入されており、メール送信機能をまとめることが出来るようになっています。 使い方 Mailerクラスの作成 src/Mailer/UserMailer.php を作成します。 <?php namespace App\Mailer; use Cake\Mailer\Mailer; class UserMailer extends Mailer { public function welcome($user) { // $thisからEmailクラスにアクセス可能 $this ->profile('default') ->to($user->mail) ->subject('タイトル') ->template('welcome_mail') ->layout('default'); } public function resetPassword($u
docker-compose upするとコンテナが一瞬でexited with code 1する話 - Qiita
WindowsにVagrant(VirtualBox) + Dockerで開発環境を構築していた際に上記の現象に遭遇した。VMのOSはCoreOS。 具体的には、docker-compose run {コンテナ名} bashは通るのに、docker-compose upすると コンテナが一瞬でexited with code 1するという状態。 その時に出ていたログはこちら。 standard_init_linux.go:178: exec user process caused "no such file or directory" 色々と調べまくっていたのですが、こちらで原因を発見。 原因は改行コードで、コンテナの起動時に実行しているstart.shを秀丸でいじっていたことが原因。 いつの間にか改行コードがCRLF(Windowsの標準)になっていた模様。LF(Linux/UNIXの標
Dockerでコンテナの停止・削除ができなくなった時の対処法 - Qiita
発生した現象 docker-compose up -dで起動したコンテナ群を停止しようとしたとき、docker-compose stopとし、docker-compose psで停止を確認したところ、 Name Command State Ports -------------------------------------------------------------------------------- test_apache-php_1 apache2-foreground Up 0.0.0.0:80->80/tcp test_mysql_1 docker-entrypoint.sh mysqld Up 3306/tcp test_phpmyadmin_1 /run.sh Up 0.0.0.0:8080->8080/tcp
docker で使ってないイメージを全部消す時の Tips - Qiita
> docker images -a REPOSITORY TAG IMAGE ID CREATED VIRTUAL SIZE <none> <none> c395172a74e5 8 hours ago 1.151 GB <none> <none> 05a17381460b 8 hours ago 1.151 GB <none> <none> eb3ce0796961 8 hours ago 1.141 GB ... こんな感じのなんのこっちゃわからない出力になります。イメージが削除されない場合でも Untagged だけはされてしまうので、本当に無名のイメージがぞろぞろ並ぶ不気味な光景です。 なので、イメージの一括削除時には
Postfix の Docker を作成する - Qiita
前置き Postfix の SMTPS 環境が必要になった際に Docker を作成したので、メモ程度でそれを書いておきます。 （詳しく言うと、近々 TLS 1.2 のみとなる予定らしい Office 365 絡みの確認作業のため、TLS 1.2 のみ受け付ける Postfix が必要でした） ベースイメージとして CentOS 6.9 の ssh を root/password で接続できるようにしたものを使います。 タイムゾーンに関する脱線 本記事とは関係ないですが、SQL Server on Linux 2017 の Docker を作成していた際に、以下のタイムゾーンの設定で RUN ln -sf /usr/share/zoneinfo/Asia/Tokyo /etc/localtime の部分を、 RUN ln -sf /usr/share/zoneinfo/Japan /etc
削除したファイルをlsofで復元する
ファイルを間違って削除してしまったときのショックはよく分かる。誰にでもあり得る失敗だ。だが、失われたファイルを取り戻す簡単な方法はある。しかも、それはどの標準Linuxシステムでも使える方法だから、覚えておいて絶対に損はない。 例えば、あなたが午後いっぱいを費やして製作したオーディオファイルの再生を楽しみながら、「やあ、こいつはすごい音だ！ こっちに移動しておくとしよう」と思ったとする。そのとき、潜在意識が違和感を唱えるのだ。「ええと、mvだっけ、rmじゃないのか？」……やっちまった。そのショックはよく分かる。誰にでもあり得る失敗だ。だが、失われたファイルを取り戻す簡単な方法はある。しかも、それはどの標準Linuxシステムでも使える方法だから、覚えておいて絶対に損はない。 簡単に説明すると、Linuxファイルシステム上にあるように見えるファイルは、実際はinodeへのリンクにすぎない。in
Dockerの不要なボリュームを削除する - 座敷牢日誌
Dockerを, Docker自体の勉強や検証用途で使っているため, 使わなくなったコンテナやイメージをどんどん削除しているが, ときどきDocker関連ファイルの容量を調べると増える一方だったりする. Docker関連ファイルの置き場が /var/lib/docker なら, # du -hs /var/lib/dockeer を実行するとフォルダ配下の容量の合計を調べられる. コンテナを削除するために, # docker rm CONTAINER-ID を実行しても, ボリュームは削除されないのだ. コンテナと一緒にボリュームを削除するためには, # docker rm -v CONTAINER-ID とオプション -v を付与して実行する必要がある. どのコンテナでも使われていないボリュームをまとめて削除したい場合は, 次のコマンドを実行する. # docker volume ls
docker の古い image を削除 - Qiita
Step 11 : ADD . ./ Untar re-exec error: exit status 1: output: write /app/assets/images/hoge.gif: no space left on device みたいなことになるので、 docker build, push したあとに古い image を削除するコマンドを実行しておくとよい。 shell-session:直近 100 images より古い myimage と tag なしの image を削除 docker rmi -f $(docker images -q myimage | sed -n '100,$p') $(docker images -q --filter "dangling=true")
DockerでSMTPサーバを30秒で構築する - Qiita
はじめに ローカルでメール通知のテスト等を確認したい際に、自前でSMTPサーバを構築するのは面倒だったりするが catatnight/postfix を利用すれば、docker起動時の環境変数に値を設定するだけでpostfixの設定をよしなにしてくれ、dockerコンテナとしてSMTPサーバを関単に立ち上げることができる。 コンテナの起動 dockerインストール済み環境で以下コマンドを実行するのみ！ $ docker run -d -p 25:25 \ --name mailserver \ -e maildomain=example.com \ -e smtp_user=username:password \ catatnight/postfix dockerイメージがない場合はpullされる（場合は30秒で終わらないやん）。 最低限、二つの環境変数 maildomain smtp_u
残業しないし成果も出さない社員が急増中 勘違いワークライフバランスの悲劇(横山信弘) - 個人 - Yahoo!ニュース
勘違いワークライフバランス「働き方改革」や「ワークライフバランス」「時短」「生産性」……という言葉を、正しく理解せずに口にしている人がとても多くなっており、企業の現場では混乱が起きています。こういった時代のキーワードが流行することで、いつの時代も犠牲になるのは成果にコミットしている現場の責任者です。 なぜ混乱が起きているのか。いろいろな理由がありますが、まず、これらのキーワードを正しく理解せず、単に働く時間を短くできる権利がもらえたと勘違いしている社員が急増していることも事実。何事も順序が大事です。権利を得るにはまず、責任を果たすことが重要だと知りましょう。 「時間単位」ではなく「成果単位」の意味「時間単位」ではなく「成果単位」で労働を考えていこうという考えが政府の後押しもあって広まりつつあります。この「時間」と「成果」とは、労働を考えるうえで非常に重要な切り口となります。このケースでも重
DEBIAN_FRONTEND=noninteractive ってなんだ - Qiita
と書いてある。この環境変数 DEBIAN_FRONTEND って何だろう？ これは、インストーラで使うユーザインタフェースを制御するものらしい。 DEBIAN_FRONTEND=noninteractive のときは、インタラクティブな設定をしなくなる（＝入力待ちでブロックしなくなる）ので、自動インストールの際には便利だとか。 http://www.debian.org/releases/sarge/s390/ch05s02.html.ja この辺とかに載っていた。他にも、textとかgtkとかncursesがある。よく見かけるいきなりババッとターミナルでncursesが立ち上がるやつの設定は DEBIAN_FRONTEND=ncurses なんだろう（その辺の詳しいところを説明しているページを見つけられなかった...）。 Register as a new user and use Qi
ローディング用の React コンポーネントを作った - Qiita
React Circular Loading ローディングを示すコンポーネントが欲しかったので react-circular-loading を作りました。 コンポーネントのサンプルは https://yami-beta.github.io/react-circular-loading/ で見ることが出来ます。 react-circular-loading は コンポーネント自体を提供せず、コンポーネントを生成する関数を提供します。 ローディングを表示する場合、大きさや色、アニメーションの速度等を変えたいといったユースケースに対応するため、与えられたオプションからコンポーネントを生成する関数を提供する形を取りました。 オプション オプション名 設定項目 備考
ReactJS入門@ES6:Redux編 - Qiita
対象者：Reactの基本を理解している人 / Reduxについて勉強している人 前：ReactJS入門@ES6:ReactRouter編 次：未定 まえがき Reduxの目的はStateを一元管理することです。 素のReactでは、Stateはコンポーネントが管理します。 コンポーネントの数が多くなり、親から子、子から子へとStateを継承したり、 コンポーネント間の連携などを考えだすと、Stateをどこかで一元管理し、 コンポーネントはイベントを受け、Stateを変更する命令を出すことに専念したくなります。 その仕組と制約を実現するのがReduxの役目だと、私は考えています。 まずはReduxを使わないカウンターをつくってみる カウンターをつくりましょう、カウンター。 画面にカウント回数と、プラスボタンとマイナスボタンが表示されているだけのやつです。 class Counter exte
.htaccessを使ったよく使うリダイレクトまとめ
Webサイト公開後、.htaccessを使って旧ページから新ページにリダイレクトをかけます。何度も同じようなことをしているのですが、やはり忘れっぽいので、よく使うリダイレクトの書き方をまとめておきます。 私と同じような誰かのお役に立てれば幸いです。 私がよく使うリダイレクトは301リダイレクトのため、この記事のコードは全て301リダイレクトとなっています。302リダイレクトを用いる場合は、適宜変更してください。 0. .htaccessとは？1.あるURLから別のURLへのリダイレクト2.ディレクトリまるごとリダイレクト3.類似したファイル名のURLをまとめてリダイレクト4.特定のディレクトリをリダイレクトから除外する5.特定のファイルをリダイレクトから除外する6.wwwなし / ありを統一する7.https(SSL)のURLへリダイレクトまた、上手く動作しない場合のパターンも挙げてみまし
React Routerのハマリどころと解決策 - Qiita
React Routerの概要 React Routerはページ遷移などを制御するためのもので、SPAを作る際には必須となる機能です。 vte.cxのblankプロジェクトでも使用していますが、いくつかハマリどころがあったので、ここにまとめておきます。また、初心者歓迎！React初心者勉強会とLT大会でも紹介します。 なお、バージョンはv4を使っています。 書き方は概ね以下のように、<Link to="iteminput">で遷移先リンクを指定し、<Switch>の<Route>で実際に表示するコンポーネントを指定するといった感じになります。 demo.js render() { return ( <Router> <div id="wrapper" className={this.state.condition ? 'toggled' :''}> <div id="sidebar-wra
【CakePHP入門】メールを送信する方法 | 侍エンジニアブログ
こんにちは！フリーエンジニアのせきです。 CakePHPには、メールを送信する機能が用意されています。 この記事では、 ・CakePHPでメールを送信する方法を知りたい という基本的な内容から、 ・CakePHPでメール送信できない原因を知りたい といった応用的な内容に関しても解説していきます。 今回はCakePHPでメールを送信する方法について、わかりやすく解説します！ トランスポートの設定 トランスポートはメール送信に必要な様々な情報を持ちます。 トランスポートの設定は、「[プロジェクトのパス]/config/app.php」の’EmailTransport’で行います。 －省略－ 'EmailTransport' => [ 'default' => [ 'className' => 'Smtp', 'host' => 'localhost', 'port' => 25, 'timeo
「イーブイの悲劇」を繰り返さない！ すべてのトレーナーに知ってほしいこと
スマートフォンゲーム「Pokemon GO」（ポケモンGO）で絶賛牛歩戦術中のスペシャルリサーチ（特別なクエスト機能）「時を越えるポケモンを追え！」。初日にクリアするつもりだったのに、なぜか3回目のリポートです。 振り返れば、「ポケモンを3日間連続で捕まえる」で出ばなをくじかれ、「タマゴを9個かえす」で体力と課金アイテムの「スーパーふかそうち」を奪われ、スピードクリアは諦めざるを得ませんでした。そして今進めている4ページ目にも難題「イーブイを相棒にして10キロ歩く」があります。 イーブイは5種類（第3世代まで）に分岐進化するポケモンです。普通に進化させるとシャワーズ、サンダース、ブースターのいずれか。相棒に設定して10キロ歩き、夜に進化させるとブラッキー、昼ならエーフィという具合です。また最初の1回だけは特定の名前に変えることで進化先を指定できます。 今回のタスク1と2は、要するにイーブイ
「ガチャは悪い文明」だとやっとわかった - シロクマの屑籠
界隈では「ソーシャルゲームはガチャで派手に儲けている」と耳にするし、それは事実らしい。しかし、私はお金のあまりかからない部類のソーシャルゲームを、あまりお金のかからない遊び方で遊んでいたので、「射幸性」だの「依存性」だのと言われてもイマイチ実感が乏しかった。 『FGO』にしてもそうで、ガチャは初期投資の金額だけで十分と感じていた。メインストーリーを進めるにつれてサーヴァント*1がどんどん強くなり、★１～★４のサーヴァントもちゃんと活躍してくれるおかげで詰まる気配が無かった。そのうえ、ストーリーが進むと聖晶石*2がどんどん手に入り、戦力が増強できる。 「メインストーリーで得られる聖晶石と、ごく稀に出てくる★５サーヴァントがいれば、とりあえずゲームストーリーを進めるには問題ない。だから『FGO』は無課金～微課金で完結できるゲームだ。めちゃくちゃ課金してガチャを回している人達は、どこかおかしな遊
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【React-Redux】react-routerでルーティングを実装編 [初心者入門6日目] | Hirooooo’s Labo![【React-Redux】react-routerでルーティングを実装編 [初心者入門6日目] | Hirooooo’s Labo](https://cdn-ak-scissors.b.st-hatena.com/image/square/c57dff39658cb4855952227bd4128f1aecfeabbb/height=288;version=1;width=512/https%3A%2F%2Fhirooooo-lab.com%2Fwp-content%2Fuploads%2F2020%2F03%2Freact-redux-routing-by-react-router.jpg)
Redux 基礎：Reducer 編 - Qiita
ReactとPHPで簡単なメールフォームを自作する | tataneのうたたね
PHP ヒアドキュメントの使いかた - Qiita
CakePHP3で現在ページのURL・パスを取得する
CakePHP3でのDebugKitのON/OFF切替
CakePHP 3.x：レイアウトを使わない設定を方法 | 「負けるが勝ち」でもいつかは六本木ヒルズ
【CakePHP3】Tableクラスの中でデバッグログを出す方法！ - やったこと
CakePHP 3で、テンプレートを利用したメール送信
docker rmiコマンドの使い方（実例で解説）
Email - 3.10
CakePHP3のControllerでDateTimeクラスを利用したら「Class ‘App\Controller\DateTime’ not found」となる原因と解決方法 – StupidDog's blog
dockerコンテナからメール送信 - Qiita
reduxでURLのqueryパラメータを取得する - Qiita