検索対象

並び順

ブックマーク数

セーフサーチ

期間指定

  • から
  • まで

フロントエンドの検索結果(絞り込み: 3 users 以上)2484 件中 1 - 40 件目

  • 成熟したRailsアプリのフロントエンドを最新にリニューアルする方法(翻訳)|TechRacho(テックラッチョ)〜エンジニアの「?」を「!」に〜|BPS株式会社

    概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Keep up with the Tines: Rails frontend revamp — Martian Chronicles, Evil Martians’ team blog 原文公開日: 2020/06/03 著者: Rita Klub...

    成熟したRailsアプリのフロントエンドを最新にリニューアルする方法(翻訳)|TechRacho(テックラッチョ)〜エンジニアの「?」を「!」に〜|BPS株式会社
    • SSR / SSGの理解を一段深ぼる: BFFアーキテクチャ

      BFFとは Backend for Frountendの略で、UI/UXを向上させる目的でフロントエンド専用のサーバーを用意したアークテクチャパターンです。 Webアプリケーションサーバーは下記の処理を行います。 リクエス...

      SSR / SSGの理解を一段深ぼる: BFFアーキテクチャ
      • フロントエンド開発環境の継続的なリファクタリング - Medley Developer Blog

        こんにちは、第二開発グループエンジニアの西村です。主にCLINICSの開発を担当しています。 はじめに CLINICSは電子カルテ、オンライン診療、予約システム、患者アプリなどを含む統合アプリです。CLINI...

        フロントエンド開発環境の継続的なリファクタリング - Medley Developer Blog
        • フロントエンドエンジニアのためのAWSアーキテクチャ - Speaker Deck

          Transcript © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved. In Partnership with ��� �� ��� ����� AWS ��� � � Takuya Mizuma Prototyping Specialist Solution Archite...

          フロントエンドエンジニアのためのAWSアーキテクチャ - Speaker Deck
          • レガシーおじさん、SPAを始めてみた。そして限界を知る

            はじめに 最近、Webの記事を見てるとReactだVue.jsばかりが上がっていてJSPやERBの話をしてる人は誰もいません。jQueryの記事ももちろん見ない。 つまり、Webだけ見る限りではほとんどの人がSPAを使っ...

            レガシーおじさん、SPAを始めてみた。そして限界を知る
            • デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話

              こんにちは。TAK(@tak_dcxi)です。 今回記事にするのはタイトル通り「デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周り」についてです。以前ツイートしましたが、特に説明もなか...

              デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話
              • フロントエンドエンジニアの未来戦略~組織・個人における生存戦略~ | FLEXY(フレキシー)

                2020年9月23日に開催されたCTOmeetupのイベントレポートです。今回はフリーランスで活躍する田中さんをモデレータとして、サイボウズの佐藤さん、リクルートの古川さんをお招きし、フロントエンドエン...

                フロントエンドエンジニアの未来戦略~組織・個人における生存戦略~ | FLEXY(フレキシー)
                • Vanilla JSでSPAやったるで

                  TL;DR JS史上最軽量フレームワークと名高いVanilla JSでSPAしてみました。 今回目指すSPAの仕様 URLに対応するページが表示される。アンカーリンクをクリックするとURLが変更され、ページが遷移する。...

                  Vanilla JSでSPAやったるで
                  • STORES.jp入社3ヶ月で気づいたこと ~Nuxt.js 移行における 未来を見据えたコンポーネント設計~ / Components Design of Frontend in STORES.jp - Speaker Deck

                    Transcript 2019 STORES.jp, Inc., All Rights Reserved 1 STORES.jp入社3ヶ月で気づいたこと ストアーズ・ドット・ジェーピー株式会社 UI改善チーム 藤井 大祐(@daitasu) Nuxt.js 移行における 未来を...

                    STORES.jp入社3ヶ月で気づいたこと ~Nuxt.js 移行における 未来を見据えたコンポーネント設計~ / Components Design of Frontend in STORES.jp - Speaker Deck
                    • 個人的UIデザインの情報源まとめ

                      どうも。 最近エンジニアからデザイナーになったものです。 最近UIデザイナーになってUIデザインの情報源って意外とまとまってないなと思ったので、個人的によく参考にする情報源をまとめました。 ここ...

                      個人的UIデザインの情報源まとめ
                      • 2020年秋にVue.jsのアプリケーションを作るなら、押さえておきたい5つのポイント | フューチャー技術ブログ

                        TIGの伊藤真彦です。 ここ最近はVue.jsでのフロントエンド開発を行っています。 ほぼ何もない状態からのスタート段階から始めたのですが、その際調査したことが学びになったので共有します。 ※この記事...

                        2020年秋にVue.jsのアプリケーションを作るなら、押さえておきたい5つのポイント | フューチャー技術ブログ
                        • 普段やってる情報収集や学習について(フロントエンド寄り)

                          どうも。 普段フロントエンド周りの開発をやっている者です🐶 今回は普段自分がやっている情報収集と学習で使ってるサイトや手法を紹介します。 過去にも何度かこの類の話をしているのですが、2020年版...

                          普段やってる情報収集や学習について(フロントエンド寄り)
                          • jsライブラリ選定はopenbaseが超絶便利 - Qiita

                            openbaseとは https://openbase.io Find and compare open-source packages with user reviews, categorization, and unparalleled insights about packages' popularity, reliability, activity, and ...

                            jsライブラリ選定はopenbaseが超絶便利 - Qiita
                            • SIerの輪廻から解脱するための技術|はまあ|note

                              モチベーション最近「SIer界の輪廻からどうやって解脱したらいいですか?」 という話をちょくちょく耳にすることが増えた。 それに対する"解答"というわけではないのだけど、輪廻からの解脱を目指すに...

                              SIerの輪廻から解脱するための技術|はまあ|note
                              • 月間13億PVのエラートラッキングにSentryで挑む|食べログ フロントエンドエンジニアブログ|note

                                はじめまして。食べログFE(フロントエンド)チームの佐伯と申します。 このタイトルを書いてみて、数字の大きさに驚きを隠せません。 通常形態のフリーザ様(53万)何人分でしょうか。 2019年9月より...

                                月間13億PVのエラートラッキングにSentryで挑む|食べログ フロントエンドエンジニアブログ|note
                                • webpack@5で入るPersistent Cachingについて - 技術探し

                                  webpackはin-memoryのみで今まで永続的なキャッシュを実装していませんでした。理由としては、パフォーマンスよりも安全性を優先していたためです。 cache-loaderを使ったことがある人はわかるかもしれ...

                                  webpack@5で入るPersistent Cachingについて - 技術探し
                                  • Origin 解体新書

                                    Web 技術解体新書 第一章 Origin 解体新書 v1.1.0 Same Origin Policy とは Web において非常に重要なセキュリティモデルの 1 つだ fetch や XHR でリクエストを送信したときに、 CORS 違反で失敗した...

                                    Origin 解体新書
                                    • 次世代画像形式のWebP、そしてAVIFへ。変わり続ける技術に対応するweb制作の黄金解 - ICS MEDIA

                                      WebP(ウェッピー)という画像形式をご存知でしょうか? 長い間、webの静止画は大部分がJPEG/GIF/PNGのいずれかでした。WebPはこのすべてを置き換えることができる次世代のフォーマットです。2020年9...

                                      次世代画像形式のWebP、そしてAVIFへ。変わり続ける技術に対応するweb制作の黄金解 - ICS MEDIA
                                      • 食べログでのAtomic Design 〜どう分類しているか編〜|食べログ フロントエンドエンジニアブログ|note

                                        食べログFE(フロントエンド)チームの金野と申します。 以前の記事で、jQuery+Backbone.jsからReact/TypeScriptへのリプレースを進めていることをご紹介しました。 リプレースした部分では、Atomic De...

                                        食べログでのAtomic Design 〜どう分類しているか編〜|食べログ フロントエンドエンジニアブログ|note
                                        • Modern Web Development on the JAMstack を読んでまとめた - console.lealog();

                                          https://www.netlify.com/pdf/oreilly-modern-web-development-on-the-jamstack.pdf Netlify社が2019年に公開した本?PDFです。 せっかくJamstackの会社に入ったので、読んでおかないといけない気がし...

                                          Modern Web Development on the JAMstack を読んでまとめた - console.lealog();
                                          • JavaScriptの非同期処理を理解する その2 〜Promise編〜 | さくらのナレッジ

                                            こんにちは!小田島です。前回の「コールバック編」を納稿したとき、アイキャッチ画像はJavaScriptのロゴにタイトルの文字を入れただけというとんでもないやっつけ仕事だったのですが、さくナレ編集部...

                                            JavaScriptの非同期処理を理解する その2 〜Promise編〜 | さくらのナレッジ
                                            • 社内でフロントエンドのパフォーマンスチューニングコンテストを開催した

                                              フロントエンド/Node.js エンジニアの mizchi です。plaid では新しい分析エンジンのフロントエンド側の技術的な仕様を考えたり、それを実装したりしています。趣味として社内の他のプロダクトのパフォ...

                                              社内でフロントエンドのパフォーマンスチューニングコンテストを開催した
                                              • CSSを最適化してページの読み込み時間を高速化する方法 | コリス

                                                CSSを最適化して、ページの読み込み時間を高速化する方法を紹介します。 シンプルなCSSのファイルをはじめ、大規模プロジェクトで使用されるCSSまで、すべてのCSSに効果があるテクニックです。 Optimiz...

                                                CSSを最適化してページの読み込み時間を高速化する方法 | コリス
                                                • Vue に stale-while-revalidate がやってくる - STORES Tech Blog

                                                  STORES でフロントエンド開発をしているushironokoです。今回は Vue でも SWR のようなしくみが使え、遠くない未来で標準的に使われることになりそうだ、という話を書きます。stale-while-revalidate ...

                                                  Vue に stale-while-revalidate がやってくる - STORES Tech Blog
                                                  • CORSの原理を知って正しく使おう | YouTube

                                                    最近質問サイト等でCORS(Cross-Origin Resource Sharing)に関する質問が急増していますが、その多くがCORSの原理をまったく理解せずに、とにかくCORSの制限を回避して動かす方法を求めるように見受けま...

                                                    CORSの原理を知って正しく使おう | YouTube
                                                    • Webアクセシビリティ難しすぎる問題 | Zenn

                                                      はじめに 私はデザイナー兼フロントエンドエンジニアというような立ち位置で、勤務するfreee株式会社のアクセシビリティガイドラインの作成に関わったり、アクセシビリティまわりの仕組みの整備や社内...

                                                      Webアクセシビリティ難しすぎる問題 | Zenn
                                                      • 「読みやすい」とはどういうことか? コード品質の一指標 | Zenn

                                                        「良いコード」とは何でしょうか? コードの品質には色々な指標がありますが、「読みやすいコードは良いコードである」というのは一つの指標として多くの方が認めるところではないでしょうか。しかし...

                                                        「読みやすい」とはどういうことか? コード品質の一指標 | Zenn
                                                        • React17におけるJSXの新しい変換を理解する | Zenn

                                                          今日発表された公式ブログの記事によれば、React17では新しいJSXの変換がサポートされます。これはどういうことなのか、我々にどういう影響があるのかをまとめました。 JSXの変換とは ほとんどの人は、...

                                                          React17におけるJSXの新しい変換を理解する | Zenn
                                                          • SEOに重要な全HTMLタグと構造化マークアップテンプレート

                                                            HTMLに求められることは何か?ユーザーから検索エンジンに要求されることは、単なる文章ではなく、「意図」になりました。そのため、ウェブページを記述する基本言語であるHTMLには、 ことが求められま...

                                                            SEOに重要な全HTMLタグと構造化マークアップテンプレート
                                                            • ピクセルパーフェクトは必要なのか? HTMLコーダーの考え方まとめ - Togetter

                                                              平尾誠@arutega.jp @Makopontass コーディングを外に出すことが増えてきた。 やはり経験値が少ない人の品質管理は大変だと感じつつも、しぶとくピクセルパーフェクトを狙ってくる方に仕事を任せてよか...

                                                              ピクセルパーフェクトは必要なのか? HTMLコーダーの考え方まとめ - Togetter
                                                              • 2020年版: なぜ仮想 DOM / 宣言的 UI という概念が、あのときの俺達の魂を震えさせたのか | Zenn

                                                                本記事は、 「なぜ仮想 DOM という概念が俺達の魂を震えさせるのか」 https://qiita.com/mizchi/items/4d25bc26def1719d52e6 の 2020 年版のリライトです。 2014 年当時、日本においては React は未だ...

                                                                2020年版: なぜ仮想 DOM / 宣言的 UI という概念が、あのときの俺達の魂を震えさせたのか | Zenn
                                                                • Reactのコンポーネント周りの用語を整理する

                                                                  React のコンポーネント周りの用語ってごっちゃごちゃになった経験はありませんか? 友人と話すときなどはなんとなくのニュアンスで伝わるので気にしていなかったのですが、型注釈つけるときやコードリ...

                                                                  Reactのコンポーネント周りの用語を整理する
                                                                  • クラウドワークスのWebアクセシビリティチェックを始めてみた - クラウドワークス エンジニアブログ

                                                                    こんにちは。フロントエンドエンジニアの yamanoku と申します。 最近久々に出社しましたが、どうやら半年以上も出社していなかったことに驚愕しました。自分自身が違和感なくリモート作業やれているの...

                                                                    クラウドワークスのWebアクセシビリティチェックを始めてみた - クラウドワークス エンジニアブログ
                                                                    • フルスタックエンジニアになるためのモダンな8つのプロジェクト - Qiita

                                                                      こんにちは、たかとーです。 今日は8 Projects with modern designs to become a Full-stack Master 2020の日本語訳記事です! *当記事は、Thuさんの許可を得て翻訳しています。 8 Projects with moder...

                                                                      フルスタックエンジニアになるためのモダンな8つのプロジェクト - Qiita
                                                                      • BASEにおけるVue.jsのこれまでとこれから - BASEプロダクトチームブログ

                                                                        前書き こんにちは、BASEのフロントエンドチームでエンジニアリングマネージャーをやっている松原(@simezi9)です BASEではフロントエンドエンジニアの積極採用を行っています。 その過程で、面接を受け...

                                                                        BASEにおけるVue.jsのこれまでとこれから - BASEプロダクトチームブログ
                                                                        • 2020年、オンラインサービスやWebアプリの開発を独学で勉強したい人に役立つ練習プロジェクトのまとめ | コリス

                                                                          Webアプリやスマホアプリ、オンラインショップ、オンラインサービスなど、Web開発における一通りの需要に応えられるような知識・スキルを練習するのに役立つプロジェクトを紹介します。 8つのプロジェ...

                                                                          2020年、オンラインサービスやWebアプリの開発を独学で勉強したい人に役立つ練習プロジェクトのまとめ | コリス
                                                                          • 画面をデザインするということ - Qiita

                                                                            Help us understand the problem. What is going on with this article? この記事は社内の勉強会で話した内容を再編したものです。 私自身はPC/ブラウザ/スマホのアプリ開発をしている1エンジニアにす...

                                                                            画面をデザインするということ - Qiita
                                                                            • 計測・検討・対処のプロセスでWebサービスのパフォーマンスを改善する - Tech Blog - Recruit Lifestyle Engineer

                                                                              はじめに はじめまして、ホットペッパービューティーコスメ(以下HPBC)にてフロントエンドエンジニアとして学生アルバイトをしている柏です。 Webサービスで普遍的にもとめられる指標にパフォーマンス...

                                                                              計測・検討・対処のプロセスでWebサービスのパフォーマンスを改善する - Tech Blog - Recruit Lifestyle Engineer
                                                                              • How a Massive Bomb Came Together in Beirut’s Port - The New York Times

                                                                                The comments section is closed. To submit a letter to the editor for publication, write to letters@nytimes.com.

                                                                                How a Massive Bomb Came Together in Beirut’s Port - The New York Times
                                                                                • reg-suitとCypressを使ってビジュアルリグレッションテストを導入した話 - SMARTCAMP Engineer Blog

                                                                                  こんにちは!スマートキャンプでインサイドセールスに特化した SaaSを作っているエンジニアの井上です。 携わっている上記のプロダクトは使いやすさにこだわっているため、UIの修正を行うことが多々あ...

                                                                                  reg-suitとCypressを使ってビジュアルリグレッションテストを導入した話 - SMARTCAMP Engineer Blog