表側のこと。 ⇔バックエンド
Rettyでデザイナーをしています、adattuです。 今年、RettyはAdvent Calenderが2つ存在するのですが、 ここではPart2のAdvent Calenderの1日目として「デザイナー×エンジニアで開発プロセスとUIの改善に取り組んでいるお話」をお届けしたいと思います。 Part1のAdvent Calenderはこちら ※前提として、この記事の「エンジニア」とは「フロントエンドエンジニア」を指し、対象範囲はWebとなっています。 はじまり やったこと よもやま会の設定 UI改善MTGの設定 取り組みによる成果 主要デザインツールの移行 主要アイコンとカラーコードの整理 …
こんにちは、フロントエンドエキスパートチームのsakitoです。 本記事ではkintoneをマイクロサービス化するためのPoCプロジェクトにおけるWebフロントエンドの技術選定について紹介します。
ニューモーフィズムが簡単に作れるツールを見つけたので、実装してみました。 ニューモーフィズムとは何か、使い方、実装例を以下で紹介します。 ニューモーフィズムとは 使い方 実装例 ニューモーフィズムとは ニューモーフィズム（Neumorphism）とは、ベース（背景）から要素が押し出されていたり、窪んでいたりするようなスタイルのデザイン手法です。 凹凸によって要素を表現しているため、ミニマルデザインとの相性がとても良く、美しく洗練された印象のデザインに仕上げることができます。 ニューモーフィズムとは？デザイン方法やルールのまとめ | Web Design Trends 使い方 1,以下のサイトに…
今はやりのグラスモーフィズムを実装してみました。 グラスモーフィズムとは何か、実装例を以下で紹介します。 グラスモーフィズムとは 実装例 グラスモーフィズムとは 2020年末ごろより人気が高まっているスタイルで、静かな不発トレンドとなったニューモーフィズムのプラスチックな質感に対して、すりガラスを通して覗いたような背景のぼかしが特長です。 背景が透けて見えることで、コンテンツの階層を確立し、インターフェースの奥行き感を演出できます。本物のガラスの用に、どの層がどの層の上にあるのかを簡単に確認することができます。 https://photoshopvip.net/126760 実装例 以下の実装…
どうも、こんにちは。HRBrain でフロントエンドエンジニアをやってます。ちゃんかつです。 この前初めて代々木公園に行ったのですが、めちゃくちゃ広いですね。自然がいっぱいで気持ちが良かったです。 さて、HRBrain では今年の 6 月から、毎週月曜日に「type-challenges」を用いて社員の TypeScript （以下 TS） の型表現の向上を図っています。 この記事では、HRBrain ではなぜ type-challenges を解く時間を設けているのか、また、type-challenges への取り組み方を紹介します。 なぜ type-challenges を利用するのか い…
はじめに こんにちは。Visual M2M Data Visualizer Team の白金です。 弊社の製品の intdashでは、H.264形式の動画データを収集/計測できます。計測した動画データは、Fragmented MP4 のフォーマットを使用したライブ動画をストリーミング再生したり、計測した動画を後から確認するためにHLSのフォーマットで再生する機能があります。 今回は、ライブ動画の再生機能を改善するための施策として 先日 Google Chrome の Version 94 でリリースされた WebCodecs の機能に含まれる VideoDecoder を使用して、H.264 …
こんにちは。モノタロウでフロントエンド寄りの開発をしている、陳です。 今回はモノタロウの新フロントエンドのメインフレームワーク選定についてお話しします。 選定結果から言うと、モノタロウ独自の７つの選定基準をもとに、Reactを選ぶことになりました。 背景 新フロントエンドプロジェクトの立ち上がり Vue.jsとReactの比較検討をしてみた 俯瞰して改めて選定基準を考えた 一般的な視点 モノタロウの社内事情 ７つの選定基準 選定結果 技術選定を通して得た３つの学び 背景 まず、モノタロウの現フロントエンドについてざっくり説明します。 モノタロウは2002年から、PythonとJavaScrip…
はじめに ブンブンHello World. どうも開発です。 前回、前々回と続けてAzure Cosmos DBについての記事を投稿いたしました。 今回は第三回となります。 上記記事もあわせてご一読いただけると幸いです。 本記事では、実際にアプリケーションを作った場合にどうやってCosmos DBを組み込むかということを焦点に進めていきたいと思います。 はじめに 前回のおさらい どんなことをやっていたか 想定されるシチュエーション 実際に組み込んでみる アプリケーションを作る 環境構築 Vue.jsの環境を作る Expressを使ってWebサーバーを立てる Todoアプリを作る DBを用意する…
はじめに 技術広報のyayawowoです。 いつもラクスのエンジニアブログをお読みいただき、ありがとうございます。 また、別途開催しているエンジニアイベントへのご参加も誠にありがとうございます。 今回も大盛況となりました、『【ラクスMeetup】大規模SaaSのフロントエンド開発／レガシー改善、Vue.js、マルチブラウザ対応』の発表内容についてご紹介します。 rakus.connpass.com はじめに イベントテーマ概要 発表の紹介 20年物プロダクトのフロントエンドを改善するための取り組み チャットボットシステムのスマートフォン対応について チーム開発におけるコンポーネントシステムの問…
はじめに まずはwebpack esbuild swc Snowpack Vite まとめ
こんにちは、プラットフォームチームの石黒です。あっという間に今年が終わりますね🎄 この記事は、カケハシアドベントカレンダー2021の6日目の記事です。 本日はアカウント管理機能というサービスで使用している技術スタックを紹介します！ アカウント管理機能について カケハシで提供している4つのプロダクト（Musubi、Musubi Insight、Pocket Musubi、Musubi AI在庫管理）は共通の認証基盤を利用しており、全プロダクト横断のお客様向けアカウント管理機能の開発・運用を我々プラットフォームチームが行っています。 プラットフォームチームにつきまして、プロダクトマネージャーの金田…
おはようございます。Shotaです。 Djangoを勉強している方の中で、 🤨「Djangoをやっと理解できたけど、いったいどのようなことができるのかわからない....」 😟「そもそもDjango REST Frameworkって何ですか？」 このように考えている人も少なくないでしょう。 そこで、今回の記事ではDjango REST Frameworkについて詳細に解説していきます。 Django REST Frameworkとは？ REST APIとは？ Django REST Frameworkの機能 Django REST Frameworkプロジェクトの構成 まとめ Django RE…
はじめに koheitakahashi と申します。2019年からFJORD BOOT CAMPに入会し、2020年7月からWEBエンジニアとして受託開発会社に務めています。 今回、FJORD BOOT CAMPに在学していた頃から開発を続けていたWebアプリをリリースしました。 SoundLinksという、音楽をシェアしやすくするWebアプリです。この記事は、そのWebアプリの紹介と開発過程のまとめです。 SoundLinksの紹介 SoundLinksとは SoundLinksは、楽曲を共有したい時に、音楽プラットフォームごとに楽曲のリンクを探すのが面倒という問題を解決したい、楽曲を共有し…
C言語は大学の授業でやったぐらいで10年ぶりの学び直し。今回は、一週間で身につくC言語の基本を教材として使わせていただいた。これが無料公開されているなんて、本当に感謝しかない。 早速、実行しようとした際に、少し戸惑ったので、調べたこともあわせて、備忘録として残しておく。 Visual Studioをインストール...不要 C/C++環境構築 Clangとは GCCのインストール 開発環境構築 複数ファイルのコンパイル C言語のコンパイル処理 1. プリプロセッサ（Pre-processor） 2.（狭義の）コンパイラ 3. アセンブラ（Assembler） 4. リンカ（Linker） まとめ…
まえがき 目的 前提 環境 やること 実装 環境構築 説明 Storeの実装 説明 ルーティングの実装 説明 ログイン・ログアウトの実装 参考 まえがき こちらの記事の続編です。 techhotoke.hatenablog.com 目的 VueとSpringで作成したプロジェクトの構築手順の備忘録。 備忘録のため、詳細な説明を省略している部分があります。 前提 基本的なJavaの知識やSpring、Vueの知識があること。 環境 Java 11 Spring Boot2.5.6 Gradle 7.1.1 Vue2.6 IDE：STS やること ログイン画面の実装 ルーティングの実装 ホーム画面…
今週末を使って、入門監視を読みました。 以前話題だったときに読めば良かったので、少し乗り遅れた感はありますが、良書でした。 入門の名に恥じない内容で、監視に対する考え方が広く学べます。 読み終わったので、感想や覚えたことをメモします。 入門 監視 ―モダンなモニタリングのためのデザインパターン作者:Mike Julianオライリー・ジャパンAmazon 監視の重要性 私はWebアプリケーションエンジニアを生業としていますが、多くのWebサービスは常時稼働を基本としているため、監視とは切っても切れない人生です。 ECは24時間いつでも商品を購入できるし、今記事を書いているはてなブログも、いつでも…
前書き この記事は，SLP KBIT Advent Calendar 2021 の5日目の記事です。 adventar.org 前回の記事で男女を区別するmodelを作成しました。 今回は、作成したmodelとFlaskを使用し、リア充と非リアの判断を行うWebアプリを製作していきます。 目次 全体の概要 バックエンド フロントエンド カップル検証 全体の概要 ファイル構造 . ├── F_M.h5 ├── demo_app.py ├── haarcascade_frontalface_default.xml ├── resize ├── stock └── templates ├── mai…
俺が主に行っている映画館は、109シネマズとイオンシネマだ(´_ゝ｀) んでどちらもチケットの予約をネットでできる。あらかじめいい席を取っておけるので活用すべきであることは間違いない。 んでもって、２つの予約システムを使っていると、それぞれの優劣が否が応でも目に付いてくる。 友人はイオンシネマだけなので、使いにくさを感じてはいなかったようだが、109シネマズも使っている俺からすると、イオンシネマの方はかなり勝手が悪い。 もちろん、慣れもあるだろうけど。 さて、普段なにげなく使っている色々なサイトだけど、同業種どうしとか、同じようなサービスをしている企業どうしを比較してみると、意外と大手の企業で…
只今、はてなブログを猛烈カスタマイズしながら、自分のポートフォリオサイトを作っています（参照リンクなし）。というか、このブログも結構カスタマイズしました。このブログのカスタマイズの経緯もいつか書こうかな。 なぜこんなにはてなブログを使っているのかというと、それは、課金したからです。そして同一アカウントで複数ブログつくってもそれぞれ課金仕様になることに気づき、それ故にポートフォリオサイトも無理やりはてなブログで作るに至ったのです。わたしはｹﾁﾝﾎﾞなのです。 今回の記事では、 「ポートフォリオをつくるサービス選びで考えたこと」をご紹介したいと思います。 候補1 Adobe Prtfolio 候補…
というのは嘘で、 今年のやらかし Advent Calendar なんていうアドベントカレンダーも存在しません、残念でした。 11月中、精神的に摩耗していたせいでボーっとしていたらうっかり知り合いのアドベントカレンダーがすべて埋まってしまっていました、残念。 一人アドベントカレンダーとかやろうと思ったんですが、毎日日記を書けるほど僕はこまめではないので終了です。 というわけで以下より隔週の日記です。(それは日記なのか？) 今日は珈琲館で書いてる。
この記事は Calendar for DMMグループ Advent Calendar 2021 | Advent Calendar 2021 - Qiita の5日目の記事です。 5日目はプラットフォーム事業本部マイクロサービスアーキテクトチームのpospomeが担当します。 twitter.com この記事ではDMMプラットフォームにおけるマイクロサービスアーキテクトの働きについて説明します。 マイクロサービスアーキテクトとは? DMMプラットフォームが抱える課題 マイクロサービスアーキテクトチームとは? マイクロサービスアーキテクトとしての働き マイクロサービスアーキテクチャ全体の設計 デ…
エンジニア養成機関、42Tokyo での活動について知ってもらうために、11月に42Tokyoであったことについて振り返る記事です。 自分が取り組んでいる課題や、行われたイベント、課題外の活動について振り返ります。 やったこと 42Tokyoの課題 C++98でコンテナクラスの再実装をする課題をクリア C++98でWebサーバを作る課題 TypeScriptでオンラインゲームを作る課題 イベント VR体験会 コードゴルフ 42Tokyoの学生が作ったアプリ・サービスを見たり体験談を聞く会 レバテックのポートフォリオ作成ガイダンス シュルレアリスト中野圭先生による『アート×プログラミング』講義 …
この記事は がじぇるねGR Advent Calendar 2021 の5日目です。 先月開催されたGR-ROSE IoTシステム開発コンテストでのLTをもとに補足情報を加筆したものです。 Introduction 今日は12月5日。暦の上ではまもなく大雪を迎え寒さが日増しに深まるこのごろですが、皆様お変わりなくお過ごしでしょうか？私も若くて元気なころは季節の移ろいをあまり切実に意識することはありませんでした。基礎代謝が高いと冬の寒さなんてへっちゃらなんですよね。でもだんだん年を取るにつれて、冬の寒さがつらい。季節の変化を意識して体調管理にも気を配らないといけないようになってきました。 IoT…
あいさつ ヴァル研究所 Advent Calendar 2021 5日目の記事です。はじめまして。製品開発部でAndroidアプリの開発担当をしています、武井です。 経緯と背景 Google Playの定期購入では2020年11月1日から、Account Holdへの対応が必須になりました。この対応はアプリ単体ではできず、サーバサイドの対応が必要となりました。 Google Playの定期購入をアプリ外から操作するGoogle Play Developer APIはGoogle Cloud Plartform(GCP)と連携前提のAPIです。そのため基本的にサーバサイドはGCPで構築していくの…
この記事は Retty Part1 Advent Calendar 2021 の5日目の記事です。 adventar.org はじめに アナリティクスエンジニアの渡邉です。毎年多くのアップデートを記事にしているRettyデータ分析チームが、今年に取り組んだことの一つがLookerの導入です。この記事では、Looker導入のプロジェクトの道程と、導入時にして効果的だった取り組みについてご共有したいと思います。 要約すると下記の通りです。 Rettyは「データの民主化」を掲げていたが、データ出しのツールがBigQueryとDataPortalだけで利用障壁が高かった。 Looker導入は「BigQ…
note.com
qiita.com
qiita.com
qiita.com
qiita.com
dwango.github.io
morizyun.github.io
qiita.com
hokaccha.github.io
