社内 Web システムのフロントエンド技術刷新: React Router v7 vs. TanStack Router

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は エムスリー Advent Calendar 2017 の25日目の記事です。 普段はDB・サーバサイド・クライアントサイドまでの設計・実装・運用を扱っていますが、この記事ではReactを使って開発したシステムについてを紹介しようと思います。 作ったもの アンケートシステム(survey-designer-js)を作り、社内で使っていました。またOSSとしてレポジトリに公開もしています。 GitHub DEMO なお公開しているのはクライアントサイドのみで、サーバサイドの実装は公開していません。なお、エムスリー社内で使用してい

【2021/1/11】2021年版を公開しました 【2020/1/9】2020年版もあります, こちらもよろしくおねがいします！ 【2019/8/12】一部書籍のリンクを最新版に更新しました 【2018/12/24追記】最新版を公開しました！「Python本まとめ・2019年版 - Webとデータ分析を初心者が仕事にするまで - Lean Baseball」 機械学習にWebアプリ,そしてFintechと,今年（2017年）は昨年（2016年）以上にPython界隈が賑やかな一年でした. Pythonでお仕事と野球データ分析を生業としている@shinyorke（野球の人）ですこんにちは. このエントリーでは,そんなPythonの学び方・本が充実した今年から来年（2018年）に移るにあたり, 最短距離でPythonレベルを上げるための学び方・読むべき本の選び方〜2018 をまとめてみました.

この記事は ラブライブ！ Advent Calendar 2017 の 16 日目の記事です。1 週間も遅刻してしまい大変申し訳ありません。 昔、後輩に「 結局2期の『宇宙 No.1 アイドル』の話よくわかんなかったんすけど、アレなんなんすか 」と質問を受けたことがあり、そのときに「いや、一見よくわからないけれどもアレはめっちゃ重要な話なんだよ」という回答をしたことを思い出したので、この記事ではその話をする。 ＊　＊　＊ 矢澤にこに関しては語らなければならないことが色々ある。 以前、ラブライブ！無印に関しては信頼の塊である某氏が「 矢澤さんを推すって『重い』よね 」と仰っていたことをよく覚えているが、実際そのとおりだと思う。 今までも、そしてたぶんこれからも、あれほどまでにスクールアイドルが好きで、そして自身も最高のスクールアイドルであることにこだわり続けたスクールアイドルはいないだろう。

この記事はklis Advent Calendar 2017の24日目の記事です． adventar.org 私はklis13(3編)で，slis17の @ss_shopetan です． アドベントカレンダーエモい日記書こうと思うのですが何読みたいですか?— shopetan (@ss_shopetan) 2017年12月7日 投票により表題の話が最も需要があるらしい． 私自身，再来年には就職をしている予定なので，自分のバイト経験を交えながら昨今の学生エンジニア事情を考えてみる． 一番言いたいこと 低賃金で働くのはやめよう． 給与が低水準なのは私たちにとっても不幸だし，これを良しとし続けるならば今後業界水準も上がらないので長期的に考えても不幸になる． また，現在安い金額で働かなくても，知識と実力をつければ将来的に大きな額で働くことができる．*1 特に地方の人間は搾取されがち． つくば市も例

この記事はドワンゴ Advent Calendar 2017 24日目の記事です。メリークリスマス！ ドワンゴ 技術コミュニケーション室の塩谷（ @kwappa / [email protected] ）です。 先日、技術コミュニケーション室のメンバーから「友人が転職を検討しているが、職務経歴書の書き方がわからず悩んでいる」という相談を受けました。ぼくは以前から職務経歴書についてはなんども書いたり喋ったりしてきたのですが、具体的な書き方やサンプルについてまとめたものはなかったので、この記事を書くことにしました。 以下は、ぼくが以前から考えていることと、書類選考をするときに書いてあると嬉しいことをまとめたものです。会社としてオフィシャルに定めた基準ではないことをご了承ください。 転職に必要な書類 中途採用に応募する場合、「履歴書」と「職務経歴書」が必要です。転職サービスを経由しての応募の

FOLIOアドベントカレンダー 21日目です。 12月は読み応えのある記事が多いので、わたしからはさくっとしたTipsを。 いま作業してるリポジトリのファイル群から、目当ての文字列を1秒でも早く見つけるための話。 おすすめのコマンド grep だと対象指定が面倒だったり、カレントディレクトリ以下を指定すると巨大なnode_modules以下のファイルも対象になってしまったりするので、git管理下のファイルのみを対象に検索できて高速な git grep がおすすめ。 git grep 検索したい文字列 だけで検索できる。 ~/.bashrc や ~/.zshrcなどに以下のエイリアスを書いておくと、 gg hoge だけでgit管理下のファイルにあるhogeをハイライトつきでリストアップしてくれてめちゃ手軽。 alias gg='git grep' もちろん日本語も gg ほげほげ でいける

