yos-blogコンテンツへスキップyos-blog日々の活動記録を備忘録として載せていきます。a.yoshinagaInputhttps://arakan-pgm-ai.hatenablog.com/entry/2019/04/18/000000最近の動向をわかりやすくまとめてあって、トレンドをなんとなく理解してる人にオススメ。非エンジニアでも読める。Output仮想DOMとは?実際にブラウザによって解析・レンダリングされるDOMは、HTMLを木構造で表した要素を全て含んでおり重い。JqueryでDOMを操作すると、このDOMが再構築されレンダリング処理の一部が何度も動作する問題があった。そこで操作対象とされていたDOMを構築する前処理として、DOMを構築するのに必要な情報のみを保持する仮想DOMを生成し、実際のDOMへの反映は差分のみを行う。Vueでは採用されており、高速に動作すると評価されている。SSRとは?サーバーサイドレンダリング。サーバー側でレンダリングをすること。HTMLをサーバー側で作成するだけでなく、従来はクライアント側で動作していたレンダリング処理をサーバーサイドで実施して、ただ表示すればいいだけのHTMLをクライアントに渡すこと。今回は、別の形式でWEBアプリを公開しようと思い、ちょっと調べていたところ、、今回のネタは、このサービス(https://www.heroku.com/)見慣れない、単語が。へーろく?)→へロクと読むそう(参考IT英語の正しい発音)本当に調べてみると色々なサービスがあるということを最近痛感します。結局、自分はIT業界にいながらして、ほとんとこの辺りの勉強をサボっていたんだなと、すみません、本当に。etc)し、DBも作れちゃう。対応言語が、Rubyだけだったのをどんどん拡張していっているそう。参考なぜSalesforceはHerokuを買収したのか?今回は使い方説明します今度、ここで作成したサービス公開したいのですが、、今回は使い方説明します。さぁ動かしてみよう参考ここにドキュメントが充実しているのでとりあえず、英語を読めばなんとか先に進めます。今回、実行したのはこれ、もともとwordpressがPHPで動いてたので、なんか使ってみたいなと思ったからです!まず結果はこれ、指定のURL以下に/yos-blogにきたら、こういうページを返してというシンプルな実装をしてます。よすぶろはこちら停止中さぁやってみよう。PHP概要は、必要な各種準備をして、チュートリアルに従って操作です。事前準備アカウントの登録PHPのインストールComposerのインストールをしましょう。サンプルソースでデプロイからWEB公開までをやってみる。A.アカウントの登録これはそんなに難しくないです。B.PHPのインストールこれも難しくないです。打って認識されればおけです。C.Composerのインストール・多分インストーラーから設定(https://getcomposer.org/download/)するのが一番楽です。打って認識されればおけです。・macだったら/usr/local/binにdownloadしてきたcomposer.pharの名前を変えて、composerとおけばいいです。—versionで認識されれば完了です。詳細の動かし方A.サンプルソースを落としてくる。yos-blogとすれば、自分の好きな名前のアプリ名が指定できます。open基本的にはここまでで動きます。あとはちょっとずつ中身をいじるとこんな感じになります。続きは本家を見て下さい。ここからやればいいはず。参考初心者でも15分で公開できるHerokuのはじめかた参考heroku利用サービスまとめ参考Railsもいけると。AdSenseって?もはやこれ自体は説明の必要もあまりないと思いますが、Googleが提供しているアフィリエイトのことで、自分のサイトに広告を表示することで、広告掲載料をもらうという仕組みのことです。これがどういう仕組みなのってことを詳しく知りたかったら、このあたりのサイトが参考になるかと思います。実際にやってみようと思わない限り意外と知られてないんじゃないかなと思うのは、(まぁ僕だけかもですが)「結構、審査が厳しい」ということです。今回、このブログでは、なんか本の紹介とかしたいなーと思ってたので、すごい軽い気持ちで、ロクに準備もせずに、Amazonアソシエイトに登録したんですね。参考情報があるのですが、とりあえずブログだとちゃんとした記事数がないとダメって言われるみたいです。AdSenseに挑戦してみよう!と思ったのが2週間くらい前で、チャレンジしてみました。登録方法これ自体は本当に簡単です。AdSenseとかってGoogleで入力したらゴロゴロ情報出てきます。だいたい表示されている日本語に従って入力していくだけで大丈夫です。1次審査編ただ、冒頭で述べたように結構ちゃんと審査されるんですね。実際にGoogleで働いているわけではないので、どんな審査をしているかわからないのですが。指定のJavascriptのコードをサイトに埋め込んで、「最長3日で審査が完了するから待ってや」と言った説明文がデカデカと出ます。結果、今はブログに広告が表示されていると思うのでわかるとおもうのですが、審査には合格しました。今回はさすがに落ちたらなんかやる気出なくなりそうだったんで、ちゃんと調べて対応したのが良かったかもです。工夫したことおそらく良かったと思われるのは、以下の点たち。自分はアカウントが承認された時点で、記事が10だったので、記事数はあんまり関係ないと考えました。(まぁ推測ですよ、特にこれは重要じゃないかもですし。)ブログのパンくずリストの作成カテゴリーを絞る(ブログのジャンルを明確に)まぁ、この辺りはいろんな他のブログを参考にしてください。ここではあんまり詳しく書きませんが、この記事で書いた対応策が良かった可能性はあります。登録を通じて、興味深かったこと元々のアフィリエイトの印象は正直、自分はあんまりよくなくて、なんかとりあえず広告を掲載しまくって儲ける。いろんな大げさな説明をして購入してもらう。今回、登録してみて、結構、真面目なサービスなんだなってことを感じました。Adcenceのポリシーとかが書いてありますが、一番最初に来るのが、「第一に、ユーザーを考慮する」なんですね。当然っちゃ当然かもしれないですが、広告を目的にするなよ。コンテンツを提供しなさいよ。広告のプレースメントのヒント「知っている」と「やった」は大違いそもそもアフィリエイトに自分が登録するなんて考えたこともありませんでしたが、ブログを始めてみた動機でもある、とりあえず手を動かしていろいろやって見る。いう趣旨でいろいろ実際に行動してみてます。今回も実際に登録してみて、結構面白い発見もあります。他の人のブログもめっちゃ気になりだしました。なんだか、世界が広がった気がします。いろんな視点でサイトを見るようになりました。行動が心を変える!そう、アウトプット意識!心が変われば行動も変わる。よければシェアしてくださいね。a.yoshinagaWordPressを更新(アップデート)しようと思ったら。サーバーにアクセスする必要があります。接続情報を入力してください。接続情報が思い出せない場合は、ホスティング担当者に問い合わせてください。」のメッセージが出る。前は出なかった気がするんだが、、このサイトが詳しいです。参考wordpress更新でftp入力画面が表示される場合の対処法/結局、自分が選んだ選択肢は、これ//wp-config.phpに以下の1行を追加define('FS_METHOD','direct');ちなみに、更新(アップデート)しないとセキュリティリスクがどんどん増すので随時更新(アップデート)するべきであるというのが一般的な見解です。わかってない部分もありますが、やってみるスタンスを大事にしてるので、とりあえずググってみる。その中で、いくつかの検索した言葉でヒットした結果ページが以下だったので。読んでみて、試してみました。やってみたSEO対策SEO対策などをまとめてあって、プラグインの紹介もあるページです。参考WordPressを高速化するキャッシュの仕組みここに書いてあることをベースに以下を実行してみました。SEOツールの導入(要は検索エンジンのクローリングに読みやすいようにチェックしてくれる)キャッシュの導入(Worppressがなぜ遅いかなども含めて、説明があってわかりやすかった)SEO対策の結果は?体感的には、SEO対策をすると検索結果が良くなるかはすぐにはわからない。『yos-blog』でグーグルで検索すると6番目。blog』だと45番目ということで、将来この順位が上がってくることを楽しみにしてみましょう(検索してみてもらえると嬉しいです)ちなみにキャッシュは確かに表示が早くなる。→おすすめそれではまた。前に試してはいたのですが、アウトプットとして発信できていなかったので再度行いました。最終的な成果は、以下で確認して下さい。簡単で、機能不足もありますが、チャットです。ログインボタンを押して初めて下さい。(ブラウザがsafariだとダメでした。yos-chat複数ブラウザか複数タブでアクセスすると、通信が双方向に走るのがわかります。片方でのメッセージを送ると、それが送られるとか、あとは現在チャットに接続している人数も出ます。動作してなかったら、予期せぬエラーなので、コメント欄に書いて下さい・・)今後もどこかで随時機能追加できたらなーと思ってます。今回やったことをまとめると以下になります。Micro)にアクセスできないFileZillaよりWordPressのテーマをUPしようとして、表題のエラー発生しAWSにアクセスできない!という問題に当たりました。publickey)とかをいろいろ調べて試みるも解決せず。落ち・・・っていろいろ悩んだら。似たような名前で不要なKeyを保存してたのと勘違いしてました。ファイル名はわかりやすく、そして不要ファイルはすぐ削除しましょう!とにかく何よりも書いてみる。WEB作成コメントする自分をもっと世界に公開しよう。a.yoshinaga自分でHostするBlog公開!!自分をもっと世界に公開しようと思い、まず一歩目として自分から情報発信することにしました。今回は初めての投稿なので、このページ開設に何が必要だったかをまとめて紹介します。このページは、WordPressとAWSを利用して作成しているので、全体としては以下の手順が必要になります。AWSアカウントの作成WordPressのインストール実は自分独自のブログサイトを公開するのはそんなに手間がかかりません。自分も今回初めて作成してみましたが、細かい修正を除けば4時間程度もあればつまづく点があったとしてもできてしまいます。以下、それぞれ参考にしたサイトを紹介していきます。AWSアカウントの作成方法これもそんなに難しくありません。Google検索で[AWS]と検索すると以下のサイトがTOPに来ます。参考AWSへのリンク上記からサインアップしてアカウントを作成するだけです。アカウントの登録だけではお金はかかりません。一年間の無料お試し期間が付いているので最初はそれで試すのがオススメです!WordPressのインストールこれも結構簡単にできちゃいます。アマゾンがAWSでのWordPress利用を進めているみたいで以下のサイトを参考にして、上から順番に設定するだけです。落とし穴に注意!事前設定としてインスタンスを立ち上げて、セキュリティグループの設定をすませる必要があります。インスタンスの作成方法は以下を参考にしてください。参考インスタンスの作成方法セキュリティグループの設定は以下を参考にしてください。参考セキュリティグループの設定方法どうでしょうか。意外に簡単だと思いませんか?これができるだけであとはWordpressの本を一冊買ってきて自分の作りたいページを作れば、今日からあなたもWEBサービスの管理者です。手を動かしてやってみたらどうでしょうか。つまずきポイントコマンドプロンプトからのファイル操作に慣れていないと、AWSで紹介されている操作について行きにくいです。そんな人は下記のサイトを参考にしてみて下さい。参考Vimを使おうVimとかNanoとか分かりにくいテキストEditorが出てきます。以下のサイトを参考についでに使い方を覚えてみてはいかがでしょうか。参考Nanoを使おうちなみにアイキャッチ画像は以下のサイトから利用しています。WEB作成コメントするProfile30代前半。経由して、現在、外資系コンサルタント(3社目)。趣味でハンズオンしたプログラミングやニュースへの意見や感想などを書いていきます。WordPressの使い方をコーチングしたり、HP作成などを副業でやってます。(8)Recent30代は専門性すぐやる脳。48時間以内を目処に行動せよ。勇敢である必要はない覚悟がいるんだ。GeneratePressページ上部へ戻る。