【最新版】フロントエンドを学べる最高の教材集 - Qiita

2024/11/17 195 users 教材 全体像 Next.js ロードマップ Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに フロントエンドを学べる教材をまとめました。 今回紹介するフロントエンド技術は下記になります。 ロードマップ (全体像) JavaScript TypeScript React Next.js 対象者 こ... 続きを読む

フレームワークだけじゃない！ 「State of JavaScript 2023」で見直すJavaScriptの人気ライブラリ

2024/09/02 18 users フレームワーク WINGSプロジェクト 山内 テクニカル 執筆

TOPコラム新発見！フロントエンド技術の今フレームワークだけじゃない！ 「State of JavaScript 2023」で見直すJavaScriptの人気ライブラリ フレームワークだけじゃない！ 「State of JavaScript 2023」で見直すJavaScriptの人気ライブラリ 2024年9月2日 執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル... 続きを読む

Plainのフロントエンドにおける技術選定(2023年8月版) - ROUTE06 Tech Blog

2023/08/08 15 users plain EDI MH4GF ソフトウェアエンジニア 現代

ROUTE06 でソフトウェアエンジニアをしている @MH4GF です。 ROUTE06 ではエンタープライズ向けビジネスプラットフォーム「Plain」を開発しています。この記事では 2023 年 8 月に Plain クラウド EDI の Web フロントエンドで採用している技術について、その選定理由をまとめました。 現代の Web フロントエンド技術は... 続きを読む

古川陽介に聞く！フロントエンド最前線#5 ー Deno2.0 / The Bun Bundler / Vercel AI SDK

2023/07/18 7 users 古川陽介 Tec フロントエンド最前線 TechFeed 白石

日本のフロントエンド界隈をリードし続ける古川陽介さんとTechFeedがコラボして、フロントエンド技術の最新動向を月イチでお届けする連載企画、「古川陽介に聞く！フロントエンド最前線」の新着動画が公開されました！ こんにちは、TechFeed CEOの白石です。 日本のフロントエンド界隈をリードし続ける古川陽介さんとTec... 続きを読む

【YouTube更新！】 古川陽介に聞く！フロントエンド最前線#3 ー Node.js v.20リリース／Denoがpackage.jsonに対応した理由

2023/05/22 5 users TechFeed package.json deno 白石

古川陽介さんとTechFeedがコラボして、フロントエンド技術の最新動向を月イチでお届けする連載企画、「古川陽介に聞く！フロントエンド最前線」の新着動画が公開されました！ こんにちは、TechFeed CEOの白石です。 日本のフロントエンド界隈をリードし続ける古川陽介さんとTechFeedがコラボして、フロントエンド技術の... 続きを読む

FANTS ダッシュボードを支えるフロントエンド技術 - stmn tech blog

2022/06/12 6 users FANTS フレームワーク ライブラリ 0906koki 目次

こんにちは、株式会社スタメンで FANTS のフロントエンド開発を担当している @0906koki です。 今回の記事では、本日リリースした FANTS ダッシュボードのフロントエンド開発で選定したフレームワークやライブラリ、ディレクトリ構成について解説します。 目次 目次 FANTS ダッシュボードとは？ 技術スタック Next.js SW... 続きを読む

万葉は Hotwire を推していきます！｜万葉｜note

2022/06/08 68 users React Hotwire ＣＴＯ 万葉 全社

こんにちは、万葉で CEO & CTO をしている田中洸一です。 Rails 7 から標準になった Hotwire を、万葉では全社をあげて推していく事にしました！ この記事では、その事について詳しく書こうと思います。 モチベーション昨今、React や Vue.js をはじめとするフロントエンド技術が目覚ましく発展しています。新しい技術の... 続きを読む

PR TIMESにおけるフロントエンド開発基盤の構築 | PR TIMES 開発者ブログ

2022/04/14 11 users PR TIMES 構築 開発者ブログ フルスクラッチ

こんにちは、21新卒エンジニアの柳(@apple_yagi)です。今月から新卒2年目となり、一年早かったなとしみじみしています。 昨年PR TIMESでは企業ページをフルスクラッチでReactにリプレイスするプロジェクトを行い、モダンなフロントエンド技術を導入することができました。 レガシーなフロントエンドを捨ててReact.jsでリ... 続きを読む

定番「jQuery」はもう古い、イマドキのモダンWebを理解する

2022/01/10 10 users jQuery 今朝 上司 いまどき ビデオ

最新のWebサイトである「モダンWeb」では、以前のWebサイトよりも高度な技術が使われています。本特集では今どきのフロントエンド技術を活用したWebサイトの機能や仕組みを解説します。 青木進一は、業務ソフトを開発する「お台場ソフト開発株式会社」入社5年目のWeb開発エンジニアです。今朝、上司の丸山課長からビデオ... 続きを読む

