サーバーの無いReactフレームワークFUNSTACK Static
皆さんこんにちは。この記事では、筆者が最近開発した新しいReactフレームワークであるFUNSTACK Staticについて紹介します。 ドキュメント FUNSTACK Staticの概要 FUNSTACK Staticは、React用のサーバーを立てる必要がなく、静的なファイルサーバーにデプロイできる古き良きSPAを作ることに特化したフレームワークです。 それでいて、React Server Components (RSC) による最適化をしっかり効かせることができるのが特徴です。 以前の記事で説明したように、RSCはサーバーというくらいだからサーバーをデプロイしないといけないと思われがちですが、実はそうではありません。RSCの恩恵を受けつつも、サーバーを立てずに静的ホスティングで動かせる方法があります。 Next.jsなど既存のフレームワークもそのようなモードをサポートしています。しか
SwiftコードからiOSアプリとAndroidアプリが作れる「Skip」がオープンソース化、誰でも無料で利用可能に
SwiftコードからiOSアプリとAndroidアプリが作れる「Skip」がオープンソース化、誰でも無料で利用可能に SwiftコードからiOSアプリとAndroidアプリが作れる「Skip」のオープンソース化が発表されました。 Incredible news: Skip is now free and open-source for everyone! Create fully native x-platform apps in Swift and #SwiftUI, with deep Android and #JetpackCompose integration, powered by the Swift Android SDK Read more and learn how to contribute:https://t.co/fbuyq1RS5K pic.twitter.com/
Convex | The backend platform that keeps your app in sync
ComponentsIndependent, modular, TypeScript building blocks for your backend.
Node.js on Dockerでスリムかつセキュアなコンテナイメージを作る - 2025年版
はじめに みなさんはDockerfileを書いていますか？ 近年はAIによる支援でDockerfileをスクラッチで書く機会が減っていると考えられます。 しかしながら、AIに書かせる場合でも良い書き方を知っていることで、その後の修正が容易になります。 この記事では、Node.jsアプリケーションのDockerfileを作成する際に、私ならこのように書くという提案をします。 作成するDockerfileとディレクトリ構造 初めに、完成形のDockerfileとディレクトリ構造を示します。 以降のセクションで実装のポイントを解説していきます。 実行可能なサンプルコードはGitHubで公開しているので、必要に応じてこちらも参照してください。 Dockerfile 各種バージョンは記事執筆時点での最新版です。 # syntax=docker/dockerfile:1.20.0 FROM node:
増えすぎた GitHub Actions を「3 層アーキテクチャ」で整理した話
はじめに GitHub Actions (GHA)、便利ですよね。 便利なんですが、じゃんじゃん作るとワークフローが増えてエラいことになりませんか？私はなりました。 環境ごとに似たようなワークフローが乱立し、保守が大変 変更を加える際、複数のファイルを修正する必要がある ワークフローの構造がアプリケーションごとに異なり、認知負荷が高い そもそも数が多すぎて何が何やら... GHA は特にこう構成すれば良い、みたいなプラクティスやフレームワークが無いので、リポジトリの規模が大きく複雑いなってくるにしたがい、GHA も複雑になってしまいがちだと思います。 本記事では、そのような状況から脱却するべく、 3 層アーキテクチャ を採用してリファクタリングした事例を紹介します。 対象読者 GitHub Actions を使い倒している方 割と大きめな規模の GitHub Actions を構成している
Mac のキーボードを楽にカスタムするアプリを作りたかった - freee Developers Hub
真夏の自由研究〜AIを使って雑にアプリを作ろう！〜 9日目は shiro が担当します。 こんにちは。2025年4月に中途入社し、人事労務を開発しています、shiro です。 今回は私が週末に個人開発で作っているアプリを紹介いたします。 解決したかったこと 私は普段は自作キーボードを使用して、かつキーの配置をゴリゴリにカスタマイズして使っています。 一般的なものと比較して、配置が変わっていないアルファベットは「Q」と「A」の 2 つだけです。 ただ、会議などがあってオフィス内を移動するとき、常に外付けのキーボードを携行するのは現実的ではありません。 この課題を Mac で解決するには、『Karabiner-Elements』というアプリを入れて、本体のキーボードの論理配列を編集することが有力な選択肢になります。 複数のキーの同時押しなどの条件つきの入力も、Karabiner-Element
真夏の自由研究〜AIを使って雑にアプリを作ろう！〜 - freee Developers Hub
はじめまして、24卒として新卒で入社したエンジニアのkochanです。 これからから2週間にわたって 真夏のアドベントカレンダー企画をスタートします！テーマはAIを使って雑にアプリを作ることです。 それぞれの記事でどんなアプリを作ったのか、どういう風にAIを活用したのかを紹介します。 業務をAIに任せようと思うと様々な障壁がありますが、簡単なアプリを作るぐらいならシュッと出来るのがAIを利用する楽しい部分だと思います。 AIを活用して作りたいものをシュッと作る楽しさを届けられると良いなと思います。 日付 メンバー タイトル 8/18 kochan ハイフンっぽい文字の識別眼を鍛えるアプリ 8/19 min インフラエンジニアだけどClaude Codeでポートフォリオサイトを簡単に作れた - freee Developers Hub 8/20 rol 画像にモザイクをかけるだけの雑アプリ
Firebase Studio
Get to work quickly wherever you areGo from opening your browser to building in minutes, not hours. Import your existing repositories from GitHub, GitLab, Bitbucket, or your local machine, with support for most tech stacks. Or use the App Prototyping agent to quickly create a new application using natural language, mockups, drawing tools, and screenshots, or select from a large catalog of popular
web開発素人だけど、Claude 3.7 Sonnetを使ったら半日でアプリ開発&リリースできた記念記事 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは。 今回はClaude 3.7 sonnetの助けを借りて個人用ミニwebアプリを開発してみました。 普段はサービスデザイナーをしている開発素人の私がClaudeとともにアプリづくりを進めた過程や感想をつづります。 プロンプトやClaudeからの応答を抜粋して載せていますので、初心者のAI駆動な開発プロセスを追体験いただけたら嬉しいです！ プロローグ 「Hey Claude, 俺一人でwebアプリ開発できる確率は？」 『…6%です』 「……ま、そんなところか」 『…あなた一人なら』 「？」 『…あなたは一人ではありません』 「
Next.jsのIntercepting RoutesとParallel Routesを使ってモダンなUXを実現する
今回はNext.js 13.3のApp Routerから導入されたIntercepting RoutesとParallel Routesを使用して、モダンなUXを実現する方法を解説します。 実際に動作するデモ https://nextjs-intercepting-routes-example-igz0.vercel.app/articles ※ モバイルでは通常の記事一覧表示になりますが、PCではサイドバーを使ったプレビュー表示になります。 ソースコード 1. はじめに このプロジェクトでは以下のような機能を実装します。 記事一覧ページ PC表示時は2カラムレイアウト 記事一覧の右側にサイドバーで記事プレビューを表示 モバイル表示時は1カラムレイアウト 通常の記事一覧ページを表示 記事詳細ページ PC・モバイルで共通のページ 通常のブログの記事ページのように記事の内容を表示 (1) In
Ubieが2024年にReact Nativeを選ぶ理由
Ubieでは、Ionic(Capacitor)でガワアプリ的に実装されていたモバイルアプリ(Android/iOS)を、2024年初頭にReact Native (with Expo)にリプレイスしました。 「なぜ今更React Nativeを？」という方もいらっしゃると思います。本記事では、UbieにとってReact Nativeがフィットした理由や検討した点を紹介します。Ubieの技術資産、人材、事業展望などのコンテキストを前提とするものであり、一般的な技術の良し悪しを論じる記事ではないことに注意してください。 Full-Stack TypeScript Ubieのプロダクト開発チームでは、フロントエンドエンジニア/バックエンドエンジニアといった技術領域での担当分けは原則せず、プロダクト開発エンジニアとして企画から開発、分析などに一貫して携わっています。 このように仕事を広く持つ前提で
Go製アプリケーションのコンテナ化にはkoを推したい - YAMAGUCHI::weblog
はじめに こんにちは、Google Cloudでオブザーバビリティを担当しているものです。Cloud Operations suiteをよろしくおねがいします。（宣伝終わり） この記事はGo Advent Calendar 2021 その1の22日目の記事です。昨日は @sago35tk さんの「ESP32 向けに TinyGo をセットアップする」でした。TinyGoのコアな情報を日本語で教えてくれるtakasagoさんには本当にいつも感謝しています。 さて、今日はGo製のアプリケーションをdockerlessでコンテナ化できるkoの紹介をします。koは本当にイチオシのツールで、みんなに使ってもらいたいのでぜひ使ってください。 github.com DockerによるGo製アプリのコンテナ化 まず最もポピュラーと思われるDockerを用いた場合のGo製アプリケーションのコンテナ化の方法に
GitHub Actions 上での Go の Docker ビルドを高速化する
2025-01-08 追記 さらに高速化について検証されている記事が公開されていました！ 引用させていただきます。 どうも GitHub Actions 上で Docker ビルドを行うと時間がかかるなぁと感じていました。 かなり軽量の Go の Web アプリケーションを Docker イメージにしてプッシュするプロセスなのですが、全体で 3 分ほどかかっています。 今回はその速度改善を行ったので、得た知見を記事にしたいと思います。 最終的に、ケース次第では以下のような結果を出すことができました。 ※ケース = go のソースコードのほんの一部を変更してワークフローを実行する。 go.mod など依存関係に変化はない。 go build: 60秒 → 1秒 docker/build-push-action ステップ: 2分30秒 → 30秒 ワークフロー: 3分 → 1分 前提 go b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free AI Voice Changer & Voice Agent Platform
Lovable - Build Apps & Websites with AI, Fast | No Code App Builder
TSKaigi Kansai 2024 - 構造的部分型と serialize 境界
アプリ文言のパースで学ぶ 文字列Literal型パズル入門
a0.dev - Ship Mobile Apps to App Store & Google Play with AI
GitHub - onlook-dev/onlook: The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
AI英会話スピークバディ (SpeakBuddy） - 日常英会話・ビジネス英語・発音学習
