「Angular」に関連する技術ブログ(14件)

企業やコミュニティが発信する技術ブログから「Angular」に関連するものを表示しています。

【Angular】@angular/common の DOCUMENT を利用して、window.document を依存注入する

概要 Angular での開発において、DOM 操作などのために window.document を参照することはあるかと思います。 @angular/common には、 DOCUMENT という DI Token が用意されています。こちらを利用することで、依存注入経由で document を参照することができますし、またテストも書きやすくなります。 ※ この記事を執筆してる時点での Angular の最新バージョンは v13.1.2 になります。 サンプ

#Angular #テスト 

Presigned URLを利用したS3へのファイルアップロード

はじめに こんにちは、LINE上で動くおくすり連絡帳 Pocket Musubi というサービスを開発している種岡です。 社内システムからS3にファイルをアップロードする機能を開発することになり、Presigned URLを利用して開発を試みたものの、想定以上に時間がかかってしまいました。 S3の設定からバックエンド、フロントエンドと一気通貫での情報がまとまっていないことが課題とし

#AWS #AWS Lambda #Angular #フロントエンド #セキュリティ 

Tailwind CSS 社内勉強会【まとめ】

背景 スコープ Tailwind CSSとは? コンポーネント指向とは? Tailwind CSSのメリット class名を考える必要がない デザインシステムの最低保証 ドキュメント、チートシートの豊富さ Tailwind CSSのデメリット classに多くのコードを書く必要があり、可読性が落ちやすい CSSの理解度がある程度必要 デザインを100%再現したい場合に強味を生かしづらい 他ライブラリやフレームワークと

#React #Angular #CSS #HTML #フロントエンド #設計 

Storybook Addon Contexts を使って、ワンランク上のコンポーネントカタログを作ろう

概要 コンポーネントのカタログを作成することができる storybook 。利用している開発者は多いのではないでしょうか? この記事では、 Storybook Addon Contexts を利用して、storybook 環境をちょっと便利にする方法を書きます。 Storybook Addon Contexts とは Storybook Addon Contexts とは、storybook に対してコンテキストを注入する機能を提供します。コンテキストとはつまり、ロケールのよ

#Angular #React 

カケハシのフロントエンドエンジニアとしてのスキルアップ

こんにちは、株式会社カケハシで おくすり連絡帳 Pocket Musubi の開発を担当している渡辺です。 カケハシのエンジニアはフロントエンドもバックエンドのAPIサーバーも開発を担当しています。どちらかといえばフロントエンドの方が知識・経験ともに自信があるという背景から、今回はカケハシのフロントエンドエンジニアについて書きます。 カケハシでのフロントエン

#Angular #Redux #React #JavaScript #HTML #CSS #Sass #AWS #フロントエンド #ユーザビリティ 

セーフィーにはどんな種類のエンジニアがいるの?職種別にエンジニアを紹介!

初めまして。セーフィーの柏木です。 AI/画像処理エンジニアで、テックブログ運営チームにも所属しています。 今回は、セーフィーにおけるメイン事業であるクラウド録画サービスと各職種のエンジニアの業務について紹介します。 クラウド録画サービスシステムの全体像と、それぞれのエンジニアが一体何をやっているのか、わかりやすくお伝えできればと思います

#iOS #Java #Android #Python #Terraform #Ansible #Go #SRE #Angular #Swift 

【mabl】SaaSでテスト自動化!少人数のチームでリリース工数を半減させるまでの道のり

こんにちは、カケハシで Musubi Insight のバックエンドエンジニアをしている末松です。 こちらの記事は カケハシ Advent Calendar 2021 の 14 日目の記事になります。 半年ほど前の話にはなりますが、Musubi Insight チームにおいてローコードテスト自動化の SaaS である mabl を導入することで、リリースにかかっていた工数を半減させることに成功しました。 今回は、その mabl を導入

#Angular #HTML #SaaS 

各社の事例から学ぶフロントエンド技術の活用法

