Next.jsを使うべき5つの理由 + 実装Tips - Qiita
目次 Next.jsの概要 Next.jsを使うべき5つの理由 Next.jsを使う上での問題点と解決法 まとめ -1. 宣伝 本記事を元にしたNext.jsの入門書、『基礎から学ぶ Next.js』を出版いたしました！ モダンJavaScript/TypeScriptの書き方からNext.jsの概要、さらに最新のReact 18/Next.js 13の内容までカバーしています。ハンズオンも豊富にあり、実際に手を動かしながらNext.jsでのアプリケーション開発を学べる内容になっています。 ハンズオンのコードは以下のリポジトリにあります。 0. TL;DR Next.jsはモダンかつ強力なフロントエンドフレームワークで、様々な長所を持っています。本稿の目的はそうしたポイントをご紹介し、Next.jsの利用を勧めることです。 1章ではまずNext.jsの概要について簡単にまとめます。 2章で
新しいフレームワークを学ぶなら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
検索機能にSlimを導入した話 - ぐるなびをちょっと良くするエンジニアブログ
サーチサービス開発Gの前田です。サーバーサイドのエンジニアとして活動しています。 主な業務はレストラン検索周りの開発です。 今回の記事では業務で扱っているSlimというPHPのフレームワークと、検索機能での活用事例を紹介します。 Slimとは フレームワークは大きく分けてフルスタックフレームワークとマイクロフレームワークの2つがあります。サーバーサイド、ネイティブアプリ、Webサービスなど、開発をするために必要なモジュールを提供する様々なフレームワークが存在します。 以下はPHPのフレームワークの例です。 PHPのフルスタックフレームワーク サーバーサイドの開発をするために必要なモジュールが一通り提供されています。 （例） Laravel CodeIgniter Zend PHPのマイクロフレームワーク サーバーサイドの開発をするための何かに特化したモジュールが提供されています。 （例）
Documentation - Materialize
flash_on Speeds up development We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers. group User Experience Focused By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and an
お使いのフレームワークのお供に Illuminate - Qiita
普段使われているフレームワーク等に、簡単にlaravel4のコンポーネントを組込む事が出来ます。 なかでもおすすめなのはDIコンテナとしても軽量、かつ簡単なilluminate/containerと、 illuminate/databaseです。 今回はdatabaseを実際に使ってみます。 導入方法はいつものcomposer require __DIR__ . "/vendor/autoload.php"; use Illuminate\Database\Capsule\Manager as DatabaseManager; class Database { protected $db; // public function __construct() { $this->db = new DatabaseManager; } public function connect() { $th
Awesome Python：素晴らしい Python フレームワーク・ライブラリ・ソフトウェア・リソースの数々 - Qiita
元記事: Awesome Python Awesome List in Qiita Awesome Ruby Awesome Java Awesome JavaScript Awesome Node.js Awesome Go Awesome Selenium Awesome Appium 管理パネル 管理インタフェース用ライブラリ ajenti - サーバ用管理パネル. django-grappelli - Django 管理インターフェースのためのジャズスキン. django-jet - 改良された機能を備えた Django 管理インターフェース用の最新のレスポンシブテンプレート. django-suit - Django Admin インターフェースの代替 (非商用の場合のみ無料). django-xadmin - Django 管理者のドロップイン置換. jet-bridge -
ゼロから学ぶ！ Single Page Applicationの特徴と主なフレームワーク5選
本連載「モダンなフロントエンド開発者になるためのSPA超入門」では、フロントエンド開発のアーキテクチャである「SPA（Single Page Application）」について、開発に必要となる各種フレームワークの特徴や、サンプルアプリ開発を通じたSPA開発の流れ、フレームワークによる作り方の違いなどを紹介します。 サンプルアプリ開発では、SPA開発において人気がある「React」「Angular2」の使用を予定しています。第1回目である今回は、SPAの特徴と取り巻く環境、フレームワークを紹介します。 SPAとは SPAはAdobe FlashやMicrosoft SilverlightといったリッチなUIを提供できるRIA（Rich Internet Application）に代わるフロントエンド開発の技術として、ブラウザの進化やHTML5の登場などによって誕生したアーキテクチャです。H
Greenbear Diary - 5分でわかるRack , シュレーディンガーの猫たち
■ [ruby][rack] 5分でわかるRack RackはRubyのためのWebサーバインターフェイスだ。 RubyでWebっていうとRailsが有名だけど、実はRails以外にもいろんなRuby用のWebアプリ用フレームワークが存在する。 Ramaze Merb Camping Waves などなど…。 一方Webを実際に動かすにはWebサーバが必要だ。RubyのためのWebサーバも、これまたいろんなものがある。 Apache(CGI, FastCGI..) WEBrick Mongrel Ebb Thin などなど…。 ここで問題が一つ。それは「フレームワークが増えるたびに、いろんなサーバをサポートするためのコードが必要になる」ってとこだ。 各フレームワークの作者がみんなそれぞれにCGIやMongrelに対応するためのコードを書いてるなんて、無駄だと思わないか？ RackはWebア
レガシーな独自フレームワークから脱却してRailsへ徐々に移行している話 - メドピア開発者ブログ
みなさんこんにちわ。 メドピアでエンジニアをやっている内田と申します。 現在メドピアではPHPで作られたレガシーな独自フレームワーク (以下FW) からRailsへと移行するプロジェクトが進んでいます。 今回は移行に向けて行ったことについて共有したいと思います。 移行の計画 メドピア株式会社では、医師限定のコミュニティサイト「MedPeer 」を運営しています。 「MedPeer 」サービス内では、薬剤評価掲示版、症例相談、Forum、ニュースなど、医師同士が情報交換をするための、機能の異なる複数のサービスを提供しています。 それらサービスの内部では7年前に作られたPHPの独自FWが採用されており、コードが肥大化したことで機能の変更や追加がとても困難になっていたことが課題でした。 そうした課題を解決するために、アーキテクチャの見直しを含めたリプレースがエンジニアの主導で計画されました。 様
FuelPHPのスキャフォールドとマイグレーションで作業効率化 at ITエンジニアmegadreamsの開発日記
フレームワークを使って開発を始めて約１ヶ月半。 フレームワークの便利さに感動する毎日が続いています。 そんな今日は，今流行のFuelPHPについて。 FuelPHPは、PHP5.3によるWebアプリケーション用のMVCフレームワークです。2010年位Dan Horrigan氏によって開発が開始されました。 PHPのフレームワークには、「CakePHP」や「Symfony」「Codelgniter」など様々なフレームワークがありますが、FuelPHPは軽いため高速な処理を行うソーシャルゲームなどの開発には向いているそうです！ そんなFuelPHPのスキャフォールド(scaffold)とマイグレーション（migration）がとても便利なので紹介したいと思います。 スキャフォールドについて スキャフォールドとはRuby on Railsで導入された機能で、MVCフレームワークでCRUD操作を行
Pythonエンジニアが紹介する、Pythonの超便利なライブラリ・フレームワーク13個 - paiza times
Photo by hoerner_brett 秋山です。 私は主にPythonを使って開発をしているので、今回はPythonの便利なライブラリやフレームワークを紹介していきたいと思います。 といっても割と定番のものを中心に使っているので、既にPythonをがんがん使っている人にとっては「知ってるわ！」というものも多いかと思います。「最近Python書くようになりました～」という人たちにも「これ良い！」ってものが見つかればと思います。 ちなみに前回はPython2系と3系の違いについて書いてますので、「3系に移行しよっかなー」と考えている人は合わせて見てみてください。 paiza.hatenablog.com ■Pythonの便利なライブラリやフレームワーク ◆Web開発系フレームワーク ◇Django みんな大好き有名なDjango。RubyでいうところのRailsのような……全部のせ的な
React.jsではなくRiot.jsを採用した話、運用中サービス『GAMY』でリニューアル - Qiita
今回、ゲーム攻略コミュニティ『GAMY』というサービスでRiot.jsを採用しました。 知る限りでRiot.jsで実装されたサイトの中でも最大規模のサービスだと思います。 これまではjQueryとjQueryプラグインを使っていましたが、デザインのリニューアルを機に、全部書き換えることにしました。 ドキュメントも兼ねてアウトプットしていきます。 Riot.jsとは Riot.jsは今流行りのReact.jsに似た仕組みを持っている、それで非常に軽量なJavaScriptライブラリーです。 最近GitHubのリポジトリが/muut/riotjsから/riot/riotにお引っ越しして、これからがより注目なライブラリーです。 詳しくはこちら↓ Riot公式 Riot.js 2.0 情報まとめ GitHub 捨てることを前提としたライブラリー選定 最初は今ブームの２大フレームワークとなっている『
【2021年版】PHPのフレームワーク7選徹底比較！
Googleトレンドでの検索数（日本国内）も見てみましょう。GitHubでのスターが最も多かったLaravelと、他のフレームワークを比較しています。 ※Googleトレンドでは5つまでしか同時に調べられないので、画像を2つに分けています。 他フレームワークの検索トレンドが下がっている中、Laravelだけが急激に上昇している様子がわかりますね。とは言え、CakePHPやFuelPHPなど大手フレームワークの人気も相変わらず、といった印象です。 PHPの学習サイトについてはこちらにまとめましたので合わせて学習に役立ててください。 プログラミング初心者向け！PHPの学習ができるサイト6選 PHPの学習が捗る参考サイト5選！初心者から上級者まで 代表的なPHPフレームワーク7選 他の言語と比較してPHPには多数のフレームワークがありますから、プロジェクトの要件やリソースなどを考慮して、最適なP
React を 2 週間学んだ
そろそろ、手を出してみるかということで React に手を出し始めてみた。世間から 2 年遅れ。 感想としては開発環境が整っているし、ライブラリも何でもかんでも揃っている。Erlang/OTP と比較したら失礼になるが、何もない Erlang は普通の人にはつらそうだなとまで思った。 2 週間学んだ結果は React コトハジメ にまとまっているので、そちらを見ていただくとして、なぜ学んだのか、どう学んでいったのかを書いていきたい。 そもそもはフロント側の見積もりが全くできないので困っていたというのがスタート。どんな仕組みでどう動いているのかがわからないのでフロント開発の見積もりができなかった。 今まではウェブアプリの仕事を受けることはなかったので、困ったことはなかったが、WebRTC をビジネスの軸においてからは、ウェブアプリを避けることができなくなった。その為見積もりができない状態がま
Python Django入門 (1) - Qiita
はじめに なぜPythonを選ぶか かなり独断と偏見が入っていますが、 シンプルな言語セット 某言語のように、呪文のように短く書けることが命ではない。 それでいて、書くコード量は少なく、すっきりしている。 某言語のように、記号を多用しない。 コードを書いている間Shiftキーを押しっぱなしにならない。 学習コストが低い。 言語セットとしての文法は、わりと平易で、直感で理解できる。 難しい書き方は、後から覚えればよい。 文法書を読むのは、後からでいいでしょう。まずこの講座をやってみましょう。 Djangoフレームワークや、各種Pythonパッケージのソースを読んでも、 言語仕様を駆使した難しい書き回しは少ない。 メンテナーでなくても意外と読める。 なぜDjangoを選ぶか Pythonで作られたフルスタック・フレームワークであるということ。 必要なものはすべて揃っている。 テンプレートはあれ
作って理解するWebフレームワーク - きしだのHatena
前回、簡単なDIコンテナを作ってみたので、次はこれを使ってWebフレームワークを作ってみたいと思います。 Webサーバーをつくる まず、WebフレームワークなのでHTTPサーバーが必要ですね。なので簡単なものを作ります。 とりあえずブラウザからリクエストを受け取ったら200 OKとHTMLを返すだけのサーバーです。 今回は、そこらのブラウザからアクセスできればいいや、ということで、RFCとかの仕様に準拠することは考えません。 public class Server { public static void main(String[] args) throws IOException { ServerSocket serverSoc = new ServerSocket(8989); for (;;) { Socket s = serverSoc.accept(); new Thread((
Backbone.MarionetteとRailsを使ってSingle Page Application(SPA)を構築する〜概要紹介編〜 | sova-labからの情報発信
こんにちは、sovaのはき猫です。 sovaではITを使って今の世の中を良くするアプリケーションを作っていきたいと思っています。その第一弾として「クローズドな掲示板アプリ – CircleBoard –」をリリースしました！CircleBoardを使えば、今まで以上に友人や同僚など、周りの仲間との情報共有を活性化する事が出来ると思います。是非使ってみて下さい。 また、現在CircleBoardがApplivのSNSランキングに掲載中です。応援よろしくお願いします！ http://android.app-liv.jp/sns/socialnet/0139/ さて、今回はタイトルにもあるようにBackbone.MarionetteとRuby on Railsを使ってSingle Page Applicationを作る方法について、What’s SPA?という方でも理解出来るようにご紹介します。
CodeIQについてのお知らせ
2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Next2D | Rendering Engine, NoCode Tool, Underlying Framework.
Documentation - Bootflat