The HTML presentation framework | reveal.js
Hello Therereveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do. Vertical SlidesSlides can be nested inside of each other. Use the Space key to navigate through all slides. Basement Level 1Nested slides are useful for adding additional detail underneath a high level horizontal slide. Basement Level 2That's it, time
Livewire | Livewire
Livewire v3 has been released! Go check it out on livewire.laravel.com! Building modern web apps is hard. Tools like Vue and React are extremely powerful, but the complexity they add to a full-stack developer's workflow is insane. It doesn’t have to be this way... Ok, I'm listening... Say hello to Livewire. Hi Livewire! Livewire is a full-stack framework for Laravel that makes building dynamic int
Hotwireã¨ã¯ä½•ãªã®ã‹ï¼Ÿ
ã¯ã˜ã‚ã« Hotwireã¯BasecampãŒç™ºè¡¨ã—ãŸã€ãƒ¢ãƒ€ãƒ³ãªWebアプリケーションを作るãŸã‚ã®æ–°ã—ã„アプãƒãƒ¼ãƒã§ã™ã€‚åå‰ã‚‚HTML OVER THE WIREã‹ã‚‰æ¥ã¦ã„るよã†ã«ã€Hotwireã§ã¯HTMLをサーãƒãƒ¼ã‹ã‚‰é€ã‚Šã¾ã™ã€‚「ãれ普通ã®Webアプリケーションã§ã¯ï¼Ÿã€ã¨æ€ã†æ–¹ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€SPA + APIサーãƒã§JSONãŒä½¿ã‚れるã®ã«å¯¾ã—ã€SPAã¨åŒæ§˜ã®ä½“験をHTMLã‚’ä¸å¿ƒã«ç½®ã„ã¦ä½œã‚‹ã‚¢ãƒ—ãƒãƒ¼ãƒã§ã‚ã‚‹ã“ã¨ã‚’示ã™è¡¨ç¾ã§ã™ã€‚ 僕個人ã¯ã€æœ€åˆã¯ã€Œãµã€œã‚“ã€ã¨ã„ã†æ„Ÿã˜ã ã£ãŸã‚“ã§ã™ãŒ turbo-railsã‚’èªã¿ã¤ã¤Hotwireã®ãƒ‡ãƒ¢ã‚¢ãƒ—リをPhoenixã«ç§»æ¤ã—ã¦ã¿ãŸã‚Š WebSocketã§ã¯ãªã„Turbo Streamsã®sourceを作ã£ã¦ã¿ã¦éŠã‚“ã ã‚Š ã¨ã€ã‚る程度触ã£ã¦ã¿ã¦è‰¯ã•ãŒç†è§£ã§ãã¦ããŸã®ã§ã€Hotwireを使ã†ã¨ä½•ãŒå¬‰ã—ã„ã®ã‹ã€Hotwireã®å„è¦ç´ ã®ç´¹ä»‹ã‚’記事ã¨ã—ã¦
FastAPI
FastAPI¶ FastAPI framework, high performance, easy to learn, fast to code, ready for production ドã‚ュメント: https://fastapi.tiangolo.com ソースコード: https://github.com/fastapi/fastapi FastAPI ã¯ã€Pythonã®æ¨™æº–ã§ã‚る型ヒントã«åŸºã¥ã„ã¦Python 以é™ã§API を構築ã™ã‚‹ãŸã‚ã®ã€ãƒ¢ãƒ€ãƒ³ã§ã€é«˜é€Ÿ(高パフォーマンス)ãªã€Web フレームワークã§ã™ã€‚ 主ãªç‰¹å¾´: 高速: NodeJS ã‚„ Go 並ã¿ã®ã¨ã¦ã‚‚高ã„パフォーマンス (Starlette 㨠Pydantic ã®ãŠã‹ã’ã§ã™)。 最も高速㪠Python フレームワークã®ä¸€ã¤ã§ã™. 高速ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°: 開発速度を約 200%~300%å‘上ã•ã›ã¾ã™ã€‚ * å°‘ãªã„
RPCフレームワークTwirpを試ã—ã¦ã¿ã‚‹ - Qiita
先日Twitchã‹ã‚‰ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸRPCフレームワークTwirpを試ã—ã¦ã¿ã¾ã—ãŸã€‚ Twirp: a sweet new RPC framework for Go – Twitch Blog twitchtv/twirp: A simple RPC framework with protobuf service definitions Twirpã¨ã¯ Twirpã¯gRPCã¨åŒã˜ã‚ˆã†ã«Protocol Buffersã®.protoファイルã‹ã‚‰Goã®ã‚³ãƒ¼ãƒ‰ã‚’生æˆã—ã¾ã™ãŒä»¥ä¸‹ã®ã‚ˆã†ãªé•ã„ãŒã‚ã‚Šã¾ã™ã€‚ HTTP/1.1を使用 gRPCã¯HTTP/2を使用 JSONクライアントサãƒãƒ¼ãƒˆ ä»–ã®è¨€èªžã§ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’書ãã®ãŒæ¯”è¼ƒçš„ç°¡å˜ cURLç‰ã‚’使ã£ã¦ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’é€ä¿¡ã—デãƒãƒƒã‚°ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ 動作ã«å¿…è¦ãªãƒ„ールをインストール protocãªã©ã®ãƒ„ールをインストールã—ã¾ã™ã€‚ Insta
Phaser - A fast, fun and free open source HTML5 game framework
Open Source HTML5 Game Framework For over a decade, Phaser has enabled developers of all skill levels to create games for the web. Phaser Editor Phaser Editor enables you to visually create Phaser games. Instead of entering numbers in your code to position Game Objects, you can drag and drop them into place, tweak their animations, adjust their physics bodies, enable special effects and more. It's
Svelte • サイãƒãƒãƒ†ã‚£ã‚¯ã‚¹ã§å¼·åŒ–ã•ã‚ŒãŸwebアプリ
compiled Svelte ã¯ã€å¯èƒ½ãªé™ã‚Šå¤šãã®ä½œæ¥ã‚’ブラウザã‹ã‚‰ãƒ“ルドステップã«ã‚·ãƒ•ãƒˆã•ã›ã¾ã™ã€‚手作æ¥ã«ã‚ˆã‚‹æœ€é©åŒ–ã¯ã‚‚ã†ä¸è¦ã§ã™ — より高速ã§ã€ã‚ˆã‚ŠåŠ¹çŽ‡çš„ãªã‚¢ãƒ—リを。 compact よã知られã¦ã„る言語(HTMLã€CSSã€JavaScript)を使ã£ã¦ã€æ¯ã‚’å‘‘ã‚€ã»ã©ç°¡æ½”ã«ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’書ãã“ã¨ãŒã§ãã¾ã™ã€‚ ãã—ã¦ã€ã‚ãªãŸã®ã‚¢ãƒ—リケーションãƒãƒ³ãƒ‰ãƒ«ã¯ã¨ã¦ã‚‚å°ã•ããªã‚Šã¾ã™ã€‚ complete scoped stylingã€state managementã€motion primitivesã€form bindings ãªã©ã¯ãƒ“ルトインã§ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ — å¿…è¦ãªã‚‚ã®ã‚’探ã—求ã‚㦠npm ã‚’ã•ã¾ã‚ˆã†å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。全ã¦ã“ã“ã«ã‚ã‚Šã¾ã™ã€‚
Svelte • The magical disappearing UI framework
compiled Svelte shifts as much work as possible out of the browser and into your build step. No more manual optimisations — just faster, more efficient apps. compact Write breathtakingly concise components using languages you already know — HTML, CSS and JavaScript. Oh, and your application bundles will be tiny as well. complete Built-in scoped styling, state management, motion primitives, form bi
2021年版ï¼ãŠã™ã™ã‚ã®CSSフレームワークç·ã¾ã¨ã‚ã€‚ç‰¹å¾´ã‚„æ¯”è¼ƒã‚‚ï¼ | Web Design Trends
CSSã®ã‚³ãƒ¼ãƒ‰è¨˜è¿°é‡ã‚’減らã—ã¦ã€åŠ¹çŽ‡çš„ã«ã‚¹ãƒ”ード感をæŒã£ã¦Web制作を行ã†åŠ©ã‘ã¨ãªã‚‹ã®ãŒCSSフレームワークã§ã™ã€‚ ç¾åœ¨å…¬é–‹ã•ã‚Œã¦ã„ã‚‹CSSフレームワークã®ç¨®é¡žã¯éžå¸¸ã«å¤šãã€ãã‚Œãžã‚Œã®ç‰¹å¾´ã‚„目的ãªã©ã‚‚様々ã§ã€è‡ªåˆ†ã«åˆã£ãŸCSSフレームワークを見ã¤ã‘ã‚‹ã®ã‚‚大変ã§ã™ã€‚ 今回ã¯ã€2021å¹´ç¾åœ¨ã§ãŠã™ã™ã‚ã®CSSフレームワークをCSSフレームワークã®ãƒ©ãƒ³ã‚ングを元ã«ã”紹介ã—ã¦ã„ãã¾ã™ã€‚ãã‚Œãžã‚Œã®ç‰¹å¾´ã‚„é•ã„ã‚’ç†è§£ã—ã¦ã€ç›®çš„ã«åˆã‚ã›ãŸCSSフレームワークé¸ã³ã«å½¹ç«‹ã¦ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ CSSフレームワークã¨ã¯ CSSフレームワークã¨ã¯ã€ãƒœã‚¿ãƒ³ã‚„フォームã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©Webページã®å®Ÿè£…ã«å¿…è¦ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„機能ãŒè©°ã¾ã£ãŸãƒ©ã‚¤ãƒ–ラリã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ çŸæœŸé–“ã§Webサイトを実装ã—ãŸã„å ´åˆã‚„ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ä¸åœ¨ã®ãƒãƒ¼ãƒ ãŒWebã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚‹å ´åˆãªã©ã€CSSフレームワークを利用ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³
TailwindCSSを始ã‚よã†ã¨ã—ã¦ã„る人ã¸
TailwindCSSを始ã‚よã†ã¨ã—ã¦ã„る人㸠JSフレームワーク内ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ã©ã®ã‚ˆã†ã«å½“ã¦ã‚‹ã¹ãã‹ã¯,多ãè°è«–ã•ã‚Œã‚‹ã‚‚ã®ã§ã‚ã‚‹ãŒ,ãã‚“ãªä¸ã§TailwindCSSãŒæ³¨ç›®ã¨äººæ°—を集ã‚ã¦ã„る様åã§ã‚ã‚‹. ãã‚Œã¯ãã†ã¨ç§ã¯ãªã‹ãªã‹ä½¿ã†ã¾ã§è¸ã¿å‡ºã›ãªã‹ã£ãŸãŒ,v3.0以é™ã«ã‚ˆã†ã‚„ã使ã£ã¦ã¿ãŸã®ã§, 使ã„方をã–ã£ãり知りãŸã„人 ã§ãã‚‹ã“ã¨ã‚’ã–ã£ãり知りãŸã„人 TailwindCSSをエアプã—ãŸã„人 ã«å‘ã‘ã¦å€‹äººçš„ãªæ‰€æ„Ÿã¨è¦ç‚¹ã‚’書ã„ã¦ã„ã. TailwindCSSã‚’ã™ã”ãç°¡å˜ã« classNameã«ç‰¹å®šã®classを指定ã™ã‚‹ã“ã¨ã§Styleを当ã¦ã¦ã„ãCSSフレームワーク. 例ãˆã°,ã“ã“ã«ã‚るよã†ã«, bg-red-600ã¨classNameã‚’ã¤ã‘ã‚‹ã“ã¨ã§,CSSã®background-color: #dc2626;ã¨åŒæ§˜ã®CSSプãƒãƒ‘ティを当ã¦ãŸã“ã¨ã«ãªã‚‹. 普段ã“ã®ã‚ˆã†ã«æ›¸ãã¨ã“ã‚ã‚’
2021å¹´ 㯠Fullstack Next.js 元年ãªã®ã§ã€æœ‰æœ›ãª Next.js 系フレームワークを全部試ã—ãŸ
ã“ã®è¨˜äº‹ã¯ã€Next.js Advent Calendar 2020 ã®6日目。 çªç„¶ã ãŒã€2021å¹´ 㯠Fullstack Next.js 元年ã«ãªã‚‹ã€‚ ãã®ç†ç”±ã¨ã—ã¦è‡ªåˆ†ã¯ä»¥ä¸‹ã®ã‚‚ã®ãŒã‚ã‚‹ã¨æ€ã£ã¦ã„る。 ベストプラクティスã¨ã—ã¦ã® TypeScript ã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆåŒ– Next.js ã® Dynamic Routes ã«ã‚ˆã‚‹å‹•çš„パス〠getStaticProps/getServerSideProps ã«ã‚ˆã‚‹ä½¿ã„å‹æ‰‹ã®å‘上 Vercel ã«ã‚ˆã‚‹ISRã®ç™ºæ˜Ž prisma ã®æˆç†Ÿ Vercel / Serverless / Cloudflare Workers / Cloudrun ç‰ã«ã‚ˆã‚‹ Node.js サーãƒãƒ¼ã®é‹ç”¨ã‚³ã‚¹ãƒˆæ¸› å‚考: Frontend Study #1: 基調講演 - Frontend é ˜åŸŸã‚’å†å®šç¾©ã™ã‚‹ Blog - Next.js 9.3 | Next.js R
アイデアを大é‡ç”Ÿç”£ã§ãる最強ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク「オズボーンã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ | ãŠåœŸç”£å±‹ã•ã‚“ブãƒã‚°
è‹¥ã‹ã‚Šã—é ƒã€ä¸Šå¸ã‹ã‚‰ã€Œã‚¢ã‚¤ãƒ‡ã‚¢ã‚’出ã›ã€ã€Œæ¬¡ã®ä¼šè°ã¾ã§ã«ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’考ãˆã¦ãŠã‘ã€ã¨è¨€ã‚れ〠ãã®ãŸã³ã«ã€Œã¾ãŸã‚¢ã‚¤ãƒ‡ã‚¢ã‹ã‚ˆãƒ»ãƒ»ãƒ»ã€‚ã€ã€Œå…¨ç„¶æ€ã„ã¤ã‹ãªã„・・・。ã€ã¨æ‚©ã‚“ã ã‚‚ã®ã§ã™ã€‚ アイデア本を片ã£ç«¯ã‹ã‚‰èªã‚“ã§è©¦ã—ã¦ã¿ã¾ã—ãŸãŒã€ãã†ç°¡å˜ã«ã¯ã‚¢ã‚¤ãƒ‡ã‚¢ã¯å‡ºãªã„ã‚‚ã®ã§ã€ä¸Šå¸ã¸ã®ã‚¢ã‚¤ãƒ‡ã‚¢å ±å‘Šã¯å¤§å¤‰è‹¦ç—›ã ã£ãŸã“ã¨ã‚’æ€ã„出ã—ã¾ã™ã€‚ ãã‚“ãªå½“時ã®è‡ªåˆ†ã«ã€Œã‚ªã‚ºãƒœãƒ¼ãƒ³ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ã‚’æ•™ãˆã‚‹ã“ã¨ãŒã§ãã‚Œã°ã€ãšã„ã¶ã‚“状æ³ã¯å¤‰ã‚ã£ã¦ã„ãŸã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ 「オズボーンã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ã¯ã€ã€Œå…¥ã‚Œæ›¿ãˆã¦ã¿ãŸã‚‰ã€ã€Œå¤§ããã—ã¦ã¿ãŸã‚‰ã€ã€Œé€†ã«ã—ã¦ã¿ãŸã‚‰ã€ãªã©ã¨ã€ï¼‘ã¤ã®ãŠé¡Œã‹ã‚‰ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’大é‡ç”Ÿç”£ã™ã‚‹ã“ã¨ãŒã§ãるフレームワークã§ã™ã€‚ アイデア出ã—ã«å›°ã£ã¦ã„ã‚‹æ–¹ã€ãœã²ã€Œã‚ªã‚ºãƒœãƒ¼ãƒ³ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ã‚’試ã—ã¦ã¿ã¦ãã ã•ã„。 「オズボーンã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ã¯ã€ã©ã‚“ãªãƒ„ールãªã®ã‹ï¼Ÿ ï¼™ã¤ã®è¦–点ã‹ã‚‰ã€ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’発想ã§ãるツールã§ã™ã€‚
Welcome to webapp2! — webapp2 3.0.0b1 documentation
Welcome to webapp2!¶ webapp2 is a lightweight Python web framework compatible with Google App Engine’s webapp. webapp2 is a simple. it follows the simplicity of webapp, but improves it in some ways: it adds better URI routing and exception handling, a full featured response object and a more flexible dispatching mechanism. webapp2 also offers the package webapp2_extras with several optional utilit
Express - Node.js web application framework
Express 5.0 beta documentation is now available. The beta API documentation is a work in progress. For information on what’s in the release, see the Express release history. Web Applications Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications. APIs With a myriad of HTTP utility methods and middleware at your dis
Play Framework - Build Modern & Scalable Web Apps with Java and Scala
Play Framework makes it easy to build web applications with Java & Scala. Play is based on a lightweight, stateless, web-friendly architecture. Built on Pekko (Play 3) and Akka (Play 2), Play provides predictable and minimal resource consumption (CPU, memory, threads) for highly-scalable applications. Developer friendly. Make your changes and simply hit refresh! All you need is a browser and a tex
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Blazor | C# を使用ã—ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆ Web アプリケーションã®ãƒ“ルド | .NET
https://docs.astro.build/ja/
phx-1.6-upgrade.md
Bulma: Free, open source, and modern CSS framework based on Flexbox
Vuetify — A Vue Component Framework
{{#tags}}- {{label}}
{{/tags}}