Svelte • サイバネティクスで強化されたwebアプリ
compiled Svelte は、可能な限り多くの作業をブラウザからビルドステップにシフトさせます。手作業による最適化はもう不要です — より高速で、より効率的なアプリを。 compact よく知られている言語(HTML、CSS、JavaScript)を使って、息を呑むほど簡潔にコンポーネントを書くことができます。 そして、あなたのアプリケーションバンドルはとても小さくなります。 complete scoped styling、state management、motion primitives、form bindings などはビルトインで用意されています — 必要なものを探し求めて npm をさまよう必要はありません。全てここにあります。
Installation - Lumen - PHP Micro-Framework By Laravel
Note: In the years since releasing Lumen, PHP has made a variety of wonderful performance improvements. For this reason, along with the availability of Laravel Octane, we no longer recommend that you begin new projects with Lumen. Instead, we recommend always beginning new projects with Laravel. Server Requirements The Lumen framework has a few system requirements. Of course, all of these requirem
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
Rapidly build modern websites without ever leaving your HTML.A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. <figure class="md:flex bg-slate-100 rounded-xl p-8 md:p-0 dark:bg-slate-800"> <img class="w-24 h-24 md:w-48 md:h-auto md:rounded-none rounded-full mx-auto" src="/sarah-dayan.jpg"
State of JavaScript 2020：いちばん利用率の高いJSフレームワーク、フロントエンドがReact、バックエンドはExpress、テストにはJest。2万4000人の調査結果
IT技術者のSacha Greif氏とRaphaël Benitte氏が、JavaScriptに興味を持つ世界中のIT技術者約2万4000人にアンケートを取り、結果をまとめたWebサイト「State of JavaScript 2020」が公開されています。 JavaScriptの最新のシンタックスや命令がどれくらい使われているか、フロントエンドやバックエンド、ビルドツールなど分野ごとにさまざまなJavaScript関連の技術はどれくらい興味を持たれているかなど、アンケート結果を基にして、満足度（Satisfaction）、興味（Interest）、利用率（Usage）、認知度（Awareness）などを計算。それぞれについてランキングを作成しています。 それぞれの値は次の式で計算されると説明されています。それぞれの項目にはアンケートの回答数が入ります。 満足度＝またこの技術を使いたい／（
CSSフレームワークBulmaについて - 一休.com Developers Blog
フロントエンドエンジニアのid:ninjinkunです。この記事は一休.comアドベントカレンダーの1日目の記事です。 一休.coｍレストランの管理画面リニューアルプロジェクトにおいて、CSSフレームワークのBulmaを導入しました。結論としては、採用して良かったと思っています。 このエントリではBulmaを選定した理由と、採用後に見えたPros / Consについて述べたいと思います。 なお今回リニューアルした一休.comレストランの管理画面の概要は以下の通りです。 レストラン店舗向けの管理画面 店舗の方と一休スタッフの両方が使う DAUは数千の規模 主な用途は在庫の管理と、プラン（コース）や席の管理 現在は店舗を限定してリリース済み 具体的には以下のような画面で構成されています。 UIフレームワークは必要か？ まずそもそもUIフレームワークは必要かという議論があります。 今回のプロジェ
新しいフレームワークを学ぶならTodoMVCではなくRealWorldを参考にしよう - Runner in the High
よく新しいフレームワークを学ぶにはTodoアプリを作ってみるのがよい、と言われる。実際、Todoアプリを様々なフレームワークで作ってみたサンプルをまとめたサイトもあったりする。 ところが、実際に業務で作るようなアプリケーションはTodoアプリの範疇を超えている。とくにSPAにもなると、画面遷移やWebAPI連携、大規模な状態管理などなどの条件が増えるので、Todoアプリを作っているときには考慮できていなかった大変さが出てくる。 そこで参考になるのが RealWorld example apps と呼ばれるプロジェクト 端的に言うと、TodoMVCの大規模版。 規定のスペックに沿って、様々なウェブフレームワークで作られたアプリケーションのリポジトリがリストアップされている。 スペックについて "Conduit" is a social blogging site (i.e. a Medium
Web制作者がチェックしておきたい！2018年、CSSベースのフレームワークのまとめ | コリス
CSSベースの新着のフレームワークをはじめ、もはや定番といっていいフレームワーク、軽量フレームワーク、何かに特化されたフレームワークを紹介します。 CodyHouse CodyHouse's Framework -GitHub CodyHouse's Frameworkは先日ローンチしたばかりですが、当ブログでは開発の過程を記事にして紹介していました。 レスポンシブに対応したスペースをCSSで効率的に定義する方法 カオス化したスタイルシートから卒業！CSSでカラーを管理する効率的な方法 Webサイトやスマホアプリでよく使用されるさまざまなコンポーネントを最適なコードで実装することができます。また、CSSはマージン用・カラー用・タイポグラフィ用・ボタン用などに分かれているので、自分用にカスタマイズして利用することもできます。 Bulma Bulma -GitHub こういったフレームワークで
Onsen UI 2: HTML5モバイルアプリを速く、美しく - Onsen UI
ハイブリッドとモバイルWebアプリ開発の決定版 開発環境のセットアップを一切することなく、JavaScript・HTML・CSSを用いたモバイルアプリ開発を始めましょう。クラウド上の開発環境Monacaと組み合わせることで、あなたの開発環境は常に最新の状態に保たれます。 クラウド上にすべてのツールを 強力なCLI（コマンドラインツール）やデスクトップ向けアプリ（WindowsとmacOSに対応）を通じて、Onsen UIアプリはとても簡単に制作できます。それ以外にも、Monacaが提供するライブリロード対応のデバッガーや、リモートビルド機能といったクラウドの機能にアクセスできます。 美しいUIコンポーネントと自動スタイル モバイルアプリに特化した、ネイティブのようなパフォーマンスに優れたUIコンポーネントが自慢です。タブ、サイドメニュー、ナビゲーションといった共通デザインだけでなく、リスト
コードを最適化するためのフロントエンドフレームワーク10選
UIデザインとWeb開発に関するトピックのライター。個人ポートフォリオやWeb上のいたるところで彼の記事を見つけることができます。最新のアップデートなどを見るにはTwitterをフォローしてください。 Googleで検索すると、Webサイトのパフォーマンス改善のための便利なツールが数多く見つかります。 サイトの画像最適化から独自のCDN設定にいたるまで、さまざまです。 しかし、デザイナーの中でコード最適化について考える人はほとんどいません。 コード最適化とは、総HTTPリクエスト数を減らしたり、ファイルを軽量化したり、表示スピードアップのために最適なカスタムフレームワークに切り替えることを意味します。 最新のBootstrap v4は素晴らしいデザインですが、残念ながら最も重いフレームワークの１つです。 そこで今回の記事では、重いBootstrapの代わりに軽いWebフレームワークを厳選し
2018年も業界標準！知っておくべきJavaScriptフレームワーク＆ライブラリの基本の"キ"
JavaScriptは、Webそのものの歴史とほとんど変わることはなく、20年以上に渡って使われ続けてきた壮大な言語です。それというのは、今後も使われ続けていくであろうJavaScriptがほかのプログラミング言語に比べ、類まれな底力を持っていることの現れだとも言えます。 もちろん、これほどまで、JavaScriptが使われ続けているのには理由があり、時代に合わせて使いやすくするため、多くのフレームワークが登場したという点がポイントです。 フレームワークの登場によって、JavaScriptを直書きするよりもはるかに効率よく、Webアプリケーションを作成することができるようになりました。 そこで今回は、JavaScriptフレームワーク初心者の方向けに、JavaScriptフレームワーク＆ライブラリの基本をまとめていきます。 JavaScriptやフレームワーク・ライブラリの基本をおさらい
2018年に最も良いCSSフレームワークは何か？
2018年現在のフロントエンドでは50種類以上ものCSSフレームワークが存在しています。 本記事ではその中から2018年に注目され使用されると思われる 比較的メジャーであるCSSフレームワークを紹介します。 1. Bootstrap3 Twitterの提供するこのCSSフレームワークは ウェブデザイン会社の中で最も人気のあるCSSフレームワークです。 本来はTwitter社の内部ニーズに合わせて開発されたものですが2011年に全世界に公開されました。 2016年や2017年は多くの開発者がBootstrapを好んでおり、2018年も引き続き成功する可能性は高いです。 利用者が多いためネットでの情報量が最も多いのでので不明な部分があっても簡単に調べることが出来ます。 簡単にカスタマイズ可能で豊富な機能が揃っていますが、若干サイズが大きいです。 大手のCDNベンダーは、自社のサーバーに無料のB
初心者でもPythonのWebフレームワーク「Django」の使い方が学べるコンテンツ8選 - paiza times
Photo by Malcolm Tredinnick こんにちは。谷口です。 最近は機械学習が流行っているからか、PythonやNumpyなどの数値計算系のPythonライブラリなどが人気ですよね。 では、PythonのWebフレームワークである「Django」については知っていますか？ Djangoは、とりあえずWeb開発に必要なものが全部入っている、Webアプリケーションフレームワークです。Rubyで言うところのRailsのような感じですね。 初心者でも比較的簡単にそれなりのWebアプリを作成することができるので、Pythonを使ってWeb開発をしてみたい人には最適です。 そこで今回は、プログラミング初心者の方でもDjangoの使い方を学べるコンテンツを8件ご紹介していきます。 ■初心者でもDjangoの使い方を学べるコンテンツ ◆Djangoの公式ドキュメントとチュートリアル 日本
【使い方まで徹底解説】おすすめJavascriptライブラリ厳選10選！ | 侍エンジニアブログ
どうも！インストラクターの佐野です！ 突然ですが、あなたは100%、いや120%「JavaScriptライブラリ（フレームワーク）」を使いこなせていますか？ ただでさえ使い勝手のいいJavaScriptですが、ライブラリを巧みに使えることで、開発効率やスピードは飛躍的に向上します。ひとくちにライブラリといってもたくさんあります。それぞれのライブラリがどんな使い方ができてどんな用途でどんな特徴があるかイマイチはっきりしない。 そこで今回は、JavaScriptをこよなく愛する私が、おすすめのJavaScriptライブラリ（フレームワーク）を厳選して徹底解説していきます。ライブラリを活用できれば、JavaScriptでの開発が効率的になること間違いなしなのでぜひ参考にしてみてください！ ライブラリとは？フレームワークとは？ JavaScriptは、WEBページやWEBアプリケーションを作る時に
JavaScriptフレームワーク選定の議論 - Qiita
相談内容 既存の管理ツールを新しく作り直すために新しいJSフレームワーク/言語使いたいのですが、何を選んだらよいでしょうか？ ここで選んだものは今後新しく作る時にも使用していく予定のため、学習コストよりメンテナンスしやすいものを選びたいと考えています。 利用者は社内外で特定の権限を持った人のみであるため、サーバサイドレンダリングはしない予定です。 言語は型があるものを利用したいのですが、TypeScriptとFlowのどちらがよろしいでしょうか？ 時間に余裕があれば、テストフレームワークやビルドツールについてもお聞きしたいです。 現在のページ/チーム jQueryなどで書かれている部分が多いですが、変更を加えることが難しくメンテナンスコストが高いです。 サーバサイドをやってる人が片手間で書くJavaScriptといった状況です。 今回新規で数ページを追加する必要があるため、何を利用すれば良
若手Javaエンジニア必見。知っておきたいフレームワーク・ツール23選 - エンジニアHub｜若手Webエンジニアのキャリアを考える！
若手Javaエンジニア必見。知っておきたいフレームワーク・ツール23選 システム開発において、登場頻度が非常に高いJava。数多くのフレームワークやツールが存在しますが、一体どれを選べば、効率的な開発が行えるのでしょうか。おすすめのものを一挙にご紹介します！ システム開発をする際、欠かせない存在なのが各種フレームワークやツールです。これらを導入することで、工数の削減やアプリの品質向上、セキュリティの堅牢化など数多くの利点があります。中でもJavaのフレームワーク・ツールは、Javaを開発に使用している企業の多さゆえ、利用される頻度も高いものです。 しかし、それらは数えきれないほどの種類があるため、知識の少ない若手のうちは「どれを選べばいいんだ……」と途方に暮れてしまうケースも少なくありません。 そんな悩みを解決するため、今回はよく使われるものから珍しい機能のもの、最近注目されているものまで
もう迷わない！人気JavaScriptフレームワーク、ライブラリー、ツール総まとめ
新しいJavaScriptフレームワーク、ライブラリー、ツールが次々と登場しています。2017年時点で人気の高い22種類を一挙まとめて紹介。選定の参考にどうぞ。 GitHubのクイックリサーチによれば、JavaScriptプロジェクトは2017年5月時点で110万以上存在しています。npmjs.orgには利用可能なパッケージが50万個あり、ダウンロード数は毎月約100億回にのぼります。開発者の数よりもJavaScriptフレームワーク、ライブラリー、ツールの数のほうが多いかもしれません。 本記事では、クライアントサイドで特に人気の高いJavaScriptフレームワーク、ライブラリー、ツールの基礎や主な違いを紹介します。選んで、使ってみて「ベスト」を見つけてください。ただし、いつかは「より良い」フレームワーク、ライブラリー、ツールが登場すると覚えておいてください。 以下の条件に同意の上してか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tailwind CSS Components - 600+ Free Examples and Templates
Tailwind CSS Cheat Sheet
NES.css - NES-style CSS Framework
Web制作者がチェックしておきたい、軽量で読み込みが速いCSSのフレームワークのまとめ
