投稿者「Yutaka Kachi」のアーカイブ

2022.01 Scratchリバースエンジニアリング

Scratch

Scratchの本格的なゲームをリバースエンジニアリングしていろいろ作ったので、その手順を解説してみた。

あとは、仕事がいろいろ忙しい。久しぶりにセミナーの講師みたいなことをやったり。


2021.09 -12 Scratchその他

Scratch

もう一段、こったものを作ってみようと、Scratchの本格的なゲームをリバースエンジニアリングして、こんなものを作ったり。

Qiita

あと、インタビューの仕事がいろいろ。


2021.08 Qiita 個人開発の記事

Qiita

【個人開発】ネットで調べ物するたびに、タイトルとアドレスをメモれるツールを作って10年以上使っている話 – Qiita
https://qiita.com/y_catch/items/d3be58b5db1133c0e1c5

OSS

それに合わせて、Webコピ太郎をアップデート。

あとは、公私ともに忙しく、趣味的な時間をあまり取れなかった。


2021.07 CodeZineインタビュー

CodeZine

U30デベロッパーのための「キャリアのすゝめ」
個人開発こそ若手デベロッパーの成長促進剤! 個人開発を自分のキャリアにどう結び付けたのか?――ゆずたそさんに聞いた
https://codezine.jp/article/detail/14460

6月から仕込んでいた仕事が、ようやく日の目をみた。

あとは、オープンソースの動画編集ツールを使うため、
OpenShotを調べていたけど、けっきょくShotCutを採用。


2021.06 LT大会

3月から5月にかけて書いていた記事のおかげで

こんなイベントに呼ばれて、久しぶりにLTしたんでした。

【LTイベント】Qiita Night〜記事投稿イベントお疲れ様会〜 – connpass

https://increments.connpass.com/event/216557/

Qiitaの記事を書くとき 工夫したこと – Speaker Deck
https://speakerdeck.com/ycatch/qiitafalseji-shi-woshu-kutoki-gong-fu-sitakoto

あとは、いろいろ仕事に追われていたり。


2021.05 Zennで、Vue.jsの入門記事を書く

Zenn

引き続き、Vue.jsについて調べてました。

Vue.jsでアプリを作って、GitHub Pagesでデプロイする:Vue.js Step by Step
https://zenn.dev/catch/articles/install_vuejs

VutifiyとVee-Validateを使ってみる:Vue.js Step by Step
https://zenn.dev/catch/articles/vutify_and_validation

Nuxt.jsでアプリを作って、GitHub Pagesでデプロイする:Vue.js Step by Step
https://zenn.dev/catch/articles/install_nuxtjs

VuePressを、GitHub Pagesでデプロイする:Vue.js Step by Step
https://zenn.dev/catch/articles/install_vuepress

Nuxt.jsで管理画面を作って、GitHub Pagesでデプロイする:Vue.js Step by Step
https://zenn.dev/catch/articles/install_vuepress

Qiita

ざっくり、フロントエンド開発のためのバックエンドサービスを整理する – Qiita
https://qiita.com/y_catch/items/d539fa79df54e098b5d2

CodeZine

【デブサミ2021】
開発者の仕事を増やさずにバグを減らす、かしこいテスト戦略とは?
https://codezine.jp/article/detail/14113

その他

Netflixで「水曜どうでしょう Classic」を見まくり。


2021.04 ざっくり、Webシステムとオープンソースビジネス

このブログ(ほかのも)、ぜんぜん更新できないので、やっている活動をまとめて記録していこうと思います。随時更新中。

Qiita

新年度のタイミングにあったおかげか、Webシステムの記事が好評でした。LGTM(Looks Good To Me)も、まだ増えてます。Docusaurusは、2月ごろからやっている。

ざっくり、Webシステムの発展と最新状況 2021
https://qiita.com/y_catch/items/1597a9a2ac2f7c8c43bf

ざっくり、オープンソースビジネスの最新事例2021
https://qiita.com/y_catch/items/2947121bedf86d4504fc