「Angular」「React」「Vue」の3大フレームワークに集約　ICSの代表が教える「フロントエンド技術」のトレンド - ログミーTech

2021/01/26 399 users ユーザーインターフェイス ICS React angular

「キャッチアップしておきたいウェブ制作の最前線」というテーマで、Vue.jsなどJavaScriptを駆使したユーザーインターフェイスの開発を主に担当してきた池田泰延氏が、Webのフロント周りの近年の技術的な動向を解説します。前半はフロントエンド技術のトレンドについて。 スピーカー自己紹介、『JavaScript コードレシピ... 続きを読む

pixivのUIを迅速にアップデートする UIUXチームのフロントエンドモダン化の歴史 - pixiv inside

2020/11/04 26 users pixiv UIU ピクシブ UIUXチーム エンジニア

こんにちは。pixiv事業本部のUIUXチームでプロダクトマネージャーを担当しているdo7beです。ピクシブにエンジニアとして入社して5年弱ほどで、1年前からプロダクトマネージャーとして活動しています。 今回は僕が所属しているUIUXチームの歴史とフロントエンド技術のモダン化についてご紹介していきたいと思います。 UIU... 続きを読む

僕のフロントエンド技術に対するスタンス｜erukiti｜note

2020/06/05 178 users TypeScript erukiti ボロクソ Note 日頃

僕は日頃からReact Hooks + TypeScript 最高だの言ってますけど、実のところ、それらを超えるモノが登場したら一瞬で「React Hooksなんて過去の技術だよねー、#にゃーん（社会性フィルター）」とか「TypeScript？へなにそれ？過去の言語ですよね」とかボロクソに言ってる自信があります。 僕にとっては技術はただの道具... 続きを読む

流行りのフロントエンド技術よりもサイト構築や SEO の基礎知識のほうが重要だ - Diary

2020/06/03 19 users diary SEO jQuery ガスタ 基礎知識

流行りのフロントエンド技術よりもサイト構築や SEO の基礎知識のほうが重要だ みたいな主張があり、 WordPress のカスタマイズをしている人たちがこれを言いがちであり、実際間違ってないと思います。 では我々(我々とは誰か？)がそれに対していえることが何かというと、 PHP と jQuery で頑張って WordPress をカスタ... 続きを読む

nuxt.js による UX/DX フレンドリーな Web サービス開発｜公式ブログ｜バーチャルキャスト[Virtual Cast]

2019/04/11 38 users 一行 Virtual Cast Nuxt.js Vue.js

初めまして。ザ・シードオンライン開発担当の山岸です。 バーチャルキャスト社が提供している 3D モデル流通プラットフォーム ザ・シードオンライン では、フロントエンド技術に nuxt.js を採用しています。 nuxt.js を一行で説明すると、「 Vue.js エコシステムをベースに、 UX/DX フレンドリーな Web サービスを作れる... 続きを読む

FRONTEND CONFERENCE 2018 でEC-CUBEのデザインについて話したことと長い補足｜深沢 幸治郎｜note

2018/11/25 17 users EC-CUBE FRONTEND CONFERENCE

2018年11月24日にグランフロント タワーCにて行われたFRONTEND CONFERENCE 2018。フロントエンド技術のみならず、デザインやプロジェクトメイキングのことなど多彩なテーマのセッションやアンカンファレンスがぎっしりのイベントでした。私は午後から、管理画面デザインを担当させていただいた「EC-CUBE 4」のデザインの... 続きを読む

編集者が最近のフロントエンド技術に初挑戦して仕事用アプリを作ったので見て - nomolkのブログ

2017/12/07 534 users キャプチャ 進捗 締切 原稿 モザイク

2017 - 12 - 07 編集者が最近のフロントエンド技術に初挑戦して仕事用アプリを作ったので見て つくったもの 原稿の締切と進捗を管理するシステムです。 これが画面の全体像のキャプチャです。モザイクが多くてよくわからないので、ちょっと説明を加えたのが下の画像です。 上のほうに、その日と翌日の掲載予定記事が出ます。その下にカードのような感じで表示されているのが、各原稿の締切／ 進捗管理 です。... 続きを読む

Reactでパターンシーケンサを作った話 - Speee DEVELOPER BLOG

2017/10/26 96 users React SpeeeKaigi Demo Tweet 参照

2017 - 10 - 26 Reactでパターンシーケンサを作った話 SpeeeKaigi React フロントエンド技術 Tweet こんにちは、Speeeエンジニアの二社谷( nishaya )です。 先日開催されたSpeeeKaigi(詳細は以下の記事を参照)にて、Reactで使ったパターンシーケンサの発表を行いました。 tech.speee.jp 今回作ったもの DEMO ソースコード ... 続きを読む

web帳 | フロントエンド開発が捗る JSON Serverについて

