Beerneko現在までのSNS?アメリカと日本の両方をご紹介します。２

前回に引き続き、SNS関係の進展をメモしてきます。

本日、「仕事ないよーっ！仕事くださぁーいっ！」ってNext Doorに投稿しました。

NextDoorとは、ご近所さん限定にチャットできるアプリです。

相談、売り買い、地域緊急関係、犯罪関係の情報シェアなど。

5月から働く予定だったのが、このコロナのせいで始まってもないのにレイオフされちゃってから、フリーランスのお客様も減ってきてます。

なんとか食いつないでいくためにもここは、Appsheetのお仕事で毎月の収入があればと願うばかりです。。。

今投稿を再度確認してみたら、私のだけ全くフィードがありまちぇーんっ。しくしく。。。

ご近所さん、冷たいのね。。。

どんなのが寄せられるのか、他のも載せときます。

ほぼほぼ中級の住宅地にはHOAという地区内の管理組合があります。

お金を払って共同エリアにお花を植えたり、敷地内の湖にアヒルを放ったりと地区ごとの美化清掃、そして住宅地の価値を管理します。

そしてここで質問者がコメントしてるのはフェンスに使われる素材に約束事があるかどうかということです。

皆さん、親切にコメントしてますねぇ～。

ねこでした。とほほ。仕事くださぁーいっ！

Beerneko現在までのSNS?アメリカと日本の両方をご紹介します。１

アメリカサイド

LinckedIn

就職活動や個人企業向けにつかわれている。ここからヘッドハンティングや、つてなどもありうる。主に、働いたことのある企業とつながったり、過去の上司や友人から紹介状をもらえたりする。エンジニアなら能力テストがうけられる。

お仕事くださぁーいっ！

Fivrr

フリーランスサイト

Ko-fi.com

ドネイションサイト（寄付）

Next Door

ご近所さん限定にチャットできる。相談、売り買い、地域緊急関係、犯罪など。

 

日本サイド

Qiita

エンジニア専門のテックシェアサイト

gooblog

こちら、昔からあるNTTさんのブログサイト、このサイトです。

クラウドワークス

フリーランスサイト

お仕事くださぁーいっ！あげぇーんっ！

ココナラ

フリーランスサイト、やり方が悪かったと思いますが、少しでもIT初心者の方のお手伝いしたいと思って、どんなコンピュータの質問でも500円でうけてたら、質問の意味をくみ取ってもらえなかったと、超初心者の方に怒られて、すっごい悪いスターを付けられてしまって以来、やめまちゃいました。とほほ。その人のために、できるだけわかりやすいように4時間ほど説明文にかけたんですがね。教えるの向いてないんでしょうかね。。。

ニコニコ

動画サイト

 

共通SNS 

Youtube

GitHub

エンジニア専門

Stack Overflow

エンジニアの質問専用サイト

facebook

Pintarest

Instagram

 

ざっと思い出してもこのくらいある。もっとあるかもです。

Instagramとfacebook、そしてNext Doorはプライバシー設定してます。

さぁて、皆さんはいくつありますか？

ねこでした。

初心者おばちゃんの簡単ASP.NET Razor Pages / ReCAPTCHAセッティング

reCAPTCHAとは

ウェブサイトの制限エリアへのアクセスを試みるボットからサイトを防御するためCAPTCHAを利用するのと同時に、そのCAPTCHAに対する返答を紙の本のデジタル化に活かすシステムである。（ウィキペディア参照）

とあります。
意外と情報が少なく、初心者にはハードルが高かったので、この度わかる範囲でシェアさせていただきました。つたない説明やコーディングで申し訳ございませんが、お付き合いください。

１．使用言語と準備

• ASP.NET Core
• Razor Pages
• Google reCAPTCHA

２．Google reCAPTCHAの設定

こちらからadmin console(設定)へ
https://www.google.com/recaptcha/intro/v3.html

• Label ターゲットサイトの名前をReCAPCTA用につけてやります。

