2020年はペパボに9人の新卒エンジニアが入社しました。今年も新卒エンジニアを対象に、3ヶ月に及ぶエンジニア研修を開催しました。 本エントリでは、研修の全体像のご紹介や、研修で利用した各資料を公開します。また、領域別に研修担当者より概要の紹介をします。 新卒研修の資料作成を担当している方や、新卒・中途問わず、新しい領域にチャレンジしたいエンジニアの方はぜひご覧ください！ GMO ペパボの研修 GMO インターネットグループでは、毎年 GMO Technology Bootcamp(以下、GTB) と題して、グループ全体のエンジニアとクリエイター(デザイナ)が集まってプロダクトを作っていく上で必要となるベースラインの技術を学ぶ研修を行っています。 GMO ペパボの新卒入社のメンバーは今年から本格的に GTB に参加しました。新卒メンバーが参加するなら、と講義の内容の作成や講師としての参加につ

おっちー｜とある設計屋 @miz_otty 行政の完了検査の出来事 検査員「では、特に指摘なしということで、検査は終了で、」 僕「はい、ありがとうございました！」 検査員「あれ？　ちょっといいですか？」 僕「はい！？（やばい！何かあったのかな？）」 検査員「チャック全開ですよ」 検査は指摘なしでした。 #クソ現場祭り2020 2020-09-07 12:00:00

Pythonでコードを書くときのGood/Badプラクティス こちらの記事は、DuomlyによりDev.to上で公開された『 Good and Bad Practices of Coding in Python 』の邦訳版です（原著者から許可を得た上での公開です） 元記事：Good and Bad Practices of Coding in Python ※ 記事の内容に注意すべき点と誤りがあるので、詳しくは注釈まで目を通すことをおすすめします。 （以下、翻訳した本文） この記事は元々 https://www.blog.duomly.com/good-and-bad-practices-of-coding-in-python/ に公開されたものです。 Pythonは可読性を重視した高水準のマルチパラダイムプログラミング言語です。Pythonは、「Pythonの禅」、別名ではPEP 20と

Nature での React Native アプリの運用について / React Native App in Nature

接客金魚ちゃん @sekkinchan 接客金魚ちゃんです。接客していて良かったことや悪かったことを呟きます。絵と文字は友達に描いてもらっています。

榎宮祐♟️ノゲノラ @yuukamiya68 いいですか。洗濯機をね、買い換える時はね、タッチパネルを採用してるものを買ってはいけません。だいたい本体がイカれるより先にタッチパネルが死んで業者呼ぶことになるのです。結局機械は物理ボタン以外信用してはいけないのです😇 2020-08-31 13:28:23 榎宮祐♟️ノゲノラ @yuukamiya68 令和にもなればタッチパネルも信用していいなどと思った私が愚かであった……ただでさえ壊れやすいドラム式にタッチパネルなどこうなると想定すべきであった……おのれぃ…… 2020-08-31 13:31:25

ある店舗の「量を減らす」宣言 ラーメン二郎は、店によって量がかなり違う。 普通のラーメンを頼んでも、あっという間に食べられる店もあれば、かなり頑張って頑張って突き進まないと食べきれない店もあって、けっこう差がある。 およそ2年少々でラーメン二郎のほぼ全店をぐるぐるまわって（だいたい均等にまわって累計330回ほど）、それぞれ完食するまでどれぐらいかかったかを記録しているのだが、早いところだと4分かからずに食べきれるし、多いところだと8分を越えてしまうことがある。つまり倍ほど違う。また、多いところにかぎって、ブタをおまけにたくさん乗っけてくれたりして、ぶぎゃーと叫びつつ、10分近くかかってしまうこともある。 デフォルトの量で、かなりの差があるのだ。 ラーメン二郎好きたちは、「この店の量は少ない、ここは破壊的に多い」ということをだいたい把握している。また、インターネットでそういう情報が交換されて

仕事において欠かせないスケジュールですが、捉え方を間違えると、大きなストレスの源になりかねません。特にウェブ制作の仕事において、スケジュールは100%コントロールするのは現実的ではありません。そういった考え方をまとめました。

本日は、ゲーム産業の未来をテーマにお時間をいただいております。 私見では、過去４０年と今後とはやや不連続ですが、一貫する本質を理解しなければ将来を見失うので、時間は非常にタイトですが、あえて過去と未来、双方をお話しします。 本日の流れです。 まずはコンピュータゲームの定義。 ゲームに関する論説に手応えのあるものが少ないのは、考察対象が定義されていない事も一因と考えるからです。 次にこれまでの４０年の歴史をお話しします。 ゲーム産業は、５年から１０年毎に、断絶とも見えるような大変革、主役の交代を繰り返してきました。しかしながら、そうは言っても、ある流れに沿って直線的に進んできたというのが私の見立てです。 ところが、最早その流れの延長では通用しなくなったのではないか。現在は、不連続な未来への過渡期にあたると考えています。 では、先の見えない過渡期にいながら将来をいかに占うか。その点について次に

「ファイナルファンタジー・クリスタルクロニクル」（長い・・ので以下、FFCC）のリマスター版が発売されました。 このタイトル、実はスクウェアが任天堂と取引再開した記念碑的タイトルなんです。 これを機会に、任天堂との取引再開の経緯、また、このタイトルが実は当時のスクウェアの革新について重要な役割を担っていたことについて、書いてみます。 任天堂出禁私が着任した２０００年時点でスクウェアはソニーのプレイステーション（以下、PS）以外にタイトルを供給しておらず、任天堂から取引拒否をされている唯一のゲーム開発会社だった。 どのプラットフォームにも供給できる選択肢を持っているのが自然であるし、携帯ゲーム機を製造しているのは任天堂だけだったので、この観点でも取引は必須のはず。ところが、着任時のスクウェア社内では、出入禁止になっている事がシリアスに捉えられていなかった。 解せないながら、２０００年内は管理

