この記事では面倒なので名前に .js が付いているものは省きます。例えばNext.js は Next と表記します。 まず結論から日本ではVueはReactと二分する人気があるように観測されますが、世界的な数字で人気・シェアを見るとReactが圧倒的です。 シェアだけで見るとAngularとAngularJS（Angular系の1.x系）の合計値はVueよりも高いですが、「今後はもう採用したくない」と考える率が高く、Angular/AngularJSの人気が低下しているということは間違いありません。 ※追記: Angularのシェア、人気度に関しては、Angular及びAngularJS両方を含む数値であり、AngularJSとAngularは別物であるものが混ざってカウントされているため、Angularのシェア及び人気度はあやふやかもしれません。他の数値に関して信頼性を疑うべきかどうかは

State of JavaScriptがこのほど、2019年におけるJavaScript関連の調査結果「The State of JavaScript 2019」を公開した。フロントエンドフレームワークとして注目されていたAngularだが、実際にはもう使わないと回答するユーザーの割合が2018年から増加しており、さらに今後学習するつもりもないと回答するユーザーの割合も多い。今後徐々に使用割合が減っていく可能性が見えてきている。 Angularユーザ意識割合推移グラフ - 資料: The State of JavaScript 一方、ReactとVue.jsは順調に使用率を伸ばしつつ、さらに今後学習していきたいというユーザーの割合も多い。今後、ReactとVue.jsはさらにユーザーが増える可能性がある。 Reactユーザ意識割合推移グラフ - 資料: The State of JavaS

夏は暑いので、むやみに遊びに出かけたりしないで冷房の効いたオフィスでいつもどおり仕事をしている kagata です。 さて、今回は CakePHP3.4でおこなわれた仕様変更のお話です。本稿執筆中に CakePHP3.5がリリースされてしまってどうにも機を逸した感がありますが、気を取り直して進めます。 例題：HTTP レスポンスにヘッダを追加する CakePHP3.4での仕様変更を端的に示す例として、次のようなお題を考えます。 CakePHP アプリケーションが返す HTTP レスポンスに、ヘッダ My-Foo: bar を追加してみましょう。 CakePHP3.3まで 従来は、破壊的メソッド Cake\Http\Response::header() で次のようにしていました。 // コントローラで $this->response->header('My-Foo', 'bar'); Cak

「ポカヨケ」を知っていますか？ 製造業で使われるヒューマンエラーを防ぐ仕組みのことですが、プログラミングにも応用できる考え方です。PHP開発を例として具体的なポカヨケの手法を紹介します。 中規模または大規模なチームでコードベースを共有すると、お互いのコードや使い方を理解するのが大変です。解決策は、一連のコーディング規約にのっとることで相手が読みやすいコードを書くことや、全員が知っているフレームワークを使うことなどがありますが、この対策では不十分なこともあります。 特に、少し前に書かれたアプリケーションの一部のバグを直したり、新たな機能を追加したりするときに不十分さを感じます。あるクラスをどう動作させたかったのか、ほかの機能とどう組み合わせて使うつもりだったのか、すべて覚えているのは容易ではなく、知らないうちに副作用やバグを作り込みがちです。 副作用やバグは品質保証ツールで見つかるはずですが

こんにちは、つばさ（@tsubasa123）です。 ちょっと備忘録。プログラム要素高めでお届けします。あんまり面白い内容ではございません、が、気になってる人もいるかもですので綴っておきます。 ログインが必要なページの情報が欲しい ログインしてからリクエストすればいい ちょっと雑ですが さいごに ログインが必要なページの情報が欲しい もうタイトルそのままなんですが、ログインが必要なページに掲載されている情報をシステムで扱いたかったんですよね。具体例を申し上げますと、はてなフォトライフで管理されている、ブログで利用している画像を一括してダウンロードしたい。 ググればいくつかやり方は出てくるんですがどうもうまくいかなくて。情報が古いのか、はてな運営が仕様を変更したのか、原因まではわかりませんが、ログインしてからじゃないとページの情報（RSSの情報）を取得できないようになってしまったのかな。さて、

PHPでHTTPリクエストによる外部サイトとの送受信処理を行うには、cURL関数を使用します。 この記事では、 ・cURL関数とは？ ・cURL関数の基本的な使い方 ・GETメソッドとは？ ・POSTメソッドとは？ という基本的な内容から、 ・Cookieオプションの指定方法 ・Proxyオプションの指定方法 などのcURL関数の応用的な使い方について解説します。 ここでは、cURL関数を使用してウェブサーバから情報を取得する処理について、詳しく解説していきます！ cURLとは cURLとは、HTTPリクエストをすることにより、外部サイトの情報を取得することができる関数です。 HTTPリクエストとは、クライアントがウェブサーバへリクエスト内容を要求することを言います。 リクエストにより、ウェブサーバからレスポンスが返ってくることにより、ウェブサイトを表示することができます。 そのようなHT

この本の概要 本書は，JavaScriptの定番SPA開発フレームワーク「Angular」の解説書です。データバインディング，コンポーネント，依存性注入といったAngularを理解するための基本要素をはじめ，ディレクティブ／パイプ，フォーム，ルーティング，モジュール／コンポーネントの技術解説，ディレクティブ／パイプ／サービスの自作やテストなどの応用的なテーマまでを網羅。また，Angular 4に対応し，5以降のアップグレードにも留意した解説を行っています。Angularによる動的Webアプリケーション開発に必要となる知識が，この1冊で身に付きます！ こんな方におすすめ Angularを利用したSPAアプリケーション開発に興味のある人 導入編 第1章　イントロダクション 1.1 JavaScriptの歴史 1.2 フレームワークとは？ 1.3 Angular の特徴 第2章　Angular

