江草陽太 大阪府生まれ。ネットワーク、データベース、情報セキュリティのスペシャリスト。 洛星中学・高校のロボット研究部創立メンバー。ロボカップジュニアジャパンなどのロボコンに出場。 その後、大阪大学工学部電気電子情報工学科に進学。NHK大学ロボコンに出場。学生時代より個人事業としてシステム開発を行う。 2014年10月、新卒採用によりさくらインターネットに入社。「さくらのVPS」等のバックエンド開発を担当。IoTプラットフォーム「sakura.io」の開発責任者を担当し、サービス設計と開発を行う。 2016年7月、執行役員に就任。現在は、さくらインターネット全体の技術統括とコーポレートIT、情報セキュリティを担当。宅急便をSlackから発送できるサービスを開始するなど、コーポレートITに関わるDXのサービス化も行っている。 需要がなくならないエンジニアであり続けるために必要なスキルとは何で

はじめに ※ (2024/03/14 16:33) 「インテグレーションテストの気軽な実行・変更ができない」節にて、データのクリーンアップを teardownで行うよう修正 EC開発-B グループの岡崎と EC開発-A グループの菊川です。2人とも普段は MonotaRO の EC サイトの開発に従事しています。 今回は、昨年11月に開催した、テストとリファクタリングのためのワークショップの中で行ったライブコーディングの準備をするにあたって困ったことについて記載します。 ライブコーディングでは、参加者全員の前で実際のプロダクトのソースコードをリファクタリングする、ということにし、それにあたって研修の運営メンバーでリファクタリングに取り組んでみました。ただ闇雲にリファクタリングするのではなく、研修では参加者に「どのような流れや考え方でリファクタリングをするか」を理解してもらえるように、運営メ

こちらのイベントのLT登壇資料です。 https://ochacafe.connpass.com/event/308830/ 登壇後、資料内の論理展開を登壇者の判断で改善しております。以下は登壇時からの主な修正点です。 ・レガシーMPAについて、FCPのみに着目して初回表示が遅いとしてい…

zenn.dev エディタを作っていると iOS Safari でキーボードを開いたときの挙動は本当に大変ですよね。 この記事では、キーボードを開いたままスクロールしてもフッターを固定できるようなワークアラウンドを最近見つけたので紹介します。 Safari 16 以降が必要。キーボード開閉時に追従が遅れる挙動は改善しません。 デモは https://mechairoi.github.io/ios-safari-virtual-keyboard/。iPhone か iOS Simulator でお試しください。 GitHub - mechairoi/ios-safari-virtual-keyboard Virtual Keyboard の挙動 Virtual Keyboard を開いたときには以下のようなことが起こっていると推測しています。 Visual_Viewport_API で取得で

■まず「問題」をわかっていない人が大半である 「解決策がわからないのではない。問題がわかっていないのだ」 ギルバート・チェスタートンの名言である。VUCAの時代となり、 「どうすればうまくいくのか？　やり方がわからない」 と嘆く人が急増している。しかし「やり方」を見つけようとする前に「あり方」を正しく理解しているだろうか。「あり方」がわからなければ、問題を特定できないし、「やり方」を見つけることもできない。 マネジャー研修をしていると、私は必ず「ある質問」をする。その質問とは、 「今の職場で抱えている問題を一つ挙げてください」 である。 「パッと思いつくままに書いてください」 と促すと、次のようなことを口にするマネジャーが多い。 「部下のモチベーションが低い」 「仕事が偏っている」 「情報共有ができていない」 「仕事の効率が悪い」 「報連相がない」 この中でも圧倒的に多いのが「部下のモチベ

■「キャリアアンカー論」と「プランドハプンスタンス論」 今回は、これから社会人になる人のほとんどが知らない事実について書く。その事実とは中盤に書き記すとして、まずはモノサシ（判断基準）についてである。新社会人は、上司が言っていること、メディアが言っていることを鵜呑みにすることなく、自分自身のモノサシを持つことが大事である。自分なりのモノサシがあることで、 「もうすぐ社会人になるのに、夢のひとつもないのか？」 「自分のやりたいことがわからないなんて、どうかしてる」 といった「ユメハラ」「WILLハラ」に悩まされることも減るだろう。 そのためにも、キャリアプランには「キャリアアンカー論」と「プランドハプンスタンス論」があることを、まずは知っておこう。 確固とした自分のキャリアゴールを見据えたうえで自己研鑽を繰り返し、働く環境を自らの意志で選択するのが「キャリアアンカー型」で、偶然によって身を置

