OmniAICreator/Qiita-1.07M huggingface dataset:
プログラミング初学者のAtCoder成長日記

＃初めに
-
- この記事は技術的な記事ではなくただの成長日記です
- この記事は1ヶ月に一回更新を目標に書いていこうと思いやーす
- Qiitaの使い方もよくわかってないんで記事の内容は読みにくいかもしれません



#現時点でのレベル
-
- コンテスト経験ゼロ
- 下の画像は現時点でAtCoderProblemsで解いた問題の比率です。
- 目標としてEasyを全クリしてからMediumとHard解いてこうと思ってます。



![Screen Shot 2022-05-05 at 14.53.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2641126/ac4465d4-8e69-3e75-cc42-1aab9d353a54.png)


![Screen Shot 2022-05-05 at 15.05.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2641126/7bb00830-2a3d-c2eb-87b5-a223319d63cd.png)

![Screen Shot 2022-05-05 at 15.06.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2641126/50b014b7-5f1b-ec5c-382a-d45860effed5.png)

#今後の見通し
-
- とりあえずコンテストに出場してどのくらいできるか試してみる。
- AB問題を解きまくって５０題回答終えたらC問題を解き初めてアルゴリズムの学習も始める。
- 次の投稿は1ヶ月後、もしくは茶色コーダーになったら投稿する。
- AtCoderはゲームと思って続ける。ゲームは1日1時間！
golangでパッケージを作成してmain.goから読み込んだらエラー


go言語を勉強中。
環境Windows１０
VSCODE
go 1.17.7

プロジェクト名のディレクトリの下にmain.goを作成して
その下にmylibというディレクトリを作りました。
その中にgoファイルを作成して関数を作り。
main.goでその関数を呼び出そうとしたら以下のエラーなりました。
````
main.go:4:2: package projectname/mylib is not in GOROOT (C:\Program Files\Go\src\projectname\mylib)
````