2015年に CakePHP3.0 がリリースされたことは記憶に新しいですが、先日 CakePHP の Core Developer の @mark_story 氏により CakePHP4.0 時代への展望とこれまでの歩みの振り返りがスライドとして公開されていた ので、内容を要約してみたいと思います。 スライド CakePHP - The Road Ahead (SlideShare) 4.0 へのロードマップ 4.0 Roadmap · cakephp/cakephp Wiki (Github Wiki) ※ 以下の内容は自分が CakePHP を触っていて感じたことを元に補足している内容も含まれますのでニュアンスが異なる部分もあるかもしれません。 2.x – 3.00 アップデートの振り返り 3.0.0 はとても大規模で困難なアップデートだった PHP7 対応に伴うモダン化 フレームワ

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

こんにちは。 GWはずっと欅坂46の『不協和音』を聴いていたサーバーサイドエンジニアの@itoshoです。 前回のエントリーからCakePHP3アップデートの連載？を担当しています。 そして、早速GW中に新しいバージョンである3.4.6がリリースされましたので、今回も簡単にではありますがアップデート内容をまとめさせていただきました。 CakePHP3.4.6の変更点まとめ 今回は以下の変更がありました。 CSRFとセキュリティトークン用のフィールドのautocomplete属性を明示的に無効にした 新しいSafariのバックボタンの挙動で、blackholedエラーが発生する問題を解決しています。 SQLServerの接続ドライバーに多数のオプションが追加 具体的にはコネクションプーリングやログインタイムアウト等のオプションが追加されました APIドキュメントの改善 FixtureのDB接

本連載は、「Build Insider」内の連載「Angular Tips」を同サイトおよび筆者の了解を得たうえで、本フォーラムに移行したものです。なお、記事はBuild Insiderで公開した状態のまま移行しているため、用語統一などの基準が＠ITの通常の記事とは異なる場合があります。

Angular Language Service Features This extension provides a rich editing experience for Angular templates, both inline and external templates including: Completions lists AOT Diagnostic messages Quick info Go to definition Download Download the extension from Visual Studio Marketplace. Configuring compiler options for the Angular Language Service The Angular Language Service uses the same set of o

すべて Tech Idea Diary 2024-06-26 WebブラウザにおけるOpenTelemetryの自動計装PoC: Trace via Service Worker TechWebOpenTelemetryService Worker 2024-06-23 Cloudflare Image Transformationで画像最適化した TechCloudflareBlog DevAstro 2024-06-20 Angular: Rendering EffectsとBusiness Effects TechAngularSignals 2024-06-14 計画の優先順位ではなく目標の優先順位を決める Idea雑記言語化 2024-06-13 Angular: Model Inputsを使ったカスタムフォームコントロール実装例 TechAngularSignalsForms

はじめに Angular 2はGoogleとオープンソースコミュニティで開発されているJavaScriptフレームワークで、従来のAngularJS（AngularJS 1）の次期バージョンです。 Angular 2で作成したWebページを構成するコンポーネントは、表示時に生成され、画面の入力や表示などで状態が変更されて、非表示時に破棄されるといったライフサイクルが定義されています。開発者は、ライフサイクルの変化ごとに呼び出されるメソッド（ライフサイクルフック）を実装して、ライフサイクルに対応した処理を実行できます。 本記事では、Angular 2のライフサイクルとライフサイクルフックについて、サンプルを使って説明していきます。 対象読者 Angular 2をより深く使いこなしていきたい方 最新のフレームワークを活用したい方 Angular 2が裏でどう動いているか気になる方 必要な環境

Googleが中心となって開発しているオープンソースのJavaScriptライブラリ「Angular」のイベント「ng-conf 2017」が、4月5日から3日間、米国ユタ州ソルトレイクシティで開催されました。 3日目の基調講演に登壇したGoogleのエンジニアディレクター Brad Green氏は、TypeScriptがGoogle社内の標準言語に採用されたことを明らかにしました。 この記事では公開されている動画から、基調講演のその部分を中心にダイジェストでまとめました。 2年掛かりでTypeScriptがGoogle社内の標準言語に Brad Green氏。Googleには社内の標準言語（Canonical Languages）としてC/C++、Java、JavaScript、Python、Goが設定されている。 なぜかというと、もし社内のプログラミング言語が15種類もあったら、プロジ

Angular 4の長期サポート発表、2018年10月まで1年半。次バージョン「Angular 5」はシンプル化とスピードに注力。ng-conf 2017 Googleが中心となって開発しているオープンソースのJavaScriptライブラリ「Angular」のイベント「ng-conf 2017」が、4月5日から3日間、米国ユタ州ソルトレイクシティで開催されました。 1日目に行われた基調講演では、Angularの現状や半年後に登場予定の次のバージョンである「Angular 5」などについて、GoogleのAngularチームリードIgor Minar氏から説明がありました。 この記事では公開された基調講演の動画からその部分をダイジェストで紹介します。 セマンティックバージョニングとタイムベースリリースを開始 Igor Minar氏。 Angular 4の次はどうなるかについて話そう。 （会場

すべて Tech Idea Diary 2024-06-26 WebブラウザにおけるOpenTelemetryの自動計装PoC: Trace via Service Worker TechWebOpenTelemetryService Worker 2024-06-23 Cloudflare Image Transformationで画像最適化した TechCloudflareBlog DevAstro 2024-06-20 Angular: Rendering EffectsとBusiness Effects TechAngularSignals 2024-06-14 計画の優先順位ではなく目標の優先順位を決める Idea雑記言語化 2024-06-13 Angular: Model Inputsを使ったカスタムフォームコントロール実装例 TechAngularSignalsForms