2017/07/09 19 users プログラマー Ruby CSS PHP フロントエンド開発

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト、WEB帳は只今、web業界で活躍中のデザイナー、プログラマーによる情報統合サイトです。Javascript、HTML、CSS、Ruby、HTML5,、CSS3、PHP等、フロントエンド技術に特化したブログです。どもです。 今回は、新規プロダクトの開発の際に、非常に重宝する「 JSON Server 」についてのご紹介できれば... 続きを読む

web帳 | CSS ファイル簡単生成。APBCSS ファイルジェネレーターツール「APB CLI」の使い方。

2017/06/18 6 users アーキテクチャ プログラマー Ruby PHP HTML

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト、WEB帳は只今、web業界で活躍中のデザイナー、プログラマーによる情報統合サイトです。Javascript、HTML、CSS、Ruby、HTML5,、CSS3、PHP等、フロントエンド技術に特化したブログです。どもです。 皆さん 日々、CSSを記述されているでしょうか？ その際、どのアーキテクチャで構築されているでしょうか。... 続きを読む

「Webの品質に真摯に向き合うならサイバーエージェント、という地位を確立したい」ーーフロントエンドエンジニアの奮闘とは？ | CyberAgent Developers Blog | サイバーエージェント デベロッパー

2017/05/22 16 users サイバーエージェント デベロッパー Writer 地位 奮闘

「Webの品質に真摯に向き合うならサイバーエージェント、という地位を確立したい」ーーフロントエンドエンジニアの奮闘とは？ WRITER: developers_pub 2017年4月28日(金)に開催された、サイバーエージェント主催のWeb フロントエンド技術に関する勉強会 「Frontrend Vol.9」 実は同イベントは開催7回目で一度終焉を迎え、約2年ぶりとなる2016年12月に第8回目と... 続きを読む

フロントエンド技術の変化激しすぎィ！ついていけねえよ！って人向けのメッセージ - Qiita

2017/05/01 169 users 弁明 Qiita 正論 増田 動機

この記事の動機 当方フロントエンド好きなエンジニア。 フロントエンドが嫌い という増田がホッテントリ入りしてて、中身を読んでみると正論と言える内容もあるものの、幾つか勘違いもあって悲しくなった。 勘違いされたままなのは悲しい。 そこで、フロントエンドに浅く接している人に対して、ストレスなくフロントエンド技術の変化の激しさに対処出来るよう、フロントエンドエンジニアからの弁明とも言えるメモを残すことに... 続きを読む

フロントエンドへの複雑化について、一つの視点 - mizchi's blog

2016/04/11 638 users mizchi's blog フロントエンド 視点 複雑化 動静

2016 - 04 - 11 フロントエンドへの複雑化について、一つの視点 前提 去年は勝手Reactエヴェンジェリスト(自称)として、日本に複雑化するフロントエンド技術の海外の動静を紹介をし続けていた。 僕としても、フロントエンドは複雑化してると思ってるし、それは「目的の複雑化に対して必要なもの」だったと思っている。ここでいう目的とはSPAの構築であって、普通のウェブサイトは含んでいなかったが、... 続きを読む

SCRIPTY#4　〜フロントエンド紳士・淑女のための勉強会〜 #scripty04 - Yahoo! JAPAN Tech Blog

2016/01/08 37 users 淑女 redux React Event Yahoo

先日、定期的に開催しているフロントエンド技術に関する勉強会、SCRIPTYをヤフーで開催しました。 http://scripty.connpass.com/event/22663/ 本勉強会で発表されたセッションのスライドを発表者のコメントとともに公開いたします！　 発表セッションまとめ 1.Single-page application Zero to One （React/Redux/ES6/... 続きを読む

並行な混沌: 2015年を振り返って

2015/12/30 6 users 翻訳 守秘義務 覚悟 Internet of Things

気がつけばもう年末になろうとしている。 2015年は昨年から始めた情報セキュリティ関連の翻訳に加え、Webのフロントエンド技術、インターネットへのハードウェア接続技術 (Internet of Things)など、昨年からさらに幅を広げて活動している。詳細は守秘義務があるので控えるが、今後とも仕事として自分でできることは何でもやっていく覚悟で活動している。以下に対外活動の中で主なものを記す。 1月... 続きを読む

2015年、Atom に乗り換えた。そして vim-mode-plus をリリースした。 - Qiita

2015/12/22 69 users Qiita LIG Atom Brackets vim

今年は Vim から Atom に乗り換えた。 Vim はいくつかプラグインもつくって、思うように操作したり、機能追加出来る程度にまで習熟してたけど、色々と嫌な点も出てきていたのと、Web フロントエンド技術の勉強も兼ねられるかなという思いもあり、Atom に乗り換える事にした。 最初 Light Table, Sublime Text, Brackets, Atom をそれぞれ試す。 → Lig... 続きを読む