この問題について以下の記事がありました。
[[GO言語]GOPATH以外の場所でのimportの挙動について整理](https://qiita.com/fetaro/items/31b02b940ce9ec579baf)

しかし、Go 1.16からGo-Moduleによるプロジェクト構成が推奨されたらしいという記事を発見しました。
```
cd projectname
go mod init projectname
````

でモジュールを認識して実行するとこができました。

````
package main

import (
	"PROJECTNAME/mylib"
	"fmt"
)
````
と記述すれば、mylibの中のモジュールを読み込んでくれました。

参考：[Go 1.16環境構築（Windows）](https://zenn.dev/yotto428/scraps/21ea1324ce4d5c)
2022/5/6主にITとかセキュリティの記事

2021年のWebサイトの脅威の特徴とは？Sucuriが調査レポート公開(5/4)
https://news.mynavi.jp/techplus/article/20220504-2336249/

“サイバー攻撃のリスク ウクライナ侵攻などで高まる” 政府(5/4)
https://www3.nhk.or.jp/news/html/20220504/k10013610801000.html

【主要企業アンケート】サイバー攻撃「侵攻後に増加」３３社(5/4)
https://www.sankeibiz.jp/article/20220504-LI7B2NH5SFNWTIOYBFB4ITZA4M/

インドIT省、仮想通貨取引所にユーザーデータを5年間保存するよう指示(5/3)
https://jp.cointelegraph.com/news/indian-it-ministry-directs-crypto-exchanges-to-store-user-data-for-5-years

［社説］スマホOS寡占に対処を(5/4)
https://www.nikkei.com/article/DGXZQODK0294V0S2A500C2000000/

Edgeのショッピング機能を無効にする(5/4)
https://news.mynavi.jp/article/win11tips-71/

東芝、中国でデータセンター向けHDD生産　能力2倍に(5/4)
https://www.nikkei.com/article/DGXZQOUC117UA0R10C22A4000000/

【従業員のためのIPO研修⑪】監査法人と証券会社の役割(5/4)
https://kaikeizine.jp/article/29812/

フォンデアライエンＥＵ委員長 ロシアのスベルバンクを国際決済システムのスウィフトから締め出すこと計画(5/4)
https://finance.yahoo.co.jp/news/detail/20220504-06072545-klugfx-fx

AirTagのアップデート内容が判明。ストーカー対策の音量調整でした(5/4)
https://www.gizmodo.jp/2022/05/airtag-update-stalker.html

分散型金融、2022年だけでこれまで16億ドル以上が不正流出(5/4)
https://jp.cointelegraph.com/news/more-than-1-6-billion-exploited-from-defi-so-far-in-2022

削除コマンドの危険性(5/3)
https://www.orangeitems.com/entry/2022/05/03/175654

量子技術促進へ大統領令　中国に対抗―米(5/4)
https://www.jiji.com/sp/article?k=2022050400628&g=int

ヒュンダイは1個417ドルで9,500NFTを販売する予定(5/4)
https://nextmoney.jp/?p=50125

【ベトナム】国民ＩＤにＮＥＣの生体認証技術、公安省［ＩＴ］(5/4)
https://nordot.app/894267970003337216?c=113147194022725109

音声NFTを専門に売買するオークションサイト「Echo NFT」β版を6月リリース 出品者の事前登録受付を開始(5/4)
https://news.mynavi.jp/techplus/article/20220504-2337474/

ガバナンストークンとは【GWに考える暗号資産の基本】(5/4)
https://finance.yahoo.co.jp/news/detail/20220504-00167988-coindesk-bus_all

CIA、米情報機関へデータを送信するためのロシア語で書かれた指示書を拡散(5/4)
https://jp.sputniknews.com/20220504/cia-11016559.html

集団思考の落とし穴を回避する3つのステップ十分に議論せず、安易な合意を形成していないか(5/4)
https://www.dhbr.net/articles/-/8576

【伊藤が解説します】Bankless、イーサリアムの22年1Qレポート公開(5/4)
https://coin-otaku.com/topic/67955?utm_source=rss&utm_medium=rss&utm_campaign=post-67620-3-3-8-3
VercelとGithub連携

# 概要
最初の連携の際にAll repositroriesを選択しなかった。
![スクリーンショット 2022-05-06 3.59.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2586109/dfe706a8-8fee-f8e2-b010-e5f6bd71a69d.png)

久々に新しくリポジトリを作成しVercelにデプロイしようとしたらリポジトリが出てこない状況に、、![スクリーンショット 2022-05-06 4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2586109/97741981-46c9-111b-934f-924bee2592bf.png)

単純にAdjust GitHub App Permissionsをクリックすると再設定出来ました。
【Next.js】Vercelにデプロイする方法


## はじめに
Next.jsで作成したアプリケーションをVercelにデプロイする方法について記載します。

## Vercelにデプロイする方法
まず下記の Vercel サイトの右上の"Sign Up"からGitアカウントでサインアップしてください。

https://vercel.com/

![スクリーンショット 2022-05-06 2.34.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342443/f85586de-283c-e749-3522-0053d177540f.png)

![スクリーンショット 2022-05-06 2.35.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342443/c2db746d-8758-dc5c-ec65-8ec5fe981878.png)

サインアップが完了したら画面左側の`Import Git Repository`の入力フォームをクリックし、`Add GitHub Account`を選択してください。

![スクリーンショット 2022-05-06 2.39.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342443/926f9a2f-4fea-9863-c211-02ec1f51f4d1.png)

GitHubのページが表示されますので`Repository access`の箇所の`Only select repositories`を選択し、リポジトリを選択します。

![スクリーンショット 2022-05-06 2.44.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342443/d6083a9e-249c-16ec-ef15-d1dccf8fadf2.png)

選択したら`Save`をクリックしてください。

すると`Import Git Repository`に先ほど選択したリポジトリが表示されます。
`import`をクリックします。
![スクリーンショット 2022-05-06 2.47.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342443/75b11a0e-10be-3995-18bf-e3312f6692f5.png)


表示された画面の`Configure Project`に必要事項を入力します。
![スクリーンショット 2022-05-06 2.48.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342443/c4f577fa-5e88-9ada-66c8-007b9a4f6229.png)

入力ができたら`Deploy`をクリックします。

しばらくすると以下のような画面が表示されます。

![スクリーンショット 2022-05-06 2.54.18のコピー.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2342443/4598cba7-6def-865a-5df4-0c5f520444fd.png)

赤枠内をクリックして正常に動作していれば完了です。
【React】React Date Pickerのinput要素をスマホでタップした時に、キーボードが表示されて邪魔な件

# 直したいイメージ
個人開発でReactDatePickerを使っていたところ、表題の問題に直面しちょっと悩んだのでメモ&共有。
下記のように、input要素（2022/05/06のテキストボックス）をスマホでタップすると、いちいちキーボードが表示されてしまう。
これではちょっと使いづらいので、これを解決したい！
<img width="230" alt="SP.gif" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/629581/123579d6-c996-d0df-bc0e-625d6cbf444d.gif">

# 結論
### input要素にreadonly属性を追加すると良い

GitHubのissueでいろんな人があれこれ試してたので、こちらも参考に
https://github.com/Hacker0x01/react-datepicker/issues/1480

# コード例
下記はあるコンポーネントの一部ですが、styled-compoentsでスタイリングしたSInputをCustomInputという関数でreturnしています。このSInputでreadOnlyを指定します。


```Typescript
const CustomInput = React.forwardRef((props: any, ref) => {
  return <SInput {...props} forwardRef={ref} readOnly />;
});

<Controller
  control={control}
  name="period"
  render={() => (
    <DatePicker
      {...register("period", {
        validate: () => {
          const now = new Date();
          const d = getDateObj(now);
          return startDate >= new Date(`${d.year}/${d.month}/${d.day}`);
        },
      })}
      dateFormat="yyyy/MM/dd"
      locale="ja"
      selected={new Date(select.selected_date)}
      onChange={handleChange}
      customInput={<CustomInput />}
    />
  )}
/>

const SInput = styled.input`
  max-width: 340px;
  width: 100%;
  height: 45px;
  padding: 0;
  border: none;
  border-radius: 6px;
  text-align: center;
  font-size: 1rem;
`;
```

# 完成イメージ
input要素をタップしてもキーボードが出てこない！良い感じですね
<img width="230" alt="SP2.gif" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/629581/21cc1998-5724-8c8c-4b62-54ff802a8192.gif">

Developerツールで確認しても、readonly属性がきちんと付与されています。
![スクリーンショット 2022-05-06 2.47.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/629581/b9390baf-d318-720e-9322-659b6ea5a601.png)
【Python】インストールしたはずのモジュールが使えない

# はじめに
Pythonを書くことになり、普段使わないVSCodeを使用したら、
インストールしたはずのモジュールが使えないという事態に陥りました。
同じ問題に行き着いた方のために書き残しておきます。

# 問題
`ModuleNotFoundError: No module named 'XXXXXXXX'`
このようにモジュールが見つからないよ。と表示されてしまいます。
たしかにインストールしたのに😭

# 原因
VSCodeが使用しているPythonとパソコン本体が使用しているPythonが違うことが原因でした。(表現が合っているか不安)

# 確認方法
こちらは使用しているPythonのパスを取得するコードになります。
```Python
import sys
print(sys.executable)
```
**VSCode**
VSCodeで先ほどのコードを実行します。
![スクリーンショット 2022-05-06 2.12.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/6cca2532-672b-c6fc-3068-bb130c7cd495.png)
```
/Applications/Xcode.app/Contents/Developer/usr/bin/python3
```

**パソコン本体(モジュールをインストールした場所)**
続いてターミナルで先ほどのコードを実行します。
![スクリーンショット 2022-05-06 2.16.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/9a24b0bf-8e3f-8621-bd95-a2866d4e0736.png)
```
/Users/miyamototaishin/opt/anaconda3/bin/python
```

このように使用しているPythonが違うことが原因でした。

# 解決策
![スクリーンショット 2022-05-06 2.21.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/66c3164c-e735-9c57-8fad-0c2107b81930.png)

VSCodeの左下にある「3.8.9 64-bit」を選択します。(ここの数字は人によって違うかも)
表示されたダイアログに黄色で囲まれた部分を入力します。
/Users/パソコンの名前/
この部分は除外します。
![スクリーンショット 2022-05-06 2.16.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/b2fe4177-7cd2-fac5-a91d-dea39204b20c.png)

入力するとこのように候補が出てきますので選択しましょう
![スクリーンショット 2022-05-06 2.23.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/e85dc79e-879f-edfc-bbfb-87107e18e44a.png)
インポートに成功しました
めでたし
![スクリーンショット 2022-05-06 2.27.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/2c49d15c-f1c7-9bff-088b-d0a10ae1d77a.png)

おわり