本記事はU-TOKYO AP Advent Calendar 2017の17日目です. はじめに 年の瀬が近づき何かと出費がかさむ季節になりましたね. 財布の中も真冬です. 実は2ヶ月ほど前から年越しに備えて仮想通貨で資産運用をしています. 他の資産運用と比べたときの仮想通貨取引のメリットは「少額でも大きな利益を得るチャンスがあること」と「24時間365日取引ができること」でしょうか. ということで, その時に自動取引についていろいろと試行錯誤をしたので, 勉強したことをまとめて記事にしたいと思います. 具体的には, PythonでbitFlyerのAPIを叩いてチャートを描画し, 決められたアルゴリズムに従って自動でビットコインの売買をする, という一連の流れを紹介します. ごく簡単な紹介にとどめるので, その先は各々で試して自分なりのやり方を考えてほしいです. *僕は仮想通貨に関しても

この記事はフリーランスアドベントカレンダーの19日目です。 adventar.org タイトルはmizchi氏のこちらのエントリをパクりました。 mizchi.hatenablog.com 何故かというと、このエントリを読んで「ベンチャーからフリーランスになった人」との対比として「フリーランスからベンチャー社員になった人」という視点でエントリを書いてみたいなと思ったからです。 といっても、ぼくは別に廃業したわけではないので、正確にはフリーランスをやめてはいないし、副業としてコード設計のアドバイスしてほしいみたいな話は歓迎ですし、今後ずっと正社員として生きていくという気持ちがあるわけでも特にないです。 はじめましての方に説明すると、自分の経歴は 情報系専門学校卒業 => 新卒で零細SIer(Android) 1年 => 転職して零細ゲーム会社(Unity) 2ヶ月 => フリーランス(And

この記事は退職者その2 Advent Calendar 2017の17日目の記事です。 今年に入ってこれからの生き方を考えた結果、某社を退職しました、転職して3ヶ月。現在の話と勉強会復活のお知らせ。という2つの転職系記事を書いており、こっち方向のネタは尽きたので転職活動を焦点にした記事にしようと思います。 エンジニアが転職する時、いろいろな軸で会社の良し悪しを決めていくと思います。ただ、「自分では○○が重要だと思ってそればっかり見てたけど今にして思えば△△もちゃんと見ておけば良かった」となってしまう時もあります。なのでとりあえず会社を見る上でチェックポイントになりそうな項目をひたすら並べていこうと思います。この中で「これは重要だな」と思う項目があったら、転職活動する時に確かめてみてください。 ※ちなみにもちろんですが私は転職する時に以下に挙げる全ての項目をチェックしたわけではありません。単

Seleniumの記録・再生ツールといえばSelenium IDEやSelenium Builderが有名ですが、これらのツールはFirefox55以降動作しなくなっていました※1。そこでSeleniumプロジェクトチームによって新バージョンの開発が進められ、先日ついに、Chromeで動作する新しいSelenium IDEのバージョン1.0がリリースされました。 今日は、この新しいSelenium IDEをはじめとする、無料で使える様々なSeleniumスクリプトの記録ツールについてご紹介します。 なおこの記事では、プログラマー向けに、「プログラミング言語によるスクリプト作成の補助ツール」という観点から各種ツールを比較します。プログラミング言語でスクリプトを書く場合も、スクリプト記録ツールは下記のような用途に活用でき、非常に便利です。 ブラウザ上の要素のロケータ※2 を簡単に取得する テス

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? なぜかミクシィ社でエンジニアだった人々がアドベントカレンダーを書くことになってしまったex-mixi Advent Calendar 2017、12月11日担当の @tnj です。 一般的に、会社を退職することになったら退職届というものを会社に提出することになります。その退職理由には「一身上の都合」と書くのが通例だと思いますが、私はちょっと変わった退職の経緯を持っているので、今回はそれについて共有してみたいと思います。思いのほか長くなってしまいましたが、社会人歴10年目のソフトウェアエンジニアのキャリアの変遷の一例としてお楽しみください

こんにちは、Misocaのとよし（@toyoshi)です。 この記事は、Misoca Advent Calendar 2017 の9日目の記事です。 年末ですね。今年1番驚いた話は、グルテンフリーをやってみようと思ってお米＋専用の粉でパンが作れるホームベーカリーを買ったところ、専用の粉というのがグルテンパウダー（例えばこういうの）だったことです。ホームベーカリーを買って箱を開けたときに本当に恥ずかしい気持ちになりました。 さて、私の苦手なものに、手順が曖昧であったり、何かを思い出すストレスというものがあります。なので、繰り返し発生する作業は「自動化できないか？」「そもそもやらなくていいのではないか？」ということを考えてるようにしています。そして、自動化できるものは自動化し、それが難しくてもマニュアル化することで次回以降に自分が記憶喪失になっていても作業ができるようにしています。 今回はそん

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

