電通国際情報サービス 、クロス イノベーション 本部、オープン イノベーション ラボの 比嘉康雄 です。今回取り上げるのはTailwind CSS 。 Tailwind CSS は、最近人気急上昇の CSS フレームワーク です。 メジャーなBootstrapなどの フレームワーク は、あらかじめ見栄えの良い コンポーネント が用意されていて、それをカスタマイズします。それに対し、Tailwind CSS は、 CSS の便利なclassが大量に用意されているだけです。それではなぜTailwind CSS

背景 こんにちは。株式会社ペライチ のサーバーサイドエンジニアの福原です。 2022 年 1 月 1 日（実際の稼働は 4 日）から現職に転職しました。 およそ 3 ヶ月が経とうかという頃です。 前職は新卒で入社した会社で、およそ 5 年ほど web 系のエンジニアとして保守開発や日々の運用、果ては受託開発からチームでの自社サービスまで多岐にわたる経験をさせていただいていました。 そんな中、とある転機から人生で初めての転職、それも完全リモートワークで面と向かって顔を合わせる機会もほぼゼロという開発チームへ

こんにちは。ユーザベース Product Team の old_horizon です。 私達の開発チームでは、E2E テストの実行環境として Zalenium を主に利用しています。 しかし 2020 年 3 月の最終リリースをもって開発が終了しており、将来的にリプレースを検討する必要がありました。 こうした状況の中で、Selenium Grid 4 が 2021 年 10 月にリリースされました。 その新機能の一つである Dynamic Grid が代替手段として有力に思え、まずは概要の理解から始めまし

こんにちは。XI本部、 AIトランスフォーメーションセンター の徳原 光です。 日ごろの業務では、お客様から預かったデータの分析や、AIシステムの開発を担当しています。 実際にやっていることは、データ理解のために EDA （探索的データ分析）を実施したり、分析やAIモデル開発を行うためにデータのクリーニングを行ったり、いわゆるデータサイエンスのどろくさい部分がほとんどになります。 これらの作業は基本的にjupyter notebook上で行っています。jupyter notebookはAIやデータサイエン

こんにちは。XI本部、 AIトランスフォーメーションセンター の徳原 光です。 日ごろの業務では、お客様から預かったデータの分析や、AIシステムの開発を担当しています。 実際にやっていることは、データ理解のために EDA （探索的データ分析）を実施したり、分析やAIモデル開発を行うためにデータのクリーニングを行ったり、いわゆるデータサイエンスのどろくさい部分がほとんどになります。 これらの作業は基本的にjupyter notebook上で行っています。jupyter notebookはAIやデータサイエン

こんにちは。クルーズ株式会社の鈴木です。 今回はジョブ管理サーバとしてRundeckの導入を検討している話です 経緯 主な経緯としては ⓵cronでやっているジョブスケジューリングの外出し ②ジョブの実行状況の可視化 ③ジョブ失敗時の リカバリ 処理の効率化 です。 現状cronでジョブ管理しているのですが、各サーバごとに時間でキックしている状況なので、各cronで実行している バッチ処理 の実行時間の把握が困難であったり、何かの拍子で処理が失敗したりした際に関連するバッチすべてターミナル上から一つずつ手

山本です 山は良いですね Lambda関数で最大10GBのエフェメラルストレージを使用可能になりました 今まで Lambda を使うときには /tmp 領域に 512 MB までファイルを置くことができました 今回のアップデートで 10240MB (10GB) までファイルを置くことができるようになりました Lambdaで今までよりも大きいサイズのファイルを扱うことができるようになります aws.amazon.com 確認してみる 変更前 変更 変更後 エフェメラルストレージの料金 エフェメラルストレージ

こんにちは、クラシルAndroidエンジニアの @MeilCli です。近々、クラシル内のレシピ保存機能において クラシルショート とレシピカードも保存できるようにするという変更が入ります。それの開発に際して、ページングのあるAPIにおいて更新されうるコンテンツをどう表示していくかを開発チーム内で話し合い、理想と思うものを実装したのでそれの共有を行います 当記事は前後編の前編にあたり、どう表示していくかの考え方についてご説明します 更新されうるコンテンツの理想的なUX まず、どういうことが問題になっている

はじめまして。d-t-kong です。第二開発部・楽楽販売開発課に所属しております。 今回は Python のWeb アプリ開発 用の フレームワーク である Django の環境構築から、テンプレートを表示するまでの手順をまとめましたので、ご紹介させていただきます。 今回は以下のセクションで説明します。 Django の特徴 環境構築 Django をインストール Django プロジェクト作成 開発用サーバーを立ち上げる データベースをセットアップする Django でアプリケーションを作る 新規アプ

こんにちは、エンジニアのYoheiです。 早速ですが、皆さんはテストコードを書いたことはありますか？ テストを書くとなると腰が重くなってしまう方もいるかもしれませんが、実はテストを書くと良いことがたくさんあるんです。 テストについてよくわからない方、これからテストを書き始めるという方はぜひ読んでみてください！ 前半は、テストの概要について説明します。 後半は、Javascriptの テスティングフレームワークである Jest を使って実際のコードを例に説明していきます。 まずはテストの概要について簡単に見

はじめに こんにちは、技術本部SRE部ZOZOSREチームの堀口／柳田です。普段はZOZOTOWNのオンプレミスとクラウドの構築・運用に携わっています。 ZOZOTOWNではSQL Serverを中心とした各種DBMSが稼働しています。 その中で検索処理における参照に特化された役割を持つデータベース群をReadOnlyデータベース（以下、RODB）と呼んでいます。これらは日々増加するZOZOTOWNのトラフィックに耐えられるよう定期的にオンプレミスサーバを増台することでスケールしています。 これらのROD

こんにちは。株式会社ペライチ のフロントエンドエンジニア藤田です。 デザイナーやサーバーサイドのエンジニアと連携を取り、アプリケーション内におけるユーザーと関わる部分の機能開発や改善が普段の主な業務内容です。 今回はその中でも年々課題感が増している CSS 設計周りのこと、その課題解消の一手として Tailwind CSS を導入してみたことについてまとめてみました。なにかの参考にして頂けたら幸いです。 CSSにおける課題 皆さんご存知の通り、現状 CSS はグローバルスコープな言語です。 グローバルスコ

はじめに 高橋 (ポインコ兄) です。 今回は AWS CodeBuild で Amazon S3 を使ってキャッシュしてみました。 もし S3 のキャッシュだけではなく、ローカルキャッシュも使ってみたいという方は、以下ブログの注意点についてもあわせて読むことをお薦めします。 blog.serverworks.co.jp 注意事項 Amazon S3 キャッシュでは、複数のビルドホスト間で利用できるキャッシュを Amazon S3 バケットに保存します。これは、ダウンロードするよりも構築にコストがかかる小

こんにちは、前回Dockerを完全に理解した、九州支社技術部(九州・中四国事業部)所属のy-morimotoです。 皆様、快適なコンテナライフいかがお過ごしでしょうか。 え？時間が無くてコンテナを動か...

こんにちは！ セーフィー株式会社 業務システム部でエンジニアをしている大林と申します。 業務システム部とは、その名の通り 業務系システムの開発・運用 を行なっている部署です。 以前の 職種別エンジニア紹介の記事 における「業務システムエンジニア」が所属しています。 ということで今回は、セーフィーのサービスそのものについてのお話ではなく、セーフィーのサービスを支える業務システムのお話です。 業務システムの全体像 業務フローに沿って紹介 1. 商談作成 2. 出荷 3. 売上作成 4. 請求書発行 DataS