任意の要素に対して、ブラウザデフォルトのフォーカスリングが描画されるように明示的に設定したいことがある。たとえばスタイリングの都合により、一度取り除いたフォーカスリングをふたたび適用したいとき。 フォーカスリングのスタイルは、ブラウザの種別や状況によってまちまちであるため、CSSでそれらしいものをエミュレートするのが難しい。そのため、同じものを呼び出せるような特別なやり方を採用できると望ましい。 一つの方法として、outline: revertを適用すればデフォルトの挙動を復元できる。 * { outline: 0; } button { outline: revert; } しかし場合によっては、通常はフォーカスリングが描画されない要素に対して、ブラウザのデフォルトと同じフォーカスリングが描画されるようにしたい、ということもあるだろう。この場合、outline: revertではフォーカ

A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

Google for Education認定トレーナー＆コーチの笠原です。 Googleフォームでデータを集める機会が増えていると思いますが、その後の分析にスプレッドシートを使っている方は多いかと思います。 そんな分析を行うときに、慣れていなくても簡単にちょっとした分析が出来るツールを紹介します。 「データ探索」を使おうこんな感じのアンケート結果をどうまとめるか…？ ※データはダミーです画像のように収集したデータを分析するときにどこから手を付けたらよいかは慣れていないと難しいですよね。 スプレッドシートには分析に便利な関数やピボットテーブル機能やグラフの作成機能などもあるのですが、普段から使い慣れていないと「？？？」となってしまうのも仕方ないところです。 お手本があれば自分で工夫できる可能性が出てくるはずです。 そんなときに便利なのが「データ探索」です。昨日も同じことを言っていましたね！

株式会社overflowによって開催された、開発組織のあり方について考える1ヶ月「CTOWeek 2023 by Offers」。Week4に登壇したのは、株式会社BuySell Technologies 取締役CTOの今村雅幸氏。 テックカンパニー化を推進する上で必要な考え方について発表しました。全4回。2回目は、エンジニアリング組織のマネジメントにおけるバリューの重要性と、エンジニアの採用において必要な考え方について。前回はこちら。 エンジニアリング組織のマネジメントで重要なのは“バリュー” 今村雅幸氏（以下、今村）：次にエンジニアリング組織マネジメントですね。エンジニアリング組織マネジメントもいろいろと要素はありますが、会社の成長を支えていく上でエンジニアリング組織マネジメントはメチャクチャ重要です。「エンジニアリング組織マネジメント」と一言で言っても、すごくいろいろと要素があります

私は品質管理部の部長をしつつ、開発チームの中で品管メンバーとして動いています。 その中で私が入っている「お会計チーム」でどういったことをおこなっているかを次のブログに書きました。 お会計チームの扱っているものの特性もあり、主にSETスキルを活用しながら案件をリリースまで進めています。 上記の記事に書いているのですが、私がおこなっていることの流れとして（大まかに書くと）次のようなことをおこなっています。 （１）仕様の把握、対応するコードのレビュー （２）上記を元にどのように守っていくかを考えていく この中で「コードレビュー」としてどういったことをおこなっているのかについてあまり書いていないなと思ったので、もう少し詳しく書いてみようかと思います。 なお、今は運用コストなどを考えて、（一般的に言われる）E2Eテストは導入していません。 なので、後述する話で出てくるテストコードは全てそれを除くテス

ウォンテッドリー株式会社の社内イベント "Tech Lunch" で話した発表です。 プログラムには大小さまざまな粒度の「状態」が存在します。 状態の設計を工夫することで、コーナーケースの発生を抑止し、ユーザー体験を最適化することができます。 本発表では、私が普段どのように「状態」について考え…