2016年2月末、スクウェア・エニックスを離脱して数か月になり、これまで伝えられなかった事もお話しできる立場になりました。 証券時代16年、ゲーム時代16年と、気がつけば中々の古参。 改めて見渡すと、アーケードゲーム、家庭用ゲーム、PC、スマホゲームと全ての時代を経験し、かつグローバル展開を行っていた方がほとんどいらっしゃらない事に気づきました。 またこの間、経営者として、業界リーダーとして、数々の貴重な局面に立ち会っています。 事実を忘れてしまったり、自分の都合のいいように記憶を塗り替える前に、皆さんにお話しする意味があると思いました。 経営者は、その足跡について1ミリ単位で説明できなければならないというのが、私の持論です。 無論、その時々の事実認識には個体差はあるでしょう。また、戦略実行にあたっては、様々な方が関わりますから、各人の視点によって、同じ事実でも見え方は異なるでしょう。さら

動画の無音シーンを自動でカットしてくれるMac用アプリ「VSSR」がリリースされています。詳細は以下から。 VSSR(Video Silent Scenes Remover?)はmacOS/iPadOS対応の動画用字幕作成アプリ「字幕スタジオ将軍」などを開発しているSota Yokoeさんが新たに開発＆公開した動画用ユーティリティで、読み込んだ動画内にある一定時間無音が続くシーンを検知して自動的にカットし書き出してくれる機能があります。 VSSRは動画の無音部分を検知して自動でカットします。音声トラックのある動画を読み込むと、自動で無音部分を検知・カットし、無駄のない短い動画を作成します。無音部分をカットして、短くテンポの良い動画を作りましょう。 VSSR – Mac App Store アプリの右側にある[Minimum Audio Level]、[Minimum Silence Dur

ソフトウェア界隈でとても話題になっている『Engineers in VOYAGE ― 事業をエンジニアリングする技術者たち』を読んだのです。 一口に言うと、とてもリアルで身近な現場の話。VOYAGEグループの中のいくつかの事業を運営する開発現場のインタビュー集です。インタビュワーの和田さんの質問が的確に読み手の疑問を深堀りしていっている。 繰り広げられる会話が身近で共感できつつ、その中に考え方のエッセンスがうまく一般的な用語・知見とマッピングされています。それは、ところどころcolumnとして補足される情報から読み取れます。 また、ところどころ広告事業や人材採用向けサービスという事業領域に特化した業務知識の補足もあり、興味深かった。自分は事業とそこから生まれる要求に対して、どのように整理・意思決定していくか、という点に関心が強めです。そんな自分にとって本書で繰り広げられる話は、その意思決定

airbnbからjs→ts移行のツールが出ましたね…！ Learn about how we used codemods to accelerate migration from JavaScript to TypeScript at Airbnb. https://t.co/s1WihkfD1F — Airbnb Engineering (@AirbnbEng) August 18, 2020 早速使ってみたので、その手順と使用感について書きたいと思います。 コード量によるのですがかなり簡単にできるように感じました。 TSにしたいけど面倒やなぁって感じてる方に是非 移行前のファイル 簡単なテンプレを使って試してみました！ これをts化させていきます。 ├── src │ ├── img │ │ └── common │ │ └── favicon.png │ ├── js │ │ └──

15年分のブックマークで再発見 おかげさまで、はてなブックマークはサービス開始から15年を迎えました。その歴史を掘り起こし、特に注目を集めたページをまとめて、タイムカプセルに見立てました。サービス開始当初の2005年までさかのぼり、"インターネットの歴史"を感じていただくことができます。「今見ても古びないブログ」や「昔見つけたあのサイト」を再発見してみてください。 はてなブックマーク全体の歴史 あなただけのブックマーク 他の人は知らなくても、あなただからこそ思い出せる。あなたが過去にブックマークした中から、そんなエントリーをピックアップしました。「あなただけの関心」は、日々誰かの新発見になります。これからもブックマークを通して、他のユーザーにとっても価値のある情報をつなげていきませんか。 あなたの歴史

こんにちは！ぬこすけと申します！ Reactを使って個人で本のおすすめ度を点数化して紹介するサイトを作っています。 ひたすら本のリストページのパフォーマンスチューニングをしていたのですが、LightHouseのパフォーマンススコアで下記のように爆上げすることができました！ Before パフォーマンススコア：30前後くらい ※表示する本のリストは10件 After パフォーマンススコア：90前後くらい ※表示する本のリストは400件程度 (2020/8/12に計測) 今回の開発で得た経験を元に、Reactにおけるパフォーマンスチューニングのノウハウをご紹介したいと思います！ なお、導入効果と導入工数、おすすめ度を主観で５段階でつけさせていただきました！ なお、React Hooksをはじめ、2020/7/28にリリースされたNextJs 9.5など、最近の技術も活用しているので、そこらへん

Reactアプリを作成 Material-UIで管理画面を作るためのベースとなるReactアプリを作成します。 Create React App Create React Appで新しいReactアプリを作成します。 npx create-react-app react-material-ui-sample --typescript プロジェクトのディレクトリへ移動して実行します。 cd react-material-ui-sample npm start ブラウザにReactアプリが表示されます。 ディレクトリ構成 ディレクトリはあまりネストさせすぎずシンプルな構造にしました。コンポーネントの分け方はAtomic Designを参考にしています。 src/ ├ components/ │　└ atoms/ # 原子（個々のパーツ） │　└ molecules/ # 分子（原子の集合体）

A collection of Design Systems for Figma from all over the globe 🌎 backed by code.