バクラクの Vue3 移行戦略と詰まったポイント #LayerXテックアドカレ - LayerX エンジニアブログ
こんにちは。LayerX バクラク事業部 バクラク申請・経費精算チーム エンジニアの @tatane です。 最近10万円超えのヘッドホンを買ってしまい、しばらく離れていたオーディオ沼にまた片足を突っ込んでしまいました。 この記事は LayerXテックアドカレ2023 21日目の記事です。前回は @serima が「LayerXの発信の"のびしろ"とCasual Nightのウラガワの話」を書いてくれました。次回は同じチームの @upamune が「エラーログ祭り改善の話」を書いてくれる予定なのでご期待ください！ 今回はバクラク事業部で進めている Vue3 移行の話をご紹介します。 バクラクの Web フロントエンドの技術スタックについて LayerX が提供している SaaS であるバクラクシリーズでは複数プロダクトを提供しており、それらの Web フロントエンドの技術スタックにはバリエ
ABEMAモバイルアプリ開発のDevOps戦略【CADC2022】
ABEMAは開局して5年が経過し、サービスの成長に伴いシステム・組織共に非常に大規模になってきました。長く続くサービスとしてありがちではありますが、様々な負債を抱えながら開発しており、日々向き合っています。 モバイルアプリの開発チームでは、品質を維持しながら高速に改善サイクルを回して仮説・検証の精度を上げていくこと、素早くユーザーのニーズに応え継続的に改善していくことを目指し、Re-Architecture、Kotlin Multiplatform、Visual Regression Testing、FeatureFlag、SREなど様々な取り組みを行っています。 本セッションでは、その全体的な戦略と取り組みについてご紹介します。
リアーキテクトと開発生産性について
2023/10/31 @ Barフロントえんどう で発表した「リアーキテクトと開発生産性について」です。
GitHub Actionsを使いこなせ！/Get Started GitHub Actions
OCHaCafe Season7 #3の資料です．
なんとなく CORS がわかる...はもう終わりにする。 - Qiita
Access to XMLHttpRequest at 'http://localhost:8081' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is ther
フロントエンドのディレクトリ設計思想
App Router への移行は「改善」となり得るのか？/ Can migration to App Router be an improvement
BrowserStack：テスト自動化有料ツールの決定版
特によく使われる上二つのサービスでは”Webアプリケーションのテスト環境"を提供しており、インターネットに公開されたWebアプリケーション、開発中のローカルのWebアプリケーションのテスト環境が揃っています。 テスト環境 = テスト用アプリケーションがデプロイされ、ホストされている環境 テスト実行環境 = 上記テスト環境にアクセスし、テストを実施するためのデバイス・ブラウザ・OSを含む環境 BrowserStackはクラウド上で後者の「テスト実行環境」を提供しています。 BrowserStack Live （手動テスト) BrowserStackにホストされている様々なデバイスを利用し、マニュアルテストすることが可能です。画像ではiPhone13のデバイスを立ち上げ、Webのダッシュボード上で操作を行っている様子です。シミュレータではなく、実機デバイスをブラウザ上から操作できます。 Bro
第1回 デジタルコンテンツの視認性とWCAG2のコントラスト比の課題 | gihyo.jp
はじめに サイオステクノロジーの伊藤と申します。今回から数回にわたりデジタルコンテンツのコントラストというテーマで、WCAG2のコントラスト基準とWCAG3で検討が進められている新しい基準APCAについて解説していきます。 対象読者としては、ウェブサイトやアプリケーションなどデジタルコンテンツの制作に携わるデザイナーやエンジニア、アクセシビリティに関心のある方を想定しています。 現在勧告されているWCAG2の達成基準では、テキストや視覚要素のコントラストが一定の基準を満たす必要があります。たとえば、レベルAAでは文字色と背景色のコントラスト比が4.5:1以上であることが要求されます。 図1 テキストとの視認性を確保するために、背景色とのコントラスト比を考える必要がある しかし、人間の目は明るい色と暗い色のコントラストを認識する際に、明るい色の相対輝度が高いほど視認性が高くなるという特性があ
2021-06-12 Makefile の@(アットマーク), -(ハイフン)
2021-06-12 Makefile の@(アットマーク), -(ハイフン) 12 June 2021 (Updated on 05 Mar 2023) Makefile に出てくる アットマーク（@）とハイフン（-）の意味について調べた。 通常実行 まずは下記のように、 Makefile に通常通りcmd1というコマンドを定義する。
Linear - それは魔法のプロダクトマネジメントツール
アジャイル開発やスクラム開発を支援するためのマネジメントツールとして、みなさまはどんなツールをお使いでしょうか。GitHub (GitHub Project)、 Jira、Zenhub、Pivotal などなど... 優れたツールは数多あるなか、Awarefy では Linear （リニア）を導入し、日々の開発タスクにはじまり、採用関連タスク、経営にまつわる Issue などをこのツールで管理しています。 Linear – A better way to build productsLinear streamlines issues, sprints, and product roadmaps. It’s the new standard for modern software development.LinearAwarefy が Linear を導入したのは 2023年3月のことで、お
Dart/Flutter の VSCode 拡張が上手く動かないときの調査 - pyてよn日記
Summary 原因 解決策 調査 状況の整理 原因の調査 1：Dart 拡張のログの調査 原因の調査 2：PATH に関する調査 原因の調査 3：VSCode が参照する PATH はどこから来るのか 補足：VSCode のプロセスの親子関係 反省点 気分転換に Flutter でも触ってみるかとなったときにエディタの設定がうまくいかなかった。 具体的には、Flutter の SDK を入れ、公式が提供している VSCode 拡張を入れても自動補完、フォーマットが動いてくれなかった。そのときの調査の過程と解決策を備忘録として残しておく。 flutter.dev Summary 簡単にまとめだけ。 原因 SDK への「PATH が通ってなかった」というあるあるなやつだった。 ただし、嵌った点があって、それは「シェルが参照している PATH と VSCode が参照している PATH が異な
中学3年まで特別支援学級だった自閉症児の息子が大学に合格した
参考になるか知らないが、適当に綴ることにする。 語尾がバラバラなのは許せ。（気が向いたら編集するが） まずは生い立ちから ３歳になっても言語を全く話せず、クレーン動作を始めとした典型的な自閉症状を示していたため、児童センターを介して専門機関で受診したところ、聴力も問題なく知的障害（自閉症）との確定診断。 そのまま知的障害者の扱い（療育手帳の交付）。 応募した私立保育園には全て断られたものの、自宅から少し離れた市立保育園へ無事入園。 「知的障害児」ということで、ほぼ専任のような保育士さんを増員していただき、時々奇声を上げて脱出を企むながらも、最後まで追い出されることなく何とか卒園。 保育園の間は、ずっと会話は不成立。 まずテレビを捨てました。 ３歳でビデオデッキの操作(VHSカセットの交換・スロー再生・逆再生等々)をマスターしていたものの、毎日テレビの前でビデオ操作しながら、全く同じシーンを
ペアプロが苦手でペアワーク - Mitsuyuki.Shiiba
ペアでやろうよー！ チーム内で知識を共有できるように、フルリモートでも一緒に仕事できるように、チームとしてプロジェクトに取り組めるように、「ペアでやろうよー！」ってなって「それいいねー」って思って、最近はペアで仕事をしてる そして、何年も前からうすうす感じてはいたんだけど、やっぱり、僕はペアプロが苦手だった！ので、ペアプロじゃなくてペアワークしてる ペアプロ？ペアワーク？ 「ペアプロ」は「ペアプログラミング」のこと。一緒にコードを書く。リモートワークなのでペアプロするときは、Zoom とかで画面をシェアしながらコーディングしてる 参照 → https://martinfowler.com/bliki/PairProgramming.html 一方「ペアワーク」って言葉は、正式な定義があるわけじゃなくて、自分がそう呼んでいるだけなんだけど「ひとつのタスクを二人で担当する」こと なんで苦手なん
LINE社員1,361名の"色覚に関するアンケート"
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog はじめに こんにちは。フロントエンド開発センター UIT Accessibilityタスクフォース 岡﨑です。私たちは、Webサイトのアクセシビリティに関するガイドラインの策定・推進、社内に向けたアクセシビリティの勉強会やe-ラーニングを通じて、LINEとそのファミリーサービスのアクセシビリティ向上を目指しています。 色に対する配慮 アクセシビリティの国際規格となっているWCAGでは、テキストにおける色の取り扱いで以下のことが求められています。 色に依存した表現にしないこと コントラスト比を確保すること なぜ、色に対する配慮が必要なのでしょうか？ 困っているのはロービジョンユーザーだけではない LINE STYLEの"Alwa
完了予定も出せないから、いつまで経ってもお前のチームは社内受託なんだよ
はじめに すまんタイトルは釣りだ。めっちゃ煽った 前提 SaaS企業の内製開発 数十億円調達済みの大きめな会社 スクラム開発をしている 相談者は社内受託感が強まっているのがご不満 ある日相談された 「壁の向こうから締切とプロジェクトが降ってくる」 「プロジェクトが降ってくるのはいいとして、着手前に密室でマネージャーだけで 勘と経験と度胸 ベースで完了目標の日付を決めるのはやめてほしい」 「ほぼ間違いなく、完了目標の日付をオーバーしてしまう。守れない日付をほぼ「締切」として指定しないで欲しい」 「期間とスコープを指定されるのは社内受託感が強い」 という相談を受けました。 前提として SaaSの内製開発をしているWeb企業である スクラム開発をしている 中期的な完了予定の予測を出すことはできない。まだスクラムチームはそのレベルにない 結論から言おう さて僕からの答えはこれです 正確にいうとマネ
テストコードのデザインパターン：Robotパターン - 千里霧中
テストコードのデザインパターンの一つに、Robotパターン(Testing Robotパターン、Robot Testingパターン)という汎用的なパターンがあります。 Presentation: Testing Robots - Jake Wharton Robot Pattern Testing for XCUITest | by Rob Whitaker | Capital One Tech | Medium Robotパターンは、テスト対象のセグメンテーション（例えば画面）ごとにRobotオブジェクトを用意し、テストコード上にテストのWhat（テストしたい振る舞いや仕様）を、RobotオブジェクトにテストのHow（テスト対象の操作や期待値比較の詳細な実装）を実装するものです。これによりテストコードの可読性や再利用性を向上させることを目的とします。 このパターンは、テストコード上にWh
visionOSやiOSの新バージョン、アプリデザイナーはぶっちゃけどう思ってるの？ #WWDC23
visionOSやiOSの新バージョン、アプリデザイナーはぶっちゃけどう思ってるの？ #WWDC232023.06.10 17:0011,663 山本勇磨 デザイナーの声を聞いてみよう。 6月5日から9日まで行なわれたAppleの開発者会議｢WWDC 23｣。今年はApple Vision Proが発表され、Appleがこの製品にかける本気度、そして現地で試した人の大絶賛の声を聞くに、本当に期待感しかありません。 そして、忘れてはいけないのが、このWWDC（Worldwide Developers Conference）は開発者向けの会であるということ。Vision Proを活かすためには、そこで動くアプリが重要で、それを作る人たちは何を考えているのか。またOSの裏側を掘り下げることで、Appleの考えていることやそれによる今後の世界が読み解けるはずです。 そこで今回は、数々のアプリケーシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
なぜコピペで使うコンポーネント集を利用するのか？
Storybookを書くだけでリグレッションテストが 実行される世界へようこそ
アジャイルなチームをつくる『アジャイルリーダーシップ』 / Agile Leadership for Agile Teams
