2021/09/13 Open8 で発表したフロントエンドテストプラクティスの話です。
![フロントエンドテストプラクティス in open 8](https://cdn-ak-scissors.b.st-hatena.com/image/square/82fd60dd7d49525b4188b01535cbbcf94fb5f124/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Fee199390be354ae6aae9ffe7261af81f%2Fslide_0.jpg%3F19008052)
2021/09/13 Open8 で発表したフロントエンドテストプラクティスの話です。
There are a set of rules to keep in mind: Perform work in a feature branch. Why: Because this way all work is done in isolation on a dedicated branch rather than the main branch. It allows you to submit multiple pull requests without confusion. You can iterate without polluting the master branch with potentially unstable, unfinished code. read more... Branch out from develop Why: This way, you can
HTML5 Conference 11/25
Photo by Christiaan Colen 高村です。 エンジニアで「実践的な勉強はつい後回しにしちゃって…」という人って結構いると思います。 で、みんな「いつか時間ができたらやろうと思って…」とか言いますけど、時間ができることなんて一生ないですよね? あるいは、情報系の記事や技術書などを買って、ちょろっと読んだだけで勉強できた気になっちゃったり、本を買っただけで満足しちゃったりしますよね。実際は何も身についてないのに。 私も最近、ちょっとそんな感じになっちゃっていたので、勉強がてらスライド作成用のmarkdownエディタを自作してみました。 今回はそのmarkdownエディタの話と、「エンジニアは動くモノを作るのが一番勉強になる」という話をします。 ■なぜ「動くモノを作る」と勉強になるのか ◆モノを作るのに必要な技術や知識がまとめて得られるから そりゃそうだろって感じですけど、そ
前置き 会社の勉強会資料になります(6/16発表) フロントエンドの未来の話というか、色々なライブラリの紹介です ほとんどが5月上旬くらいに書いた資料なので、 それ以降に変化があったライブラリについては、追記という形で資料の中にコメント入れてます モジュールバンドラーの未来 モジュールバンドラーとは簡単に言うと、JavaScriptのビルドツールのことです 最近はフロントエンドでも、機能ごと・共通化などの理由によって、JSファイルを分けてコーディングをするので、 最終的にそれをまとめて、1個のJSにする必要がある その時に使われるのが、モジュールバンドラー 有名どころのツール みんな大好きwebpack 後は、rollupとかbrowserifyとか ですが、、 これからの時代は fuse-box fuse-boxとは webpackと同様なモジュールバンドラー 設定ファイルがシンプル w
2016年版を書いてからもう1年もたってさらに古くなってきたので、今の環境に合わせてバージョンアップ 僕なりのフロントエンド開発環境2016年版 - Qiita 僕なりのフロントエンド開発環境2016年版v2 - Qiita https://github.com/koh110/minjsapp 2016年版からのバージョンアップ点 webpackをv2に vendor.jsの切り出しかたをgulpからwebpackに gulpfileにあったwebpackのconfigをwebpack.config.jsに切り出し 環境変数にパスを切り出し webpackをv2に webpackのv2がついにリリースされたので移行。 古い環境はどんどんとおいていかれるのでなるべく早めにやったほうが最終的な移行コストは低くなると思います。 vendor.jsの切り出し方をgulpからwebpackに 今まで
Rails5.1が今betaで出ていますね。中でも目玉はwebpacker.gemによるモダンなフロントエンド開発がRailsに導入されることでしょう。 今までのRailsのasset pipelineとは別に、yarnによって依存性を管理しwebpackで結合する独立したjsのビルドシステムがサポートされます。 これによって、以下のような従来のasset pipelineでは解決がむずかしかった問題への解が示されました。 coffee scriptへの依存 npmによる依存性、バージョン管理が難しい javascriptのライブラリが野良gem化されてupdateされない問題 webpacker.gemはyarn/webpackの薄いwrapperとなっていて、加えて幾つかのrakeタスクを追加することでフロントエンド開発をサポートします。 具体的には以下のような機能が提供されます。 y
r-tech night vol.5 2017/3/8
「Front-End Developer Handbook 2017」がGitBookで無償公開。フロントエンドデベロッパーに求められるさまざまなスキル、要素技術、ツールなどを幅広く紹介する一冊 WebサイトやWebアプリケーションにおいて、ユーザーが操作する部分の開発を担う「フロントエンドデベロッパー」が扱う技術は急速に広がっています。 もちろんその基盤はHTML/CSS/JavaScriptにありますが、より高度で快適なユーザー体験を実現するにはその基盤となるHTTPやDNSといった下位レイヤの技術やSEOやUIデザイン、フォントといった細分化された専門性、そしてもちろんJavaScriptプログラミングやjQuery、React、Angularといったフレームワーク、JSONやAPIやパッケージマネージャ、ビルドツール、エディタやデバッガなどの周辺ツールとそのトレンドなど、とても一人
プロダクトに関わるエンジニアは40人近くいて、弊社ではフロントエンド/サーバーサイドといった明確な線引きがないため全員がフロントエンドに触れる機会が有りえます。開発チーム・コード共にそれなりに大規模と言えるのではないでしょうか。 やったこと モジュール間の依存解決 もともとRailsのSprocketsに沿ってjsを書いていたため、classは全て一つのグローバル変数に格納され、全てのjsが結合された巨大なapplication.jsをロードしている状態で、メンテナビリティやパフォーマンスに大きな問題を抱えていました。そこで去年よりWebpackを導入し、各モジュールの依存関係を整理してjsファイルを適切な単位に分割するようにしました。ファイル数が多いため段階的に作業をつづけ、今年ようやく全てのファイルの依存解決が完了することができました。 過渡期はWebpackとSprockets両方か
Front Line of Frontend − Forkwell Meetup #2 発表資料 http://forkwell.connpass.com/event/42527/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く