tag:crieit.net,2005:https://crieit.net/boards/cory/feed Crieitで「個人開発記録」ボードに投稿された最近の投稿 2019-02-20T00:00:14+09:00 https://crieit.net/boards/cory/feed tag:crieit.net,2005:PublicArticle/25f2eaa2ca302cdd85a0fa88fde3980c 2019-02-20T00:00:14+09:00 2019-02-20T00:00:14+09:00 https://crieit.net/boards/cory/25f2eaa2ca302cdd85a0fa88fde3980c <h1>基礎をひたすらアウトプット</h1> <p>Pythonを最近弄っている。反省点として基礎的なことをきちんと記録しアウトプットしている。文字数は多くならないけど、1記事1テーマに拘っている。あえて四則演算を4分割にした。これでSEO効果どうなるか見てみたい。開発してるの？と聞かれたら何も今は作っていない。ひたすらインプットと記事書いてアウトプット。</p> aocory tag:crieit.net,2005:PublicArticle/375504f05877b4232ca0704e5e2217b0 2019-02-09T10:53:09+09:00 2019-02-09T10:53:09+09:00 https://crieit.net/boards/cory/375504f05877b4232ca0704e5e2217b0 <h1>ブログを変えた</h1> <p>ブログを全部作り替えた。デフォルトからフルスクラッチ。ダサさに年代を感じるがそこは今後修正する。</p> <h1>電子書籍1000タイトルが半額の翔泳社祭</h1> <p>電子書籍1000タイトルが半額の翔泳社祭をやっていたのでReactの入門書を買った。</p> aocory tag:crieit.net,2005:PublicArticle/ed8d0bf320329343cd9fd2f39e6af989 2019-02-05T00:01:35+09:00 2019-02-05T00:01:35+09:00 https://crieit.net/boards/cory/ed8d0bf320329343cd9fd2f39e6af989 <h2>Blog作り直し</h2> <p>アドセンスブログ作ってみたけど思ったより速度が出なくてGatsbyのいいところが死んでしまった。設計見直して作り直す。styled-componentsを今度は使ってみる。</p> aocory tag:crieit.net,2005:PublicArticle/9026b8110a379958da965ca265974ff6 2019-02-03T00:28:12+09:00 2019-02-03T00:28:12+09:00 https://crieit.net/boards/cory/9026b8110a379958da965ca265974ff6 <h1>JavaScript コードレシピ集読んだ。</h1> <p>JavaScript コードレシピ集を読んだ。逆引きでめちゃくちゃ便利。1度読めば消化できるもんでもないけど、何度も辞書としてお世話になると思う。おススメ。</p> aocory tag:crieit.net,2005:PublicArticle/8786f4a699d17b7b4c1ac66fb69f838c 2019-01-31T07:44:06+09:00 2019-01-31T07:44:06+09:00 https://crieit.net/boards/cory/8786f4a699d17b7b4c1ac66fb69f838c <h1>連載機能いい</h1> <p>開発してて、あれどれだっけ？という事が多々ある。（Reactコンポーネントの書き方とか）自分のコードを見返すのも良いけど、Crieitの連載でためた記事を見返してこう書いていたなと引けるのでググるより速い。エディタで確認というやり方もあるけどあれだとうっかり、触らなくて良いファイルを編集することがあるので要注意。いや、書きためてまとめておけるは便利だ。</p> aocory tag:crieit.net,2005:PublicArticle/383b67cc2531edd803fd45e1b6b7ba19 2019-01-30T01:01:39+09:00 2019-01-30T01:01:39+09:00 https://crieit.net/boards/cory/383b67cc2531edd803fd45e1b6b7ba19 <h1>今日は記事がお休み</h1> <p>今日は記事がお休みです。理由はJSX内でのループ処理でめちゃくちゃハマったから。しかし、完全に1から自分でコードを書いた。ほんの数行の簡単なFor文だけど実装までこぎつけたのですごく嬉しい。これは、明日記事にまとめる。おやすみなさい。</p> aocory tag:crieit.net,2005:PublicArticle/9d9fe07d236993f46be516ac05e7b2d1 2019-01-28T11:14:06+09:00 2019-01-28T11:14:06+09:00 https://crieit.net/boards/cory/9d9fe07d236993f46be516ac05e7b2d1 <h1>20記事達成</h1> <p>crieitに書いてきたGatsbyJSの記事が20記事になった。crieitに投稿開始したきっかけはカノニカル対応しているからどんなモノかやってみようという実験的な気持ちが強かった。</p> <p>Qiita嫌いになり個人ブログに移行する人がいる人が散見されるが、個人ブログなんてドメインとって検索結果に表示されるまで時間がかなりかかる。それなら、ドメインペナルティの無いカノニカルで投稿して少しでも読んで貰った方がモチベにもなったし良いと僕は思う。</p> <p><a href="https://crieit.now.sh/upload_images/874dde00af02d6ff9b02e6e6fce750d35c4e62f7efbdc.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/874dde00af02d6ff9b02e6e6fce750d35c4e62f7efbdc.png?mw=700" alt="image.png" /></a></p> <p><a href="https://crieit.now.sh/upload_images/874dde00af02d6ff9b02e6e6fce750d35c4e64bd6c74e.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/874dde00af02d6ff9b02e6e6fce750d35c4e64bd6c74e.png?mw=700" alt="image.png" /></a></p> aocory tag:crieit.net,2005:PublicArticle/75fad9f14c8663971476a4e1e8df2f3f 2019-01-26T23:41:34+09:00 2019-01-26T23:41:34+09:00 https://crieit.net/boards/cory/75fad9f14c8663971476a4e1e8df2f3f <h1>カテゴリーを実装した</h1> <p>カテゴリー作成で1日かかってしまった。予定では午前中に終わる予定だったのでかなりの誤算だった。そのうち3時間は別フォルダの同じ名前のファイルをいじっていた。どうりで動かないわけだ。今回のカテゴリーはmarkdownを引っ張り込んでカテゴリーページをいじれるようにしている。ワードプレスにはこういうカテゴリーページをカスタマイズする機能あるテーマは触ったことがなかったので欲しかった。</p> <p>ぼくのかんがえた最強のブログ環境</p> <p>を目指して頑張っていきたい。</p> aocory tag:crieit.net,2005:PublicArticle/c10038d1e92b2c8eb2e28d517aaf0060 2019-01-26T00:45:13+09:00 2019-01-26T00:45:13+09:00 https://crieit.net/boards/cory/c10038d1e92b2c8eb2e28d517aaf0060 <h1>Darwerを実装した。</h1> <p>詳しくは明日記事にするがDrawerをやっと実装できた。結局、react-mdを使った。けど、これならスターター最初から使ったほうがよくないか？という疑問を抱えている。けどScssはやりたくない。</p> aocory tag:crieit.net,2005:PublicArticle/07fa8f063c1a90a1a5a8991d0652c0ac 2019-01-22T23:52:41+09:00 2019-01-22T23:52:41+09:00 https://crieit.net/boards/cory/07fa8f063c1a90a1a5a8991d0652c0ac <h1>今日は1記事</h1> <p>今日は1記事書いた。これで、一通りのチュートリアル的なところはいったん終了。ここからある程度初心者でも簡単にカスタマイズできる爆速GatsbyJsブログテーマを作っていく方向で連載を続けていく予定。<br /> + srcにコンテンツは置かない<br /> + フォルダ管理のcssモジュール</p> <p>とかチュートリアルと違うアプローチをしているのは、ある程度CSSできればカスタマイズしやすいように考えている。</p> <h1>AtomicDesign読んだ</h1> <p>Atomicデザインに興味があって勉強している。しかし、まだよくわかっていない。StoryBook面白いし開発しやすそうだけどブログくらいじゃ必要なさげ。</p> <h1>スマートスピーカー買った</h1> <p>スマートスピーカーを買った。GoogleHome ミニ。今までスピーカー貧弱だったので超いい。</p> aocory tag:crieit.net,2005:PublicArticle/0ea43f96c689e7584a6091c0d56729a8 2019-01-19T23:10:11+09:00 2019-01-19T23:10:11+09:00 https://crieit.net/boards/cory/0ea43f96c689e7584a6091c0d56729a8 <h1>目標2記事</h1> <p>今日はGatsby ImageとCSS moduleの意味について勉強しながら記事を書いた。Gatsby Imageは、画像処理の辛いところを引き受けてくれるのですごくありがたいけど躓きやすい。実際、僕も躓いて後回しにしていたんだけど、この記事のために再利用可能なコードを書いたらうまく動いた。うれしい。そろそろ、GatsbyNodeの記事も書かないといけない。</p> <h1>いっちゃっている人の話は面白い</h1> <p>今日は、仕事の勉強会に参加した。昆虫博士がゲストできたんだけど、専門が虫刺され。<br /> 実際、蚊やダニをコレクションして自分に刺して何分間血を吸うかとかの研究をしているらしい。控えめに言って頭おかしい。だけど、その話からは虫刺されに対するあくなき探求心とか熱量を感じてかなり面白かった。</p> <p>子供って蚊に刺されるとめちゃくちゃ腫れるけど大人になると腫れなくなるのは刺され過ぎて免疫が鈍感になるからという話は本当に目からうろこだった。</p> aocory tag:crieit.net,2005:PublicArticle/db75135b6c93831de4d7561cd40ebdbc 2019-01-18T23:33:54+09:00 2019-01-18T23:33:54+09:00 https://crieit.net/boards/cory/db75135b6c93831de4d7561cd40ebdbc <h1>2記事書いた</h1> <p>GatsbyJSについて2記事書いた。実は、JSはなんとなく触れるけど意味は分かっていない。これは、VueとかJSフレームワークに頼ってきた副作用みたいなもんだ。しかし、今更素のJSを勉強するのはつまらない。そういう意味でアロー演算子とかそういうのを立ち止まってインプットして記事書いて整理するのはすごく勉強なる。ちなみにこの連載はまだまだ続ける。<br /> 最終成果物としてGatsbyのBlogのスターターを目指している。Catnoseさんが作ったくらいかっこいいモダンなテーマ作ればGatsbyをブロガーが使ってくれるのではないかと期待しているのでそこまで頑張って開発していきたい。</p> <h1>目指せミニサイト</h1> <p>ブログにひたすら今は記事を詰めている。Gatsbyだけで100記事が目標。最終的には論文型サイトにGatsbyはスピンアウトさせたい。</p> aocory tag:crieit.net,2005:PublicArticle/6b24bfe918b3dd2472420abc8286e7d3 2019-01-17T16:38:19+09:00 2019-01-17T16:38:19+09:00 https://crieit.net/boards/cory/6b24bfe918b3dd2472420abc8286e7d3 <h1>アウトプットしていく</h1> <p>GatsbyJSは日本語ドキュメントが少ないので自分の得た知見をブログ記事として残していくことにした。デフォルトのスターターからブログをフルスクラッチ？でくみ上げていくまでを記事形式で書いていく予定。Starterも素晴らしいのがいっぱいあるけど、やっぱり馴染まないというか、他人の書いたコードは読めるけど再利用できない。ここは力不足。なんで自分で制御できるフルスクラッチで勉強がてらやってみる。ちなみに記事案だけで30越えてた。ボードでお世話になっているCrieitにも少し貢献できたらうれしい。これでGatsbyで技術書典かKindleとか出せたらうれしいな。<br /> <a target="_blank" rel="nofollow noopener" href="https://www.corylog.com/gatsby001/">https://www.corylog.com/gatsby001/</a></p> <h1>保活広場のパフォーマンスがヤバい</h1> <p>GatsbyJSで保活広場を作っている。HTML生の状態よりも速い。<br /> Laravel→Vue→Gatsbyと車輪の再開発をしているが、今回は制作期間2週間くらい。<br /> 今回のこだわりのポイントは、動的生成。今までは全都道府県のAPIでとってきてリストレンダリングしていたが、今回は1枚のCSVファイルから全て作っている。ユーザー登録しないサイトならこれだけで十分戦えるくらいの感触はある。<br /> <a target="_blank" rel="nofollow noopener" href="https://sharp-euler-f9bc8e.netlify.com/">https://sharp-euler-f9bc8e.netlify.com/</a></p> aocory tag:crieit.net,2005:PublicArticle/8b141a86612897bc9eb09593a81a47ea 2019-01-16T13:51:03+09:00 2019-01-16T13:51:03+09:00 https://crieit.net/boards/cory/8b141a86612897bc9eb09593a81a47ea <h1>保活広場の次</h1> <p>保活広場がもうすぐ落ち着きそうといってもデータ整形とか色々残ってるけど、Gatsbyのサイト制作を通して知見と言って良いかはわからないが大体こうすれば良い。Gatsbyチョットデキル位まではきているが細かいところで相変わらず引っかかるし、エラーで西野カナよりも泣くし震える。</p> <h1>年末に読んだのんくら本の実践をそろそろやっていきたい。</h1> <p>年末に読んだのんくら本をベースにAdSenseサイトを開発していきたい。昨年は、サイト売ってなんとかしのいだが、プログラミング勉強したりで全く収益性の高いアウトプットは出来ていなかった。そろそろ、そのあたりを意識して今年はしっかり実行に移していきたい。</p> <p>得意はデータベース系のサイト構築なのでまずはGatsbyでそのサイト構築をしっかりやっていく。</p> aocory tag:crieit.net,2005:PublicArticle/2228ccb7e8354b2e601a5e458b13ddba 2019-01-15T00:26:56+09:00 2019-01-15T00:26:56+09:00 https://crieit.net/boards/cory/2228ccb7e8354b2e601a5e458b13ddba <h1>やったこと</h1> <p>昨日、動的に市町村のURL作成を行ったんですが、_uniqでやると/undefined/undefined/が動的に生成されてしまいエラーが出て困っていた。<br /> そこで、地味にJSを書いて解決。</p> <p>人生初のconsole.logを使った。<br /> でバックツールとか使っていたので地道だけど勉強なった。</p> <h1>ハマったところ</h1> <p>Error: ./src/templates/pref.js<br /> 12:19:49 AM: Module not found: Error: Can't resolve '../components/Citylist' in '/opt/build /repo/src/templates'<br /> 12:19:49 AM: resolve '../components/Citylist' in '/opt/build/repo/src/templates'<br /> 12:19:49 AM: using description file: /opt/build/repo/package.json (relative path: ./src/t emplates)<br /> 12:19:49 AM: Field 'browser' doesn't contain a valid alias configuration<br /> 12:19:49 AM: using description file: /opt/build/repo/package.json (relative path: ./src /components/Citylist)<br /> 12:19:49 AM: no extension<br /> 12:19:49 AM: Field 'browser' doesn't contain a valid alias configuration<br /> 12:19:49 AM: /opt/build/repo/src/components/Citylist doesn't exist<br /> 12:19:50 AM: .mjs<br /> 12:19:50 AM: Field 'browser' doesn't contain a valid alias configuration<br /> 12:19:50 AM: /opt/build/repo/src/components/Citylist.mjs doesn't exist<br /> 12:19:50 AM: .js<br /> 12:19:50 AM: Field 'browser' doesn't contain a valid alias configuration<br /> 12:19:50 AM: /opt/build/repo/src/components/Citylist.js doesn't exist<br /> 12:19:50 AM: .jsx<br /> 12:19:50 AM: Field 'browser' doesn't contain a valid alias configuration<br /> 12:19:50 AM: /opt/build/repo/src/components/Citylist.jsx doesn't exist<br /> 12:19:50 AM: .wasm<br /> 12:19:50 AM: Field 'browser' doesn't contain a valid alias configuration<br /> 12:19:50 AM: /opt/build/repo/src/components/Citylist.wasm doesn't exist<br /> 12:19:50 AM: .json<br /> 12:19:50 AM: Field 'browser' doesn't contain a valid alias configuration<br /> 12:19:50 AM: /opt/build/repo/src/components/Citylist.json doesn't exist<br /> 12:19:50 AM: as directory<br /> 12:19:50 AM: /opt/build/repo/src/components/Citylist doesn't exist<br /> 12:19:50 AM: [/opt/build/repo/src/components/Citylist]<br /> 12:19:50 AM: [/opt/build/repo/src/components/Citylist.mjs]<br /> 12:19:50 AM: [/opt/build/repo/src/components/Citylist.js]<br /> 12:19:50 AM: [/opt/build/repo/src/components/Citylist.jsx]<br /> 12:19:50 AM: [/opt/build/repo/src/components/Citylist.wasm]<br /> 12:19:50 AM: [/opt/build/repo/src/components/Citylist.json]<br /> 12:19:50 AM: @ ./src/templates/pref.js 5:0-46 11:93-101<br /> 12:19:50 AM: @ ./.cache/async-requires.js<br /> 12:19:50 AM: @ ./.cache/production-app.js</p> <p>こんなかんじのエラーが出た<br /> preflist.jsと小文字で書いていたのが原因だろう</p> aocory