2023年12月25日 著 私はGoogle アラートに「アクセシビリティ」とか「JIS X 8341-3」みたいな言葉を登録していて、Googleの検索対象にそれらを含んだコンテンツが新たに登録されるのをウォッチしているのですが、またしても改正障害者差別解消法に関して間違った解釈が掲載されているのを見つけてしまいました。あえて掲載元にリンクはしませんが、一部を引用します： 2021年の障害者差別解消法の改正により、2024年4月1日から民間事業者の合理的配慮が義務化されます。ウェブサイトの場合では「JIS X 8341-3:2016」という規格に準拠したウェブサイトを作り、ウェブアクセシビリティを確保することが義務化されます。 最初の文は、何ら問題なく、正しい内容です。問題はそのあとで......改正法のどこをどう読めば、JIS規格に準拠したWebサイトを作ることが義務化されるというので

弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 はじめに 英語での適切な命名は、コードの可読性や保守性を向上させるために重要です。適切な命名規則を守ることがコードの理解や共有において不可欠です。 英語での命名規則を学び、適切な命名を行うことで、コードの読みやすさや保守性を向上させ、チーム全体でのコードの理解を促進する手助けとなります。 この記事では、日本人エンジニアが英語での命名規則を理解し、適切な命名を行うための指針を提供します。 命名フローチャート 変数 関数 クラス 1. 変数 1-1. boolean 1-1-1. 存在するかどうかのフラグ 名詞 + exists

【Next.js】Google Analytics も YouTube iframe 埋め込みも公式ライブラリでいけるようになるぞ ちょっと株式会社 Advent Calendar 2023 12 月 24 日の記事です。 みなさんこんにちは、chot Inc. の Web エンジニアです。 Next.js で Google Analytics を導入するとき、どうしていますか？僕は毎度「nextjs google analytics」でググって「こうやるのか〜」と適当に作っています。本当にちゃんと計測されているのか疑心暗鬼です。 また、YouTube の iframe 埋め込みはどうでしょう。普通に iframe を埋め込むと PageSpeed Insights のスコアをごっそり奪っていきます。恐ろしいですね。 これらのサードパーティリソースを SPA である Next.js に導入

この記事は、弁護士ドットコム株式会社の Advent Calendar 2023 の 22 日目の記事です。 前日は @et_tei さんの「FireHOL で公開されているブラックリストからの接続 Akamai でブロックする」でした。 こんにちは。税理士ドットコム事業部の @komtaki です。 数年間 TypeScript を業務で使っていたのですが、型パズルの Type Challenges をやってようやく TypeScript の本質を理解していないことに気づきました。 この記事では Type Challenges を通して、私のような型パズルが難しいと感じる人のために型パズルを理解するための言語機能と使い方を 8 つのポイントでまとめます。 この 8 つのポイントを理解すれば、いろんな型パズルが理解できるようになるはずです。 Type Challenges とは TypeS

最終更新日: 2024年05月07日(火) 1. ご挨拶 2. 本記事執筆のモチベーション 3. ワークショップを通じて得たフィードバック 3-1. Pains -過去抱えた/現在進行形で抱えている辛み- 3-2. Approaches/Solutions -Pains を解消するために取った方策や導き出した解決策- 3-2-1. えいやで場所を決め打ちしてしまう(e.g., GitHub Wiki + Google docs しか使わない) 3-2-2. 個人的に、2023/12/05時点で〜みたいな書き方を心がけている 3-3. Tips -効果的な手法- 4. オーディエンスからの反響 4-1. 気づきや学び・NEXT ACTIONS 4-2. プレゼンター(@hayat01sh1da)へのフィードバック 4-3. Slack での反応 5. おわりに 1. ご挨拶 初投稿となります

Firefoxでは、Preload Scannerという呼称ではなく、Speculative Parserと呼称されています。 Shallow Parsing Preload Scannerは、Shallow Parsing(浅いパース処理)という手法を使います。 Shallow Parsingシャローパーシングとは、文法解析の一種であり、構文解析の表層的なレベルで行われる解析手法です。 Shallow Parsingは、文法構造を完全に解析する深層解析（Deep Parsing）とは異なり、文書やコードの全体的な構造を理解しようとはせず、特定の情報やパターンを効率的に抽出することに焦点を当てています。 WebブラウザのPreload Scannerにおいては、Shallow ParsingがHTMLドキュメントの表層的な構造を迅速に解析する役割を担っています。 Preload Scann