タグ フロントエンド
人気順 10 users 50 users 100 users 500 users 1000 usersフロントエンドエンジニアが未経験のバックエンドに挑戦して得た学び - ryu-fのブログ
2024/12/15
42 users
adventar.org
古田
未経験
ファインディ
キャリア
こんにちは、ファインディでFindy Team+の開発をしている古田(ryu-f)です。この記事はFindy Advent Calendar 2024 15日目の記事です。 adventar.org ファインディでは主にバックエンド領域の開発を担当していますが、エンジニアのキャリアのスタート地点は実はフロントエンドでした。ファインディにジョインするまではバ... 続きを読む
今アツい（気がする）UIライブラリ...?ではないらしい shadcn/uiを使ってみる - Nealle Developer's Blog
2024/12/10
28 users
shadcn
ニーリーアドベントカレンダー2024
アツい
この記事はニーリーアドベントカレンダー2024の10日目の記事です。 はじめまして、Nealleのデザイナー音部です。 profile.unotovive.io アドカレでデザインチームのことを書くつもりが、全然思いつかずにフロントエンドの話をします。 タイトルにある通り、shadcn/uiというモノの紹介と、実際に使ってみたレポートです。... 続きを読む
バックエンドもフロントエンドもインフラも Terraform でつくってみた
2024/12/09
11 users
Terraform
サンプルアプリ
インフラ
バックエンド
この記事は terraform Advent Calendar 2024 の 9 日目の記事です。 Terraform だけでアプリケーションのバックエンド・フロントエンド・インフラをつくったので紹介します。 つくったもの 利用技術 バックエンド フロントエンド インフラ Full-Stack Terraform まとめ つくったもの 画像を表示するだけのサンプルアプリ... 続きを読む
フロントエンドのディレクトリ構成どうしてる？ Feature-Sliced Design 導入体験談
「関西フロントエンド忘年会2024 HACK.BAR × KINTOテクノロジーズ」のLTで発表したスライドです。 https://kinto-technologies.connpass.com/event/337002/ 続きを読む
Full-Stack TypeScriptの最終到達点、T3-Turboで新規開発した話
2024/12/07
45 users
TypeScript
TSKaigi
新規
インフラ
最初
はじめに この記事はTSKaigi Advent Calendar 2024の記事です。(TSKaigiの運営メンバーとして最初の記事になりそうです。) みなさん、TypeScript書いてますか？最近、フロントエンドもバックエンドも（加えてインフラも）TypeScriptで統一する、Full-Stack TypeScriptを採用する事例が増えてきました。 Full-Stack TypeS... 続きを読む
フロントエンドの段階的モダナイズ、のための自走設計 (株式会社スタディスト様)
2024/12/06
65 users
モダナイズ
Rails
ソースコード
提案
作業
株式会社スタディスト様の依頼で、フロントエンド傭兵として、Rails 内の巨大SPA の段階的なモダナイズの提案を行った事例紹介です。 いつもはパフォーマンス視点で仕事にかかるのですが、今回はマクロな設計視点でソースコードを読んでいきます。一旦は中期ゴールを提案しつつ、その作業の必要性を通して、なぜその変更... 続きを読む
第841回 ローカルLLMの実行ツール「Ollama」のGUIフロントエンド、Alpacaを使用して生成AIを使用する | gihyo.jp
2024/12/04
11 users
Alpaca
Ollama
ローカルLLM
gihyo.jp
Ubuntu Weekly Recipe 第841回ローカルLLMの実行ツール「Ollama」のGUIフロントエンド、Alpacaを使用して生成AIを使用する 今回は、ローカルLLMの実行ツール「Ollama」のフロントエンド、Alpacaを紹介します。 Alpacaとは Ollamaに関しては第825回で紹介しました。そこではフロントエンドとして、Open WebUIを使いまし... 続きを読む
フロントエンドのテストを書きたい！ - iimon TECH BLOG
2024/12/05
21 users
iimon tech blog
テスト
Mui
redux
はじめに テストの種類 テストレベル テストタイプ テスト戦略 Reactのテストで個人的に躓いたところ UIコンポーネントのテスト Reduxを使っている場合 @mui/x-date-pickerを使用している場合 MUIのコンポーネントでテーマを使用している場合 カスタムフックのテスト まとめ 参考記事 はじめに こんにちは、株式会社iimo... 続きを読む
Nx活用術！モノレポ内のStorybookのパス設定自動化 - Findy Tech Blog
2024/12/03
7 users
StorYBook
ユーティリティ
puku0x
リート
新福
ファインディ株式会社でフロントエンドのリードをしている新福(@puku0x)です。 Nxはモノレポ管理の便利なユーティリティとして @nx/devkit を提供しています。 今回は @nx/devkit を利用したStorybookの設定の自動化についてご紹介します。 Nxについては以前の記事で紹介しておりますので、気になる方は是非ご覧ください... 続きを読む
なぜ僕はデザイナーの作ったデザインを「見づらい」と感じてしまうのか
2024/12/01
200 users
デザイナー
デザイン
ウェブデザイナー
傍ら
特定
「PLAID Design Advent Calendar 2024」の1日目の記事です。 僕はこれまでフロントエンドの開発者として働いてきた傍ら、自身をウェブデザイナーとしても自認して、自分なりのやり方でデザインに携わってきました。この記事は、特定の組織での経験をテーマにしたものではなく、そうした自分の成り立ちを省みるためのもの... 続きを読む
生成AI×アプリ開発！bolt.newでフロントエンドが苦手な私でもWebアプリ開発 - Taste of Tech Topics
2024/11/25
20 users
bolt.new
熱々
前田
アプリケーション
肉まん
こんにちは。バックエンドエンジニアの前田です。 最近はかなり冷え込んできて、冬が近づいてきたなと感じます。 社内では、肉まんを販売しています。 寒い日に熱々の肉まん、良いですよね。 さて、今回はbolt.newを用いて、ゼロからアプリケーションを作成していきます。 （私は、フロントエンドの経験があまりなく、苦... 続きを読む
Nx活用術！Larger runnerの動的設定でGitHub Actionsのコスパ改善！ - Findy Tech Blog
2024/11/21
15 users
GitHub Actions
設定
puku0x
マシン
一方
ファインディ株式会社でフロントエンドのリードをしている新福(@puku0x)です。 皆さん、GitHub ActionsのLarger runnerはご存知でしょうか？ 高性能なマシンを使ってCIを実行できる一方、変更の少ない場合や計算負荷の低いCIではコストパフォーマンスが悪くなってしまいがちですよね？🤷♂️ この記事では、Nxの機能を利用し... 続きを読む
【最新版】フロントエンドを学べる最高の教材集 - Qiita
2024/11/17
195 users
教材
全体像
フロントエンド技術
Next.js
ロードマップ
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 対象者 こ... 続きを読む
複雑なフロントエンド（ノーコード）を堅牢に作る | ドクセル
2024/11/16
15 users
ドクセル
堅牢
ノーコード
猫でも分かる UE5.0, 5.1 におけるアニメーションの新機能について【CEDEC+KYUSHU 2022】 続きを読む
AWS上のNext.js App RouterとCDNキャッシュ利用の課題と解決策 - Findy Tech Blog
2024/11/05
43 users
AWS上
Next.js App Router
課題
解決策
こんにちは。 Findy Toolsの開発をしている林です。 私たちのプロジェクトではフロントエンドのフレームワークにNext.js App Routerを使っており、AWSのECSへデプロイして運用しています。 そして、一部のレンダリングの処理が重いページのキャッシュを実装する際に、直面した課題と解決策を紹介します。 Next.jsのキャ... 続きを読む
【無料公開】560万円かけて開発したサービスのソースコード
2024/11/04
428 users
ソースコード
サービス
無料公開
React
560万円
※月単価80万円を基準に、7ヶ月分の工数として560万円相当と換算しています。 最初に こんにちは！ 普段はIT企業でWebエンジニアとして働いています。 現在はフリーランスとして活動し、Ruby（Ruby on Rails）、TypeScript（Next.js, React）、Pythonなどを使って、フロントエンドとバックエンドの両方に携わっています。... 続きを読む
テスト自動化の協業を加速する！ テックタッチのフロントエンドにおけるテストの分類 - Techtouch Developers Blog
2024/10/30
20 users
協業
テックタッチ
qol
分類
テスト自動化
フロントエンドエンジニアの 92thunder です。去年北海道旭川市に移住しまして、長らく打ち合わせを続けてきた家が10月にデプロイされたのでQoLが爆上がりしています。 テックタッチではデプロイ頻度を上げるためにテスト自動化に取り組んでいます。テスト自動化をQAエンジニアと進めていくためにテストの分類を策定する... 続きを読む
RE: 光を超えるためのフロントエンドアーキテクチャ
2024/10/29
6 users
フロントエンドアーキテクチャ
X.com
チューニング
御社
Previous slideNext slideToggle fullscreenOpen presenter view RE: 光を超えるためのフロントエンドアーキテクチャ @mizchi Hack@DELTA 「わたし史上、最高のチューニング」 2024/10/29 About https://x.com/mizchi Node.js とフロントエンドの専門家 100万円*達成率で御社のフロントエンドの高速化をやります 最近や... 続きを読む
Nx Agentsを導入してフロントエンドのCIを約40%高速化しました - Findy Tech Blog
2024/10/27
21 users
fin
Findy Tech Blog
puku0x
リート
ファインディ株式会社でフロントエンドのリードをしている新福(@puku0x)です。 弊社では Nx を活用してCIを高速化しています。この記事では、最近導入した Nx Agents でフロントエンドのCIをさらに高速化した事例を紹介します。 Nxについては以前の記事で紹介しておりますので、気になる方は是非ご覧ください。 tech.fin... 続きを読む
情報ソース/情報源/source/参照先/便利サイト
2024/10/09
13 users
参照先
情報源
情報ソース
便利サイト
敬称略
情報ソースを雑多にまとめ。会社の方に教えてもらったものを多分に含む。定期的に棚卸ししたい。 フロントエンド寄り 全体的に敬称略 ✅現状見てるやつ 続きを読む
フロントエンドのテスト戦略ってどうすればいいの？
2024/10/07
23 users
テスト戦略
フロントエンドテスト
プロダクト
導入
フォロー
こんにちは！ 株式会社ココナラの法律相談事業部でWebエンジニアをしている 原井夏樹 です。 ココナラ法律相談というプロダクトのフロントエンド・バックエンド開発を担当しています。 よければXのフォローをお願いします！喜びます！ @superhahnah この記事ではフロントエンドテストの導入にあたり、私たちのプロダクト... 続きを読む
フロントエンドの現在地とこれから
2024/10/05
106 users
YAPC::Hakodate 2024 https://fortee.jp/yapc-hakodate-2024/proposal/a2e39821-a91c-4d10-9db7-1e4d624d47ff 続きを読む
たった5分で分かる！ Reactのコンセプトや用語をやさしく解説
2024/09/25
11 users
React
Reac
コンポーネント
革命
用語
Reactは、WebサイトやスマホアプリのUIを構築する人気が高いJavaScriptのライブラリです。再利用可能なコンポーネントを作成し、複雑なUIでも効率的に管理できるようにすることで、フロントエンドの開発に革命をもたらしました。 Reactを始めたいけどなんだか難しそう、、、そんな人にReactを簡単に理解できるようにReac... 続きを読む
プログラマ vs AI 生存競争
2024/09/20
144 users
生存競争
X.com
mizchi Node.js
競争相手
Previous slideNext slideToggle fullscreenOpen presenter view プログラマ vs AI 生存競争 mizchi NextBeat 第一回プログラミング教育について語る会 About https://x.com/mizchi Node.js とフロントエンドの専門家 100万*達成率で御社のフロントエンドの高速化をやります 話したいこと 今一度、共同作業者・競争相手... 続きを読む
Slackリストを用いてSlackで管理を完結しましょう！ - KAKEHASHI Tech Blog
2024/09/05
9 users
Slack
鳥海
Slackリスト
開発プロセス
活用事例
この記事は秋の技術特集 2024の 4 記事目です。 はじめに AI 在庫管理のフロントエンドの開発を主に担当している鳥海です。 今回は先日 Slack からリリースされた Slack リストをチーム内の開発プロセスに組み込んだので、活用事例についてご紹介していこうと思います。 Slack リストとは 2024/6/6 に Slack リストの機... 続きを読む