React製の静的サイトジェネレータDocusaurus v2を、GitHub Pagesにデプロイする
https://qiita.com/y_catch/items/46b7eb7d618d95fbc9c3

Zenn

関連して、静的サイトジェネレータ(SSG)とかVue.jsとか調べてました。ためしに、Zennで書いてみた。

Zennで記事を書き始める
https://zenn.dev/catch/scraps/874ce1d58cbd55

Vue.jsでアプリを作って、GitHub Pagesでデプロイする:Vue.js Step by Step
https://zenn.dev/catch/articles/install_vuejs

Github

動かしてみたやつ。

ycatch / docusaurus
https://github.com/ycatch/docusaurus リポジトリ
https://ycatch.github.io/docusaurus/ 公開ページ

ycatch / vue-press
https://github.com/ycatch/vue-pressリポジトリ
https://ycatch.github.io/vue-press/ 公開ページ

ycatch / vue-app
https://github.com/ycatch/vue-appリポジトリ
https://ycatch.github.io/vue-app/  公開ページ

ycatch / vuetify_app
https://github.com/ycatch/vuetify_appリポジトリ
https://ycatch.github.io/vuetify_app/ 公開ページ

ycatch/vue-nuxt-app
https://github.com/ycatch/vue-nuxt-appリポジトリ
https://ycatch.github.io/vue-nuxt-app/  公開ページ

CodeZine

【デブサミ2021】
個人開発で始まった情報共有サービス「Zenn」はいかにして作られたのか?
https://codezine.jp/article/detail/14018

そのほか

ぜんぜん映画を見にいく雰囲気ではなく、読書が増えている。


paizaスキルチェックでAランクを取るまでにやったこと

50半ばのおっさんですが、ようやくpaizaスキルチェックでAランクをクリアできた。
そのために、やったこととちゃんとやらなかったことを整理しておきたい。

長らくコンピュータを仕事にしてますが、たいしたプログラミング能力があるわけでなく、5年前にやったときはランクBだった。これがずっと心の片隅にひっかかっていたので、本腰を入れて再勉強してみた。

やったこと1. 解説動画をみる

まずは、どんなふうに問題を解けばいいのか、paizaラーニングの解説動画をチェック。
このあたりは、ほぼ無料プランで見ることができる。
特に「日別訪問者数の最大平均区間」は、Aランクでの解き方も解説しているのでおすすめ。
うなぎ屋の解説動画は、PHP版だけだし後半が有料だけど、最初だけでも見ておくと問題のとらえ方がよくわかって良いと思う。

やったこと2. スキルチェック過去問題をやる

次に、解答コード付きの問題を実際に解いてみる。制限時間がなく、何度でもチャレンジできて、paizaランクにも影響しないので、じっくり問題に取り組める。中に「長テーブルのうなぎ屋」もあって、解答チェックもしてくれるので、欠かさずやる。

やったこと3. スキルチェック見本問題をやる

さらに、見本問題も実際に解いてみる。
こちらは、スキルチェック入門編2の「日別訪問者数の最大平均区間」がある。

やったこと4. レベルアップ問題集をやる

そして、これもやる。とくに「Bランクレベルアップセット」は、DランクやCランクの関連問題を解いていくので、レベルアップに最適です。

あんまりやらなかったこと. ネットに解説文があれば読む

追記:自力で解くことを重視していたので、実際にはあまりできなかったんだけど、レベルアップ問題集は、ネット上にいくつか解説があるので、それもよく読んでみると役立つと思う。

Aランクを取ったあと、再度自分でも解いてみた。

 ふりかえり その1

ここまでは、ほとんどBランクのおさらい。
やってみて、自分なりに不得意なところを振り返ってみた。
ひと通りできたけど、頭に入る複雑さの度合いが低いなぁと感じた。
ロジックを追いかける能力が、まだまだ低いのか。
これは、paizaスキルチェックだけでは解消できそうもないので、
一般的なプログラミングのテクニックをもう少し勉強してみることにした。