• reCAPTCHA type　シークレット・キーが生成されています。

  • SiteKey : "xxxxxxxxxxxxxxxxxxxxxxVG999999999999999999"
  • SecretKey : "9LQQQQQQQQQQQQQQQQQQzzzzzzzzzzzzzzzzzzzz"

• Domains

  • 本番用 - yourdomain.com
  • ローカル用 - localhost

• Owners　ご自身のメールアドレス

• Security Preference　必要に合わせて

• Verify the origin of reCAPTHA solutions　reCAPTCHA
  ソリューションの起源を確認する
  無効にした場合、ソリューションを検証するときにサーバーのホスト名を確認する必要があります。

• Send alerts to owners　Send alerts to owners
  Receive alerts if Google detects problems with your site, such as a misconfiguration or an increase in suspicious traffic.
  所有者にアラートを送信所有者にアラートを送信
  Googleが設定の誤りや疑わしいトラフィックの増加など、サイトの問題を検出した場合にアラートを受信します。

では、実際のコードはこちらからご覧ください。

Qiita

やっぱりOboeroで使ってます。初めてだったから難しかったぁー。

Oboero

https://oboero3.azurewebsites.net/

ねこでした。

 

初心者おばちゃんの簡単ASP.NET Razor PagesでRESTFul／Ajax使ってみよう (テックビデオあり。)

RESTFul／Ajaxってなんでしょう。

Ajax -「非同期JavascriptとXML」。 Ajaxは、Webアプリケーションのユーザーエクスペリエンスをより豊かにするための一連のテクノロジーを大まかに定義しています。画面のデータの更新は、javascriptとxml（またはjsonまたは通常のhttp投稿）を使用して非同期的に行われます。おばちゃんはjsonをつかってます。

RESTFul -「代表的な状態転送」。 RESTFulを使用するアプリケーションには、リソースの使用を中心にしたUrl構造と要求/応答パターンがあります。純粋なモデルでは、HTTP動詞Get、Post、Put、Deleteを使用して取得しますリソースを作成、更新、削除します。PutとDeleteは多くの場合使用されません。GetとPostをマップに残して選択（GET）および作成、更新、削除（POST）します。おばちゃんはGETをつかってます。

Razor Pagesとはなんでしょう。

ViewModelクラスを定義しなくていいといのは、とっても始めやすかったです。その代わりにフロントエンド部分につき、バックエンド部分がClassとなっていて、スカッフホールドした場合にコードを共有しにくい場合があります。
一番良かったことは、『＠｛｝』でクラスをHTML内で呼び出させたりができて、フロントエンド部分からの応用がとても効くところでした。
なのでこの度はClassで生成したリストをHTMLとRazorで読み込み表示し、それぞれにViewDataをつかって名前を付けることで、クリック・イベントを通してのJavascriptファンクションにそれぞれの名前のパラメータを送ってやることを可能にしました。
そしてそこからRESTFulで個別にサーバーと対話させる仕組みになっています。
例題では「1」「2」「3」としてますが、やっていることは同じです。

ソースコードはこちらから。コピペでうごきます。

https://qiita.com/beerneko/items/54d5bc640d39e64b0db1

ビデオはこちら

https://www.youtube.com/watch?v=dfJb2Wb6h3E

やっぱりOboeroで使ってます。Index.cshstmlのリスト内に自動的にボタンを作成し、それぞれのボタンでAjax／Rest使ってます。

Oboero

https://oboero3.azurewebsites.net/

初心者おばちゃんの簡単jQueryスクロールボタン

いろいろと探してみて、一番スムーズにスクロールしてくれるスクロール・トゥ・トップ、そしてダウンのやり方をご紹介します。そのままコピペして使ってもしっかり動きます。

こちらからどうぞ。

https://qiita.com/beerneko/items/c0fcf0a8c9b74d9b7db6

 

こちらのOboeroで使ったテクです。

ユーザ名：test, ぱす：（サイトにかいてます。）ID番号：13

でログインして左右に出てくる飛行機がそうです。

Oboero

https://oboero3.azurewebsites.net/