はじめに 業務アプリケーションの開発を、リーダー/リードエンジニア的なポジション（当社内用語ではアプリ/アーキポジション）で複数のチームを通してここ6,7年ほど開発しています。 このときのコードベースを開発者にとって高い品質に保ちたい育てたいという思いと、一方で重要なビジネス的スケジュールから落とし込まれた、期限的に不可能ではないが余裕があまりないという開発タスクを幾度となく消化したり、数年の月日とともに陳腐化した採用技術、実装方針、古いライブラリバージョン、低速な単体テスト、などいわゆる技術的負債がでてきました。 声掛けだけだとどうにも進まないこれらを、どうバランス取っていくかについてよく考えているので吐き出していきます。本来はFour Keysのような（観測可能な）メトリクスを取得＋チーム目標とすべきだと思いますが、そこまで至っていないです。観測すべきものが何なのか？という段階でのモヤ

E2Eフレームワークとして高い人気を誇ってきたのがCypressです。使いやすいテストランナー、わかりやすいテスト結果、TypeScriptの組み込みサポート、プラグインによる拡張、(Seleniumと比較して)高速な実行などを提供しています。フューチャー社内でも使っているプロジェクトがいくつもあり、過去にCypress連載をブログ上で行い、それがきっかけとなってSoftware Designに連載も行いました。 一方で、現在人気が高まりつつあって、Cypressを追い抜こうとしているのがPlaywrightです。かなりCypressを意識して機能追加を行なってきている印象があります。現時点では特徴的なタイムトラベルデバッガー（過去の履歴すべてを保持しておいて気軽に前後DOMの状態を比較したりできる)、スクリーンショット、どちらもExperimentalなコンポーネントテストなど、できるこ

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き

あそこの道路、とうとう来月開通するらしいですよ。職場のひとが話していた。 道路が開通するその瞬間、そこでは何が起こるのか。一部始終を見届けてきました。 今、この瞬間に道路が道路になる 今回開通するのはつくば市内の道路。長さ約600m、西谷田川を越えて目と鼻の先を繋ぐような道だ。 国土地理院地図タイルより作成 2012年の時点ではまだ広い耕作地だったのが 2018年に一歩延伸、 2020年に入って今回の道路の整備が始まって 2023年にようやく開通というわけだ。道の向こうにどんどん住宅が増えていくのもおもしろいし、手前の白い平屋の建物がずっと変わらず残っているのもすごい。 惜しむらくは、しょっちゅう工事現場の前を通っていたはずなのに、その経緯をほとんど写真に残さなかったことである。 道路を ある/ない の2元的に捉えていたのだと思う。今回はちょうど、「ない」から「ある」へ移り変わる瞬間、道路

はい。 このブログをわざわざ読んでいる方なら既にご存知かもしれませんが、マストドンをご存知でしょうか。 いわゆる分散型マイクロブログの一種で、2017年ごろのTwitter社による日本人イラストレーターの大規模凍結あたりで一時期話題になり、 最近またイーロンマスクによるTwitter社買収から始まった一連の混乱で再度少し話題にもなりました。 で、まあ僕としてもマストドンに小改造をしたうえで自分で運用しているんですが、マストドンのコードは今となってはだいぶ厳しい。 厳しい部分を挙げると割とキリがないんですが、ざっくり書くと フロントエンドがWebpackerにべったり、かつ独自configを書きまくっている デフォルトが隠蔽されているWebpackerと合わさり最終的にどういうconfigでwebpackerが動いてるのかたぶん誰も把握できてない Typescriptじゃない 動いてるからヨ

","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 --><!--株価検索 中⑤企画-->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">

情報処理推進機構（IPA）の公式Webサイトリニューアルにおいて、多くのページにリダイレクト設定がなされず問題視されていた件を巡り、IPAは4月3日「ご不便をおかけしまして大変申し訳ありません」と謝罪した。 IPAは3月31日に公式Webサイトの全面リニューアルを実施。モバイル端末からの閲覧を意識したデザイン改修、コンテンツへの導線の改善などを図ったとしていた。その中で多くのページのURLも変更したが、リダイレクト設定がほとんどなく、既存のリンクを開いても「404 Not Found」とのみ表示されることが問題視されていた。 謝罪文によると、リニューアルに際して「安定的なレスポンスの確保を考慮し、リダイレクト対象とするコンテンツを選定した」という。しかし、多くのユーザーがIPAのコンテンツを資料として使っており、その影響について認識が不足していたのが原因の一つとしている。 なぜ「404エラ

