Usecase アプリケーション固有のビジネスルールを書いています。 渡された todoRepo にデータのやりとりの処理を委譲します。 特定の実装に依存せず、interfaceに依存させることにより、ビジネスルールが外部の詳細を知らずにすみます。 import { Todo } from "domain"; import { TodoRepository } from "./repository"; export default class TodoUsecase { constructor(private todoRepo: TodoRepository) {} findAll(): Todo[] { return this.todoRepo.findAll(); } add(text: string) { this.todoRepo.add(text); } edit(id: str
Daniel Sternlicht - Frontend Engineer, Developer Advocate
About Me Hi There! My name is Daniel Sternlicht and I'm a highly motivated Full Stack Developer with a great passion for UX and Web Design. I'm always looking for new things to learn, with Google as my teacher and code editor as my notebook. Web is my life, exploring web technologies and techniques, developing cool web apps. Anything that can help me in expand my knowledge is always welcome. My Mo
GitHub - eirslett/frontend-maven-plugin: "Maven-node-grunt-gulp-npm-node-plugin to end all maven-node-grunt-gulp-npm-plugins." A Maven plugin that downloads/installs Node and NPM locally, runs NPM install, Grunt, Gulp and/or Karma.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Frontend Lunch 9
Your current browser isn't compatible with SoundCloud. Please download one of our supported browsers. Need help?
話があんまりまとまってないけどとりあえず出す。 職能型組織とその弊害ある程度大きい Web プロダクト開発の現場 (例: エンジニアが全部で20人) において、その内部が Backend チーム / Web Frontend チーム / iOS チーム / Android チームみたいにサブチームとして分かれていることは実際よくあることだと思う。 アジャイル開発の文脈だと、基本的にこういう分け方はあまりよろしくないとされる。この分け方だと、それぞれのチームに閉じてユーザーストーリーを満たす開発ができない。そうすると、本番環境に機能を出してユーザーに使ってもらうには、複数のチームにまたがってタスクの優先度を合わせたり、複数のチームの成果物をつなぎこんだりする必要がある。そうするとチームをまたいだ調整が必要になり、チームの自律性が下がる。 そうではなくて、例えばフィーチャーごとにチームを作り、
GitHub - SUSE/Portus: Authorization service and frontend for Docker registry (v2)
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Diana Smith | UI Engineer / Web Developer / Frontend Specialist | cyanharlow @ GitHub
Diana Smith | UI Engineer / Web Developer / Frontend Specialist - Diana Smith aka cyanHarlow
マネーフォワードクラウド経費でのフロントエンドの取り組み / moneyforward-expense-frontend
マネーフォワード Pay for Businessのフロントエンド / Money Forward Pay for Business Frontend
HA Proxy 白帯シリーズ(5) HA Proxy 超小ネタ(3) 〜 ログ出力を fluentd を使って frontend セクション毎に異なるファイルに出力する 〜 | iret.media
HA Proxy 白帯シリーズ(5) HA Proxy 超小ネタ(3) 〜 ログ出力を fluentd を使って frontend セクション毎に異なるファイルに出力する 〜 どうも、かっぱ（@inokara）です。 はじめに HA Proxy のログは syslog を経由して下記のように一つの haproxy.log ファイルに出力していますが… frontend セクションを複数設定している場合には frontend 毎にログを異なるファイルに分けれれば色々と嬉しいような気がしたので試してみました。 悩む ググったところ rsyslog で頑張れや…的な情報しか見つからず、諦めようとしていた矢先にログを何とかしたいなら泣く子も黙る fluentd を使うことを思い付きました。処理の流れとしては以下のような流れにすることを目論んでいます。 やってみた 結果 条件付きで出来ました やり方
GitHub - olegakbarov/react-redux-starter-kit: My best-practices-included universal frontend starter kit
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - rakuten-frontend/bower-browser: GUI Bower manager runs on web browser
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
先週土曜日にInside Frontend行ってきたのでレポート。 Inside Frontend inside-frontend.com CyberとYahooの共同主催のフロントエンドのイベント。 国内だとHTML5 Conferenceに次ぐくらいの大きさかな？？ 会場はAbema Towers。 行く途中で中本でラーメン食べたから、イベント中腹壊したらどうしようと思っていたが杞憂で終わってよかった・・・ TypeScript: Why and how we adopted it at Slack SlackをTypeScriptで作り直した話 Reactも導入しているっぽい 2017年4月ごろっぽい https://slack.engineering/typescript-at-slack-a81307fa288d JSはVanila JSで書くのが好きで、ライブラリとか入れない予
Fastest Frontend Tooling
First published on October 3, 2022, updated on September 8, 2023 I tried tons of frontend tools this year in my pursuit to optimize my Developer Experience. I published an incredibly fast minimal template with sensible defaults which you can use to quickly spin up new projects: cpojer/vite-ts-react-tailwind-template. This is not a does-it-all starter kit. The template comes with the essential tool
マインスイーパで学ぶReact / Pepabo Frontend Tech Meeting #1
https://purple-jwl.github.io/react-minesweeper/
TypingMind — The #1 chat frontend UI for ChatGPT, Gemini, Claude, and more.
Use ChatGPT with enhanced features like chat history search, folders, integrations, prompt library, etc.
「業務はバラバラ」「でも助け合える」メルペイFrontendがスピード重視な開発で見つけた、孤立させないチーム体制 | mercan (メルカン)
「業務はバラバラ」「でも助け合える」メルペイFrontendがスピード重視な開発で見つけた、孤立させないチーム体制 ひとくちに「エンジニア」と言えど、企業や事業によってその役割はさまざま…なんて当然のことですよね。特に、お客さまが触れることの多いキャンペーンページや管理画面、Webページを開発するFrontendでは、企業や事業による特色が出やすいと言っていいかもしれません。 メルカリとメルペイ、同じアプリ内にあってもサービス内容は別々。では、メルペイFrontendチームは今、どういった体制で何をしているのでしょうか？話を聞いてみたところ、返ってきたのは次の3つの軸でした。 ・ For Customer（お客さま向け） ・ For Partner（加盟店さま向け） ・ For Operator（オペレーションを行う社内メンバー） メルペイFrontendチームは、現在10名。この3つを軸
それと今回の開催案内をご覧いただいた、技術評論社さまから「Webフロントエンドハイパフォーマンスチューニング（久保田光則著）」を献本いただきましたので、懇親会後の最後にじゃんけん大会を行い、勝者1名様にプレゼントさせていただきました。 技術評論社さま、会に華を持たせていただきありがとうございました！ 発表いただいた内容はとても興味深く多岐にわたっており、素晴らしいものだったと思います。 それだけに運営側で反省しないといけないことがいくつかあったなと開催翌日に振り返りを行いました。 ゆるく飲みながらトークを聞いたり、ワイワイするためのコンセプトを実現するための演出や配慮・当日のカバーが足りなかった点 飲食のご用意がが少なかった点 の 2 点が大きな反省点としてあげられました。 1 つめは、登壇される方も「みんな飲んでます？」と煽っていただいたり「もっとみんなワイワイガヤガヤしていると思ってた
Over the last few years, Airbnb’s frontend architecture has evolved to keep pace with the rapid advancement happening the JavaScript world. Starting as a humble Rails 2 + Prototype.js app in 2008, the frontend stack powering airbnb.com has gone through a few revisions, including a push towards single-page app architecture with Backbone.js and Handlebars.js, an adventure into isomorphic JavaScript
nystudio107 | An Annotated webpack 4 Config for Frontend Web…
Andrew Welch · Insights · #frontend #webpack #workflow Making the web better one site at a time, with a focus on performance, usability & SEO Published 2018.10.23, updated 2020.10.15 · 5 min read · RSS Feed Please consider 🎗 sponsoring me 🎗 to keep writing articles like this. An Annotated webpack 4 Config for Frontend Web DevelopmentAs web development becomes more complex, we need tool
React.jsのドキュメンタリー動画公開など : Cybozu Frontend Weekly (2023-02-14号)
React.jsのドキュメンタリー動画公開など : Cybozu Frontend Weekly (2023-02-14号) こんにちは！サイボウズ株式会社 フロントエンドエキスパートチームの @mugi_uno です。 はじめに サイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。 今回は、2023/02/14 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 Vercel Meetup #0 with CEO Vercel User Community によるオフライン meetup が開催されます。オンライン視聴も可能なようです。 Vercel CEO の Guillermo Rauch 氏が来日・参加されるとのことで、なかなかに貴重な機会になりそ
Inside Frontend というフロントエンドのカンファレンスに行ってきました。話のレベルが高く、まだそういう領域にまでたどり着いていない現状ですがいろいろ刺激になりやっていく気持ちを持つことが出来ました。 inside-frontend.connpass.com 以下面白いと思ったセミナーと感想とか。 Web over ServiceWorker Webフロントエンドにおけるコンポーネント化のアプローチ 感想 Web over ServiceWorker @jxck_ さんのService Workerについての発表。 speakerdeck.com ネイティブアプリと同じようなことが出来るAPIをサンドボックス化して、ブラウザで出来ることを増やしていこうという動きが2014~2016の間で活発になった。結果いろいろなAPIが提案されてきている。そのうちの一つにService Wo
OPByte: Grsync rsync GUI interface frontend for Linux, Windows and Mac OS X
Grsync: Home What? Brief: Grsync is used to synchronize folders, files and make backups. Detailed: Grsync is a rsync GUI (Graphical User Interface). Rsync is the well-known and powerful command line directory and file synchronization tool. Grsync makes use of the GTK libraries and is released under the GPL license, so it is opensource. It doesn't need the gnome libraries to run, but can of course
Javascript ES6: Learn important features in a few minutes - FrontEnd Masters
The next-generation of javascript also known as ECMAScript 6 (also called ES6 or Harmony), is bringing us lots of amazing features that you probably will need to know. But instead of you spend too much time learning and researching all of the features I separated a few that I felt are the ones you’ll be probably using in your daily basis. Don’t worry if you are new to javascript or you’re coming f
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Build high-performance digital experiences with Deno, JSX and Tailwind.
Rome v12リリースなど: Cybozu Frontend Weekly (2023-04-04号)
はじめに こんにちは！サイボウズ株式会社フロントエンドエキスパートチームの BaHo です。 サイボウズでは毎週火曜日に Frontend Weekly という「1 週間の間にあったフロントエンドニュースを共有する会」を社内で開催しています。 今回は、2023/04/04 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 Announcing Rome v12 Rome v12 がリリースされました 🎉 JSON 形式のパースに対応 TypeScript4.7~5.0 をサポート optional variance annotation extends constrain on infer const type parameters export type * CLI 経由でのインポート順のソート etc storybookjs/storyb
Frontend Armory
Level up your JavaScript through interactive exercises and examples.
Teaching CSS via CSS-Tricks Jump to heading # 今、CSSを教えるということ Jump to heading # CSSを教える際、とあるレイアウトを再現しよう。となることは多く、レイアウトを再現するための"ハック"について伝える必要があり、どうしてもCSSの本質的なコンセプトからは少々遠い所から始めなければならかった。 Rachel Andrew氏はFlexboxやGridが存在する現在、別のアプローチでCSSを教えることができるはずだと説く。 Tradeoffs: The Currency of Decision Making via Farnam Street Jump to heading # 意志決定のための"貨幣": トレードオフ Jump to heading # 何をするか? 何が優先順位が高いのか? 時間であれ、体力であれ、お金
jspm + SystemJS: crosswords by OliverJAsh · Pull Request #8688 · guardian/frontend
Introduction to jspm + SystemJS: https://www.youtube.com/watch?v=szJjsduHBQQ Non white space diff: https://github.com/guardian/frontend/pull/8688/files?w=1 This change moves the crosswords app from the RequireJS (RJS) app bundle to a new jspm app (bundled only in production). Because SystemJS works with all module formats out of the box, we haven't had to modify any of our modules—with the excepti
Writing Testable Frontend Javascript Part 2 - Refactor away anti-patterns
This is the second of a two part introduction on how to write testable Javascript UI code. The first article, Anti-Patterns and their fixes, uses a sample application to introduce several common, avoidable, and test-inhibiting anti-patterns. Why these common practices are anti-patterns and how to fix them are explained. This article continues by refactoring the original application to be easier to
This blog post explains how to get started with React while using as few libraries as possible. Required knowledge # Things you should know before reading this blog post: JavaScript: You should have already written code in that language. Browser DOM (document object model): It helps if you are loosely familiar with how the DOM represents HTML and how it handles events. npm: It also helps if you h
2021年12月12日追記 本記事は YUMEMI Advent Calendar Advent Calendar 2021（なんで名前重複しているんだ…w） に昇格させます！決して「何を書こう…ネタがない…あ，ずっと途中で止まっていたやつがあるので，これを機に書ききっちゃお！そしてこれをアドカレの記事にしちゃおう☆」とか言う悪い気持ちではないです((((；ﾟДﾟ))))ｶﾞｸｶﾞｸﾌﾞﾙﾌﾞﾙ それでは本編をどうぞ💁 こんにちは．株式会社ゆめみ でチャレンジ取締役をしております Keeth こと桑原です．今回は WEB DEVELOPER Roadmap 2021 の中の フロントエンドに関するロードマップ を見て思ったこと，日本の Web 業界での必要性などを振り返りました． そもそもの WEB DEVELOPER Roadmap 2021 とは，以下の記述の通り， Step by
【2/19(水)13:00エントリー〆】『HOT PEPPER Beauty』Frontend スピードハッカソン | EVENT | Engineering at Recruit
リクルートスピードハッカソンとは、リクルートグループ内のWebアプリケーションのフロントエンドを題材に、どこまで高速化できるかを競うイベントで実際に社内で行われているものです。 今回のスピードハッカソンの題材は『HOT PEPPER Beauty』です。 リクルートテクノロジーズ・リクルートライフスタイルのフロントエンドエンジニアがメンターとなり、参加者の中でチームを作成し、描画速度の改善に取り組んでいただきます。 アプリケーションのパフォーマンスを改善して、ユーザー体験を向上させていくLighthouse を使って、性能上のボトルネックを明確にする などといった、リアルな業務を経験して、パフォーマンス改善業務の驚きを体験してみませんか？ 高速化にチャレンジしたあとは、実際に今動いているリアルなアプリケーションでのパフォーマンス改善事例も紹介します！ 募集要項 対象 学生の場合 2020年
Web フロントエンドの現場とこれからをつなぐカンファレンス「Inside Frontend #1」FRESH!独占でセミナーの模様を生中継 #insideFE | DAILY FRESH LIVE（デイリーフレッシュライブ）
Web フロントエンドの現場とこれからをつなぐカンファレンス「Inside Frontend #1」FRESH!独占でセミナーの模様を生中継 #insideFE FRESH!にて、『Inside Frontend #1』のセミナーの模様が生中継される。2017年2月25日（土）13:15頃、開始予定。『多様化する利用環境とどう向き合うか』『Web over ServiceWorker』『Polyfills are part of the web』など、タイムテーブルからSeminar A、Bで展開される講演を中継する。 『Inside Frontend #1』は、「Webフロントエンドの現場とこれからをつなぐカンファレンス」として、様々な現場が今どのような個別の問題に取り組んでいるのか、同時に Web が今後どのように発展していく可能性があるのかを参加者が考える場となっている。 ▼タイムテ
Translations < Scroll down for awesomness | Scroll down for awesomness > You are user: Friend Sites: We used to make websites because it was fun but at some point, we lost the way. We need to make dumb shit! Make useless stuff; make the web fun again!
Introduction This is the distribution page for HamachiX. HamachiX is the frontend for Mac OS X to hamachi, a secure mediated VPN client. This allows to create virtual private networks between many clients through firewalls in most cases, for more details check out the hamachi homepage. Check the download section for latest builds, find any further information on releases and any other announcement
フリーランスのフロントエンドエンジニアのWEBサイトです。You see a wonderful Frontend Development Freelancer today. design for web, sound and funs.
Delicious Donut Components An interactive guide to component composition with React Server Components Do you know how many calories are in a donut? I don’t either—the only thing I know about donuts is that they’re delicious. Oh, and that they’re a great way to build composable UIs. If you’ve been building with React Server Components, you might be familiar with a composition pattern that allows yo
At GitLab, we release a new version on 22nd of every month. This is a story of the evolution of GitLab Frontend and why we choose VueJS and how we use it on production.Read less
ソフト詳細説明 WAVEとMP3の変換を簡単に行う、LAMEのフロントエンドです。 変換にLAME.EXEを使用しますので、以下のページに記載されているサイト等から入手し、適当なフォルダへ解凍してください。 http://kkkkk.net/?lame 機 能 ・WAVEからMP3へのエンコード ・MP3からMP3への再エンコード ・MP3からWAVEへのデコード 特 徴 ・変換には音質に定評あるLAMEを採用 ・ビットレート8～320kbps、サンプリングレート8～48kHzに対応 ・可変ビットレート・フィルタ・音量・ID3タグ等の設定が可能 ・複数曲一括変換や内蔵プレイヤーを搭載 ・ドラッグ&ドロップでのファイル操作もOK ・レジストリは操作しません
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web FrontendでClean Architectureを試す - Qiita
BackendチームとFrontendチームとアジャイル｜qsona
Inside Frontend行ってきた #insideFE - tiwu Blog
Frontend de KANPAI ! 第一回お越し頂きありがとうございました - DeNA Design
The Evolution of Airbnb's Frontend
Inside Frontendに行ってきました #insideFE - チラシ裏日記上等！！新館
GitHub - mizchi/frontend-boilerplate
deco.cx: the open-source, headless frontend platform
Vol.250 - Frontend Weekly Tokyo
Minimal React: getting started with the frontend library
WEB DEVELOPER Roadmap 2021 の Frontend Developer を見ての振り返り
Make Frontend Shit Again
HamachiX - The Mac OS X frontend for hamachi
de3 - Frontend Development Freelancer
Delicious Donut Components | Frontend at Scale
GitLab Frontend and VueJS at GitLab
Lame Ivy Frontend Encoderの詳細情報 : Vector ソフトを探す！