(ただし、後からふりかえってみると、Aランクのために以下を勉強したのは、ちょっとやりすぎだったかも。いろいろな問題を解いたり、その解説を読むのは役に立ったけど。難しく考えないと解けないとしたら、じつは問題を勘違いしているかも)

やったこと5. 定番のプログラミング

そこで、ソートや再帰呼び出しなど、よくあるプログラミングの課題にチャレンジしてみた。定番アルゴリズムみたいなものを調べて、自分なりに実装してみる。

このとき心がけたことは、こんな感じ。

  • コメントで手順を整理してからプログラミングする
  • 小さな実験的なプログラムを作って、すこしずつ複雑にしていく
  • 他の人が書いたコードや解説を探して、じっくり読む

やったこと6. 数学パズルの第1章入門編

それから、こんな本を買ってみた。

「シンプルで高速なコードが書けるようになる70問」というサブタイトルがついているので、その第1章だけやってみた。
入門編でレベルは高くないらしいんだけど、案外できない問題、わからない問題がある。
ネットで解説を見つけたら、そこでも分からないことが見つかるので、またいろいろ調べてみた。

やったこと7. 再帰検索

特に、再帰呼び出しを使ったツリー探索について、ちゃんと分かってないことに気が付いた。名前は知っているつもりでも、自分では実装できないので、これもコードを書いてみた。

やったこと8. 順列・組み合わせ

そうこう調べていくうちに、最短経路問題というのが出てきた。これも、プログラミングの定番問題らしいんだけど、意味がよく分からなかった。調べてみたら、高校受験や高校数学あたりで登場する、順列・組み合わせのバリエーションらしい。
高校生向け数学解説サイトみたいなところに、解説文がたくさんあった。
paizaスキルチェックに登場するような、問題の立て方がたくさん登場していた。
どうやら、オレは、このあたりの知識がスッポリ抜け落ちているぞ!
そこで、練習がてら、こんなコードを全部実装してみた。

頭に入る複雑さも、こういうパターンを知っていると、かなり改善される感じがした。

やったこと9. 基本的な文法の再確認

その過程で、プログラミング言語の文法ついて再確認してみた。
なかには、ちょっと引っ掛かりやすい使い方もあるので、基本的な使い方のコードを書いてみた。

  • 配列から、特定範囲の要素を切り出す
  • 2次元配列のソート

やったこと10. Aランク問題に挑戦

というわけでして、再チャレンジ。
簡単そうな問題を探してやってみたら、
制限時間6時間のところ、1時間くらいで解けてしまった。
積年の課題が解消できて、いやぁ、よかったよかった。

ふりかえり その2

  1. まずは、Aランクの問題が解けてよかった。
  2. 頭が悪いのではなく、プログラミングの定番パターンを知らないだけ。そこがとりあえず分かってよかった。場数重要。
  3. あるいは、問題を読み間違えている。特定の答えを求めるためには、愚直にやらなくていいことも多い。難しいことを知っているから書けるプログラムもあるけれど、難しくしか書けないとしたら、じつは問題を勘違いしているかも。
  4. スキルチェックの見本問題なんかはいいんだけど、本問題で一部のテストパターンがエラーになった場合、どこでひっかかっているか分かりにくいので困った。自分なりにテストパターンを作ればいいし、問題を起こすパターンを絞り込むこと自体がデバックのかなりの占めていることもあるんだけれど。
    テストパターン10個をちゃんと作るのは、対象ランクよりも難易度が高い場合もある。
    どこかで一度、見本問題で10パタ―ン全部がどうなっているか調べてみるといいのかも。
  5. 個々のテクニックを知っていれば、ランクが上がるわけではない。
    だけど、プログラミングの場数を踏んでいく中で、このあたりに出会う場面は多そうなので、おのずと把握しているのかも。場数重要。
  6. 今まで自分で作ってきたいろいろな物が、ちょっと単純すぎたのかなと感じた。
    解決策が単純なのは、良いところのひとつなんだけど。
    もう何段階か複雑で、高い精度の解決策を目指してもいいのかも。

というわけで、次のレベルを目指す方々の参考になれば幸いです。