WebAssemblyに特化したスタートアップFermyonは、WebAssemblyでサーバレスアプリケーションを開発するためのフレームワーク「Spin」がバージョン1.0に到達したことを発表しました。 Introducing Spin 1.0 The open source developer tool supports programming languages such as #Rust #Go #JavaScript #TypeScript #Python C# along with features such as database connectivity, built-in key/value store and more. Learn about #Spin 1.0 https://t.co/vsb419mdHu — Fermyon (@fermyontech) Marc

パスポートを新規に発行する手続きが、27日から大阪や埼玉など16府県で、オンラインでできるようになりました。 スマートフォンなどでマイナンバーカードの情報を読み取って申請すれば、窓口に出向くのは受け取りの際の1回で済みます。 パスポートの新規発行や更新手続きは、住民登録がある都道府県などの窓口に出向いて、本人確認書類などを添えて申請する必要がありますが、利便性を向上させるため、オンラインで行えるよう各地でシステムの整備が進められています。 そして、27日から ▽新規発行の申請が、大阪や埼玉など13府県の全域と、茨城、熊本、沖縄の3県の一部の窓口で、 （１３府県＝青森、宮城、埼玉、千葉、富山、大阪、京都、和歌山、鳥取、 徳島、香川、高知、大分） ▽更新の申請は、一部を除く全国でオンラインで行えるようになりました。 スマートフォンなどで写真や自筆のサインの画像を登録したうえで、マイナンバーカー

最近ぬいぐるみを買うようになりました。 これは「トリトドン」というポケモンのぬいぐるみです。かわいいですね。 ｯｯﾌﾟハｬア────ァ（ｷﾁｭｷﾁｭｷﾁｭ） 見てください。このムンッとした顔。 間の抜けた表情なのに妙に使命感を帯びているようにも見えます。長時間の「待て」を強いられたときの犬みたいでかわいい。 もう一匹います。二匹並ぶと、なおのことかわいいですね。 何か飼い主に不満を訴えかけているようにも見えます。ぬいぐるみなのに「餌やり忘れてたっけ？」と焦る気持ちになります。 四倍弱点が狙っている 最近になってぬいぐるみを買うようになったので、部屋にこういうかわいい奴らがいるという事実が新鮮で楽しいです。 しかしその反面、ぬいぐるみ飼いとしてまだ新米なので、その振る舞いがまだ分からずにいます。 特に、気になっているのは…… このタグ切っていいの？ 買ったときについているコレ。正直、邪魔で切

採用が困難な時期に妥協して未経験エンジニアを採用したけど、それが失敗だった。なぜ失敗なのかを話していきたい。 ただし未経験エンジニアといってもいろいろあって、子どものころからずっと学習してきたような人はただ実務が未経験なだけというように考えている。こういう人はあまり未経験と考えない。 自分への戒めもこめて。 失敗点 リターンがほぼ回収できないエンジニアの生産性の違いが10倍、100倍になることは別におかしいことではない。 そのため、未経験エンジニアに費やした時間がリターンを産むまでにとてつもない時間がかかる。 たとえば、生産性100/営業日の人が10営業日かけて教えるのなら、教えられた人は、1000の生産をしなければ当然マイナスになる。これは泣こうが喚こうが世界の理なのでここは変えられない。 1000の生産は、生産性1/営業日であれば4年2ヶ月かかる。つまり生産性100倍の人を用いる場合は

1980年、東京生まれ。片手袋研究家。町中で見かける片方だけの手袋を研究し続けた結果、この世の中のことがすべて分からなくなってしまった。著書に『片手袋研究入門』（実業之日本社）。 ＞ 個人サイト 片手袋大全 他にも目撃談があった！ この話を友人である路上園芸学会の村田あやこさんにしてみた。村田さんは道端の植木鉢や町中の植物を愛でる専門家だ。 「あ、私もそういうの別の場所で見たことあります」 なんと、日比谷のあの通路だけではなかった！俄然興味が湧いてきた。私は早速、村田さんが目撃した場所に案内してもらうことにした。 新橋駅の地下へ 新橋の改札で待ち合わせ 村田さんがそれを目撃したのはJR新橋駅の地下、横須賀線のホームだという。そこは思いのほか地下深く、そして何とも言えない趣があった。 恥ずかしながらこのホームには初めて足を踏み入れた 「あ、あそこです！」 あった！確かに線路脇に小さな葉っぱが

自民党の青年局（青年局長・小倉將信衆院議員）は、27日、NFT（非代替性トークン）やメタバース技術を活用した集会を行うと明らかにした。 28日に行われる集会で、譲渡や売却ができない形で、岸田首相や小泉進次郎前環境相の顔写真つきのトークン（デジタル上の出席証明・記念バッジ）を配布するほか、6月上旬にはメタバース（3次元の仮想空間）で街頭演説を行う予定だ。小倉青年局長は、「青年局は社内ベンチャーだ。新しいことに取り組むことで、政治のあり方を変えていく大きな第一歩になればいい」と強調した。 岸田首相も言及「Web3.0」 「ブロックチェーンやNFT、メタバースなどWeb3.0の推進のための環境整備を含め新たなサービスが生まれやすい社会を実現いたします」（5月5日) ロンドンを訪問した岸田首相　英・ジョンソン首相と（5月5日） この記事の画像（6枚） 岸田首相が外遊先のイギリスや国会でも言及した、

