Level up your JavaScript through interactive exercises and examples.
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 が今後どのように発展していく可能性があるのかを参加者が考える場となっている。 ▼タイムテ
Integrations | Storybook: Frontend workshop for UI development
IntegrationsIntegrate your tools with Storybook to connect workflows and unlock advanced features.
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.
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
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
メルペイ・メルコインFrontendチームにある「品質」への考え方は？ #今メルペイが一緒に働きたい仲間 | mercan (メルカン)
メルペイ・メルコインFrontendチームにある「品質」への考え方は？ #今メルペイが一緒に働きたい仲間 求人情報には必須要件・歓迎要件・求める人物像などが記載されていますが…それって、もう少しくわしく言うとどんな人？ そこで誕生したのが、採用メンバーが“仲間募集中”なチームのマネージャーに根掘り葉掘り質問していくシリーズ企画「#今メルペイが一緒に働きたい仲間」！今回は、メルペイFrontendチームのエンジニアリングマネージャーである田中佑太郎（@tanawa）と、メルコインのフロントエンドエンジニアとして働くMargaux Flores（@margaux）が登場します。 Frontendチームのおもな業務内容やそれぞれのキャリア、金融・決済系サービスを開発する上で求められるスキルを明かしました。聞き手は、メルペイHRBPの松家百花（@momoka）です。 Frontendチームは本人の
GitHub - ChromeDevTools/devtools-frontend: The Chrome DevTools UI
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
ソフト詳細説明 WAVEとMP3の変換を簡単に行う、LAMEのフロントエンドです。 変換にLAME.EXEを使用しますので、以下のページに記載されているサイト等から入手し、適当なフォルダへ解凍してください。 http://kkkkk.net/?lame 機 能 ・WAVEからMP3へのエンコード ・MP3からMP3への再エンコード ・MP3からWAVEへのデコード 特 徴 ・変換には音質に定評あるLAMEを採用 ・ビットレート8～320kbps、サンプリングレート8～48kHzに対応 ・可変ビットレート・フィルタ・音量・ID3タグ等の設定が可能 ・複数曲一括変換や内蔵プレイヤーを搭載 ・ドラッグ&ドロップでのファイル操作もOK ・レジストリは操作しません
GitHub - leoliu/ggtags: Emacs frontend to GNU Global source code tagging system.
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
componentCanSwipe Swipe Gestureはいい感じに対応したが、一つの問題に直面しました。「全てのページにSwipe Gestureを適用することはよくない」。複数のページを跨いでるユーザーの入力機能を想像してください。前のページに戻る時に、入力がある場合は確認ダイアログを出すのはよくありますね。こんな時にSwipe Gestureを提供すると、ユーザーの操作がややこしくなります。 各ページでSwipe Gestureの適用を指定できるよう、Page Stackに `componentCanSwipe`のサポートを追加しました。仕組みはシンプルです。Swipe Gestureは完全にPage Stackに制御されているため、発動する前に、Page Stackにある一番上にあるページコンポーネントの`componentCanSwipe`を見れば、トランジションを中断する
frontendに「nuxtjs/apollo」、backendに「go+gqlgen」の組み合わせでGraphQLサービスを作る - Qiita
frontendに「nuxtjs/apollo」、backendに「go+gqlgen」の組み合わせでGraphQLサービスを作るGoGraphQLapolloNuxtgqlgen お題 簡易ToDoアプリ（と言っても、この記事上では単に「ToDoの新規登録」と「登録済みの全ToDoの表示」しか出来ない）を題材として、表題の組み合わせでGraphQL通信ロジックを書くとどんな感じになるかを確認してみる。 ※今回はRDBを使った永続化などはしないで、バックエンドからは固定値を返す。 前提 Nuxt.jsやGoについては、個人ないし会社での開発経験があり、フロント->サーバの接続は（例えば）Axiosなど使ってRESTでやってたけど、GraphQLに変えてみたいという人が対象。 ただ、「そもそもGraphQLとは？」とか「RESTと比べたメリット・デメリットは？」みたいなことは書かない。（既に
GitHub - proshoumma/ReForum: A minimal forum board application. Built on top of React-Redux frontend, ExpressJS-NodeJS backend (with PassportJS for OAuth) and MongoDB databse.
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
フロントエンドエンジニアの人たちが開発者体験を向上させることにどんな意味があってやっているのか、どうやってやってるのか、また開発者体験を向上させた結果、どんな効果があったかについて実例を込めて解説します。
Changing Lanes: How Lyft is Migrating 100+ Frontend Microservices to Next.js
By Josh Callender and Andrew Hao IntroductionIn 2019, Lyft’s frontend architecture needed a reckoning. We were growing quickly as a company, and new teams were creating new software systems daily. At that point in time, we were generating new frontend services from a service generator template — complete with a copy of our bespoke, zero-config frontend build platform. Having such an easy means of
Integrating GraphQL Code Generator in your frontend applications (The Guild)
Integrating GraphQL Code Generator in your frontend applications In this article we’ll try to explain and demonstrate common patterns for frontend development with GraphQL and GraphQL Code Generator. Most patterns are general and can be applied to most popular frontend frameworks (React, Angular, Vue, Stencil), and to popular GraphQL client libraries (Apollo / urql), due to extended support of Gra
【HTML】WEBサイトを読みやすくするカーニング方法まとめ【CSS】｜viviON Designer / Frontend Engineer
こんにちは！ 突然ですが皆さんWebでも文字詰めができるって知ってましたか？ WEBでの文字詰め方法を聞かれた時、 「一文字ずつ<span></span>で囲む…とかですかね…？」 と自信なさげな上に情弱さを披露してしまったデザイナーの山下と申します🙈 一般的に昔から知られている方法としてはletter-spacingやspanで文字詰めをする方法がありますが、他にもfont-kerningやfont-feature-settingsといったカーニング用のCSSプロパティが存在しています！ 特にfont-feature-settingsというプロパティではカーニング用に設定できる方法が何通りもあってめちゃくちゃすごいんです。 こういう方法もあるよー！と、デザインチームの有識者のメンバーに何通りか方法を教えてもらったので、今回はWEBサイトを読みやすくするカーニング方法を紹介していきたいと
WebXRでポートフォリオを作ろう/Let's make your portfolio with WebXR!
Frontend Weekly Meetup 2016 (2016/12/15 19:30〜)
注意 現在X(旧Twitter)でのソーシャルログインができない事象を確認しています。事前にX(旧Twitter)側で再ログインした上でconnpassのソーシャルログインを行うか、 「ユーザー名(またはメールアドレス)」と「パスワード」の組み合わせでのログインをお試しください。合わせてFAQもご確認ください。 お知らせ 2024年9月1日よりconnpassサービスサイトへのスクレイピングを禁止とし、利用規約に禁止事項として明記します。 9月1日以降のconnpassの情報取得につきましては イベントサーチAPI の利用をご検討ください。 お知らせ connpassではさらなる価値のあるデータを提供するため、イベントサーチAPIの提供方法の見直しを決定しました。2024年5月23日(木)より 「企業・法人」「コミュニティ及び個人」向けの2プランを提供開始いたします。ご利用にあたっては利用
Frontend Security: Applying Contextual Escaping Automatically, or How to Stop XSS in Seconds
- The document discusses the problem of cross-site scripting (XSS) and proposes an approach called Secure Handlebars to automatically apply contextual escaping to templates to prevent XSS. - Secure Handlebars works by preprocessing templates to insert contextual escaping filters and checks for security issues, then compiles the templates with these filters applied. - Evaluations found it to provid
Mislav Marohnić on Twitter: "We’re finally finished removing jQuery from https://t.co/r2QL2aHBfa frontend. What did we replace it with? No frame… https://t.co/qbvGdwYBxD"
We’re finally finished removing jQuery from https://t.co/r2QL2aHBfa frontend. What did we replace it with? No frame… https://t.co/qbvGdwYBxD
漫画作品のロゴデザインや表紙ってどうやって作るの？｜viviON Designer / Frontend Engineer
こんにちは！デザイナーのくまさんです。 私はデザインチームで 装丁デザイナーとして働いています！ viviONグループではオリジナル漫画作品の制作も行っており、その表紙を制作するのが主なお仕事となります。 “装丁”は一般的には書籍のデザインのことを指しますが、viviONでは便宜上作品の顔となるデザイン全般のことを指しています！ 今回は、漫画作品の表紙はどのように制作されるのかをご紹介させて頂きます！ 取り上げさせて頂く作品はこちら！ 「ステイアットスイートホーム」 著：内谷あらすじ 栄養士として働きながら、婚活に焦る御幸叶子 27歳。 叶えたい夢…それは、専業主婦になること！憧れの母のように愛する人を支え、家族が帰る場所を守ることが叶子の夢だった。 ある日、落ちてきた木材から咄嗟に身を守ってくれた工事現場の作業員・安堂のたくましさに一目惚れ！優しい彼を支えるお嫁さんになりたい…でも、そ
Framework only, not about generic frontend perf DEMYSTIFYING FRONTEND FRAMEWORK PERFORMANCE EVAN YOU
Web フロントエンドの現場とこれからをつなぐカンファレンス 「Inside Frontend」開催レポート | CyberAgent Developers Blog
2017年2月25日(土)に開催された、Web フロントエンドの現場とこれからをつなぐカンファレンス「Inside Frontend」 さまざまな現場が今どのような課題に取り組んでいるのか、また Web が今後どのように発展していく可能性があるのか、これらを参加者の皆様と一緒に考えていく場になればと日本経済新聞社、ヤフー株式会社、サイバーエージェントが共同で開催いたしました。 第1回目ながら定員360名に対して700名以上の方々にご応募いただくなど、大変ありがたいことに本番前から多くの注目を集めました。 こちらのブログでは当日の様子をお伝えいたします。 （写真撮影：倉長 拓海氏、樋山 理紗氏） 会場はヤフー株式会社本社のある東京ガーデンテラス紀尾井町 紀尾井タワー内セミナールーム。 日本経済新聞社、ヤフー株式会社、サイバーエージェントから約30名の運営スタッフが集まりました。約360名の参
Remove the pain from manually updating your details in each separate location. Simply change the data once in your… WebAssembly Makes Major Releases with the Core Specification Reaching 1.0WebAssembly is often regarded as the future of the web. It aims to maximize performance, reduce file size, and enable web development in multiple languages by offering a binary format that runs on the web. In la
GitHub - service-mocker/service-mocker: 🚀 Next generation frontend API mocking framework
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
Knowledge Base WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです
GitHub - gmarik/gorack: Gorack a Go backed frontend webserver for Ruby's Rack apps
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
注意 現在X(旧Twitter)でのソーシャルログインができない事象を確認しています。事前にX(旧Twitter)側で再ログインした上でconnpassのソーシャルログインを行うか、 「ユーザー名(またはメールアドレス)」と「パスワード」の組み合わせでのログインをお試しください。合わせてFAQもご確認ください。 お知らせ 2024年9月1日よりconnpassサービスサイトへのスクレイピングを禁止とし、利用規約に禁止事項として明記します。 9月1日以降のconnpassの情報取得につきましては イベントサーチAPI の利用をご検討ください。 お知らせ connpassではさらなる価値のあるデータを提供するため、イベントサーチAPIの提供方法の見直しを決定しました。2024年5月23日(木)より 「企業・法人」「コミュニティ及び個人」向けの2プランを提供開始いたします。ご利用にあたっては利用
A Poll of Modern Frontend Web Developer’s Preferred Tools
FeaturedToolsWeb Development A Poll of Modern Frontend Web Developer’s Preferred Tools Jake RocheleauSeptember 11, 20152 Comments04.3k Recently a Senior Web UI Engineer by the name of Ashley Nolan published a wonderful blog post detailing the results of a survey he conferred with various web developers. The results were meant to measure which tools, languages, libraries, and dev resources are curr
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
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
GitLab Frontend and VueJS at GitLab
Delicious Donut Components | Frontend at Scale
Lame Ivy Frontend Encoderの詳細情報 : Vector ソフトを探す！
【LINE証券 FrontEnd】Page Stack の進化と課題
Frontend Developers Experience (Why/What/How)/DXD2021
マネージドクラウドのフロントエンド事情 / Frontend of Managed cloud
Modern Frontend Testing with Cypress.io Framework - Snipcart
Demystifying Frontend Framework Performance
A Recap of Frontend Development in 2018
フロントエンドへカスタマイズした投稿フォームを設置できるプラグイン「WP User Frontend」
FRONTEND CONFERENCE 2017 で「CSS フレームワークをつくろう！」という話をしました
Frontend Meetup vol.1 - SPAを語り尽くす会! (2016/09/16 19:00〜)