年末だからかなんだからか、転職・退職に関する話題が多い。 Advent calendarは2セット満員だし、Twitterのハッシュタグもバズったようだ。 ずっと吐き出せなかったことを、匿名で書いておこうと思う。 書ききったら思いのほか、長くなってしまった。 結論だけ知りたい人は、最後の段落だけ読んでくれても良い。 先に言っておくが、おそらく普通の人が期待するような 「ユーザから絞り上げる体制が～」だの「ゲームをバカにする姿勢が～」だの言う話は無い。 また、ここに書いた事がすべてではない。 例えば給料とか、通勤が面倒とか、そういったありふれた理由も多くある。 ここに書くのは、辞めようと思った原因の一つでしかない。 私はずっと、プログラマとして賃金を稼いでいる。 そのソシャゲ屋に入ったのも、引っ越しを機に転職した、ただそれだけの話だった。 ソシャゲ屋に絞って探していたわけではない。 ただ、ゲ

この記事はReact Native Advent Calendar 2017の5日目の記事です。 こんにちは。モバイルエンジニアの@hotchemiです。 今回はQuipperにおけるReact Native活用事例に関して紹介したいと思います。 目次 導入の背景/効能 開発におけるメリット/デメリット リリースサイクル 技術スタック おわりに 導入の背景/効能 Quipperが開発しているスタディサプリでは合格特訓プランという現役大学生コーチによる学習伴走サービスを提供しており、コーチとユーザーのコミュニケーションをより円滑にする為にメッセージ機能をベースとした業務補助iOSアプリの開発を実施する事になりました。 最初のバージョンこそSwiftで開発を進めていたものの以下の組織的・技術的な課題に直面した為、React Nativeを用いた開発に方針転換し現在では運用が軌道に乗っています。

これは Vue.js #3 Advent Calendar 2017 – Qiita 4日目の記事です。 こんにちは。SVGで色々なコンポーネントを作っているものです。最近の作品は下記のような感じです。 Webでグリグリ動くUIを作りたい！！という一心でやっています。 これらはほとんどSVGとVueの組み合わせのみで作っています。依存が少ないというのは大事で、ライブラリ間の相性でハマったり、いろんなドキュメント間を往復することがなくなります。 Webでグリグリ動くUIを作るのは基本的にめんどくさいです。jQuery pluginを駆使して作るのも闇が多いですし、divやcanvasをゴリゴリするのも結構手間がかかります。 ですが、最近はSVGで高度なUI実装されることが増えてきた気がします。特に自分が衝撃を受けたのは、CacooがFlashからSVGにスイッチしたことです。 nulab-i

この記事は Akatsuki Advent Calendar 2016 の6日目です。 はじめに こんにちは、アカツキでチーム開発マネージメントをしているゆのん(id:yunon_phys)です。 アカツキではアジャイル開発手法の一つであるスクラムを取り入れて、ソーシャルゲームの開発を小さなチームで取り組んできました。近年では、高品質かつ多くの機能を持ったゲームを短いスパンでリリースし続けることが市場として求められてきており、開発が年々大規模化してきています。このため、ユーザー価値を最大化しつつより開発がスケールするように、小規模チームから大規模チーム用に開発プロセスを拡張する必要性が出てきました。そこでこの記事では、アカツキの大規模チーム開発プロセスの取り組みを紹介します。 大規模開発における課題 開発規模が大きくなると、小さな規模で発生しなかった問題がいくつか出てきます。様々な問題のう

クソアプリ Advent Calendar なるものを見つけたので投稿してみます． クソアプリという言い方はあまり言葉遣いはよろしくないですが，ご容赦ください． この記事は，クソアプリ Advent Calendar 2016の2日目です． qiita.com クソアプリ作成は基礎的な技術を身につけるには最適 素晴らしいサービス・プロダクトって，基本的には単純なことの組み合わせなんです． 例えば，iPhoneは，素晴らしい製品です． しかし，とてもざっくりいうと「ミュージックプレーヤー」と「電話」を組み合わせなわけです． はてなブックマークも，「ストックする」という機能と，「コメントを残す」という機能の組み合わせです． このように，サービス・プロダクトを作る際には，なにかを組み合わせるということがキーになってくるわけです． つまり，その根底にあるのは基礎的な技術です． クソアプリとは，ここ

この記事は Vim Advent Calendar 2012 365日目の記事になります。 そう… 365日目です！！ 今日は11月30日、明日には12月01日が始まります。 本当に1年ぶっ続けでやってしまった と、いう事で Vim Advent Calendar 2012 最後の記事なのですが、特に面白いネタも思いつかなかったので中間発表の時のようなまとめ記事になります。 集計するにあたって手伝ってくれた syui さん、supermomonga さん、raa さん、ありがとうございました。 ※例によって人力で集計した部分もあるので間違っているところや記入漏れがあったらごめんなさい。 [年間トータル投稿数ランキング] 第1位 73回：manga_osyo 第2位 28回：tyru 第3位 23回：ujihisa 第4位 17回：supermomonga 第5位 14回：cohama 第6