1985年福岡生まれ。思い立ったが吉日で行動しています。地味なファッションと言われることが多いので、派手なメガネを買おうと思っています。（動画インタビュー） 前の記事：日本に古くから生息するニホンミツバチを探す ＞ 個人サイト Web独り者 彼女がいる風の地主恵亮 調味料は流れ落ちる 美味しく料理を食べるには調味料が欠かせない。調味料を食べたいから、その料理を食べるまであると思う。調味料の力は偉大で、その料理をさらに美味しく輝かせてくれる。だからこそ、効率よく調味料を料理に絡ませたいと考えてしまう。 餃子に酢醤油（とラー油） たとえば餃子には酢醤油とラー油を混ぜたものを付ける。しかし、経験はないだろうか。思っていたほど酢醤油の味がしないぞ、と。餃子の表面はツルツルなのだ。調味料を受け入れないぞ、という餃子側の強い意志を感じる。 餃子に酢醤油をつけても、 基本流れ落ちる！ 馴染まない、流れ落

オンラインゲームの実況プレイでは、複数人がDiscordなどのボイスチャットを使って会話することがありますが、その実況配信や動画の視聴者には「今誰がしゃべっているのか？」というのがわかりにくいことがよくあります。そこで、画面上にDiscordのアイコンを表示した上で、そのアイコンの動きや形をカスタマイズ可能な「OBSのDiscordアイコン外観変更ジェネレーター」を、アルフさんが公開しています。 OBSのDiscordアイコン外観変更ジェネレーター https://obs-discord-icon.alfebelow.com/ GitHub - alfe/obs-discord-icons-css-generator: Discordで通話中のメンバーをOBS Studioに表示するときに、横並びにしたりアイコンを四角にしたりするためのカスタムCSSをつくるジェネレーター https://

BIGLOBEの開発現場の様子や、developブランチにrebaseで綺麗なコミット履歴を作る方法をご紹介します。 はじめまして！ GitHubを中心に仕事がまわる開発現場 Git logが綺麗だとバグが起こりにくい？ developブランチを綺麗に保つGit操作（マージ編） 1. そのまま気にせずdevelopにマージする。 2. 最新のdevelopをfeature/Bブランチに取り込んでからdevelopにマージする 3. 最新のdevelopにrebaseしてからマージする ﾘﾍﾞｰｽ ｺﾜｸﾅｲｮ 最後に はじめまして！ 基盤本部（開発部門）の江角です。 2021年8月にSIerからBIGLOBEに転職し、半年が経過しました。 転職期間中はもちろんコロナ禍で、カジュアル面談も面接も全てオンラインでした（多分今もそうだと思います）。 入社日当日は出社しましたが、入社してから半年の

前から思ってたことをちょっと書かずにいられなくなったのでポエムを書きました。 背景 問題 検知している方が正しいように見えがち 条件を揃えるのが難しい 環境の再現が難しい 検知数が多い方が良さそうに見える 正解かどうかの判断が難しい カバー範囲の正確な見極めが難しい 検知されないほうが嬉しい まとめ 背景 お前誰だよってなるかもしれないので書いておくと、Trivyという脆弱性スキャナーのメンテナをやっています。 github.com とある有名な方による以下のツイートがありました。 I just discovered, during @cloudflare #SecurityWeek no less, that Trivy (the vuln scanner) doesn't detect known issues in Alpine images. Including a critica

＃みなさんから寄せられたものも勝手にピックして追加してます Facebook陰謀論クラスタなんとかしろ。反ワクチンとかホワイトハウス襲撃で死者出てるだろ VRChatで美少女アバター使いたいからQuestをFBアカウントと紐付け必須にするな。もしかしてメタバースも本名制か？Google 「水道　詰まり」とかで検索したときに業者の広告でトップが埋め尽くされるのやめろ。被害出てるだろYoutubeで年寄りを陰謀論者に変えるなAmazonサクラチェッカーやKeepaと同等の機能入れてくれ。あんたなら出来るだろMicrosoft日本語ドキュメント、機械翻訳ならそう書け。誤訳のせいでデータ飛んだぞ "新しいEdgeにしましょう！"←やかましい、好きでIE使ってるんちゃうわAppleiTunesのQueenのジャケを勝手に空手バカボンに変えないでくれ なんでスマホの裏側までガラスにするんだ。割れる確率