時空テクノロジーズ・ディップ・パーソルキャリア・ミイダス、4社の事例から「フロントエンド技術の活用」について学ぶ、オンライン勉強会フロントエンドの開発をリードする方々に技術選定からその活用法、具体的な課題とその取り組みまで、様々なテーマを元に対談形式で実施しました。その内容の一部を本記事にて紹介させていただきます。

#Next.js #Angular #React #TypeScript #Android #Redux #FuelPHP #Ruby on Rails #Vue.js #Firebase #フロントエンド 

近傍探索ライブラリ「Annoy」のコード詳解

はじめまして、ZOZO研究所福岡の家富です。画像検索システムのインフラ、機械学習まわりを担当しています。 今回は画像検索システムでお世話になっているAnnoyについてじっくり紹介したいと思います。 目次 目次 Annoyについて 近傍探索について Annoyのソースコードを読むときのポイント AnnoyIndexというクラスのインスタンスを作る インストール過程について PythonのC/C++

#Python #Angular #OSS #インフラ #テスト #機械学習 #アルゴリズム 

BASEにおけるVue.jsのこれまでとこれから

前書き こんにちは、BASEのフロントエンドチームでエンジニアリングマネージャーをやっている松原( @simezi9 )です BASEではフロントエンドエンジニアの積極採用を行っています。 その過程で、面接を受けに来られた方によく「BASEはVueとTSを採用しているとのことですが、相性がいまいちじゃないですか?なんでVue+TSにしてるんですか?」 という感じの質問をいただくこと

#Vue.js #React #ドメイン駆動 #TypeScript #CSS #Nuxt.js #Angular #Next.js #フロントエンド #プログラミング 

Safieを支える技術-導入編

今回はSafie(セーフィー)サービスのシステム構成について概要説明させて頂きます。 ※セーフィーはクラウド録画サービス「Safie」を運営しています。 セーフィーでCTOをさせて頂いている森本です。 前回は会社の説明などご挨拶的な内容で終わってしまいましたので、今回はSafie(セーフィー)サービスのシステム構成について少し説明をさせて頂きたいと思います。 S

#Swift #Kotlin #Angular #Python #Android #PaaS 

OpenAPI3を使ってみよう!Go言語でクライアントとスタブの自動生成まで!

はじめに こんにちは! 2019年2月にZOZOテクノロジーズへサーバーサイドエンジニアとして入社した籏野( @gold_kou )と申します。 Qiita でも少し記事書いてます。 いきなりですが、皆さんはAPI仕様書をどのように管理されていらっしゃいますか? Confluence、Wiki、Markdown、Spreadsheet、Excelなど色々手段やツールはあると思います。私が担当しているプロジェクトではOpenAPIを導入

#Go #API #OSS #Linux #Python #PHP #Laravel #Haskell #Symfony #Angular 

Dart2 で記事を書こうと思っていたら jpg 圧縮の比較 Web サイトが出来ていた

この記事は mediba Advent Calendar 2018 二日目の記事です 出展 : https://dic.nicovideo.jp/a/%E3%81%82…%E3%81%82%E3%82%8A%E3%81%AE%E3%81%BE%E3%81%BE%20%E4%BB%8A%20%E8%B5%B7%E3%81%93%E3%81%A3%E3%81%9F%E4%BA%8B%E3%82%92%E8%A9%B1%E3%81%99%E3%81%9C%21 いいのかのっけからこんなふざけてて…. 自己紹介 メリークリスマスまで 3 週間ちょいです、いかがお過ごしでしょうか コミュニケーションデザイン本部 創造部 アプリ

#Dart #Android #Flutter #iOS #Perl #TypeScript #Google Analytics #Angular #JavaScript #Ionic 

Composable な UI 設計を目指したフロントエンド開発

こんにちは、開発本部の舘野です。医療介護の求人サイト「 ジョブメドレー 」の開発を担当しています。 昨年、ジョブメドレーでは事業所が利用する採用管理画面の UI リニューアルを行いました。ユーザが使いやすい UI づくりを目指すために、長期間にわたり誰が開発しても一貫性ある UI を実現できるようなシステムが必要です。そこで今回は「Composable」な UI システ

#Angular #React #Sass #CSS #API #フロントエンド #設計