Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 以下はInteresting Web Technologies to follow in 2019の日本語訳です。 Interesting Web Technologies to follow in 2019 Web開発の世界は絶えず変化し続けており、起こっていること全てに目を配ることは困難です。 来年はどのフレームワークがまだ生き残っているでしょうか？ そして、あなたのWebアプリケーションにはどのプログラミング言語が最も適しているでしょうか？ Web開発のための興味深い技術を6個、選んで解説してみます。 この記事ではフロントエンドと

C++のWEBフレームワークoat++を使って、REST風のAPIサーバーを試してみました。外部ライブラリの依存関係がなく手軽に試すことができました。 はじめに 福岡のyoshihitohです。先日 GitHubのTrending でC++のWebアプリケーションフレームワークの oat++ が紹介されていました。C++のフレームワークは珍しいなーと思い、どんな感じか試してみました。 oatpp-examples のリポジトリで色んなサンプルが紹介されています。今回は crud を参考にREST風のAPIサーバーを作ってみます。 検証環境 macOS: 10.13.6 Command Line Tools for Xcode: 10.0.0.0.1.1535735448 Premake: 5.0 alpha 13 CMake: 3.9.0 oat++? 特徴 公式サイトによると以下の特徴が

Intro ブラウザはリロード時に、 max-age に満たないキャッシュを持っていても Conditional GET によってキャッシュの Validate (有効性の問い合わせ)を行う。 Cache-Control Extension として提案されている Immutable 拡張は、キャッシュが max-age 内であればリロード時もキャッシュヒットさせる拡張である。 このヘッダの効果と、本サイトへの適用について記す。 Cache-Control Cache-Control に max-age を指定することで、ブラウザにリソースをキャッシュさせることができる。 このキャッシュは max-age の期間内は fresh とみなされ、 fresh であればサーバへの問い合わせなく再利用される。 サーバへの問い合わせ(RTT)が無いため、事実上最速のリソース取得となる。 Reload

MVCフレームワークでWebアプリケーションを作成するとき、肥大化していくモデルをどのように分割すれば良いのか？悩みます。 いつもは適当にやっているのですが、だんだんファイル数、クラス数、メソッド数が増えてくると、把握しづらくなって、辛くなってきますｗ 他の人のやり方を参考にして、モデルを適切に分割する方法を検討してみました。 ●Webアプリとは？ Webアプリの特徴は、インターネットをはさんで、 (1) クライアント側 (2) サーバー側 に分かれていることです。 サーバー側は、 (a) DB（データを置いておく場所。通常はリレーショナルデータベース） (b) DBのラッパー（CRUDを担当するアプリケーション層） に分かれています。 で、このラッパー部分(b)に、MVCフレームワークを使っています。 (via もみじ饅頭（こしあん）：もみじ饅頭のやまだ屋) MVCフレームワークは、 (

コードの解析を行うと様々な情報が得られます。言語に特化して細かく解析できるものもあれば、多数の言語に対応して情報が取れるものもあります。プロジェクトの種類によって決めれば良いのですが、最近では一つのプログラミング言語だけしか使っていないケースは少ないでしょう。 今回は多数の言語に対応し、空白やコメント、コード行数をカウントできるclocを紹介します。 clocの使い方 clocはコマンドの引数として解析したいファイルまたはディレクトリを渡すだけです。以下は実行例です。 $ cloc ./ 19171 text files. 8232 unique files. 11669 files ignored. github.com/AlDanial/cloc v 1.70 T=71.16 s (106.5 files/s, 33571.4 lines/s) --------------------

github.com おそらく先行実装は python で書かれたこれです。 curl にはウェブサイトの応答時間を計測する機能が搭載されており、このツールではそれを利用して出力結果をグラフィカルに表示させています。単なる curl のラッパーのようなツールなのですが、見た目がリッチになるのに加えて、単一ファイルで実行でき python のバージョンに影響されないような工夫がされているのが、受けているポイントのような気がします。 このツールを見たとき「Go で書いてみるの良さそう！（この手のツールで単一バイナリになるのは嬉しいですよね）」と思い、休憩時間やお昼休みなどにちまちま書いていたら、二日前に先を越されてしまいました（そりゃそうですよね。なんでもスピードが大事だと痛感）。 github.com また、ついこの間まで 800 Stars くらいだったのですが、ここ1週間で爆発的に伸びて

普段のWebブラウジングはSafariを使っているのですが、システム開発となるとGoogle Chromeに切り替えています。そのようにWebブラウジングと開発でブラウザを使い分けている人も多いのではないでしょうか。 今回紹介するBliskは、まさにWebシステム開発に特化したWebブラウザとなっています。フロントエンド開発などに役立ちそうです。 Bliskの使い方 Bliskのメイン画面です。左側にスマートフォンでの表示例が出ています。 デバイスは自由に変更できます。 横向きにもできます。 表示を見比べながら開発できます。なおスクロールを同期させる機能もあります。 ディレクトリを指定してファイルの更新があったら再読み込みする機能があります。 BliskはChromiumをベースとしているのでDevToolsはGoogle Chromeと同等のものが使えます。さらに今後各デバイスの枠（画面

おはようございます。こんにちは。こんばんは。 あんどうです。 早いもので年末ですね。 僕は先週の金曜（2015/12/25）で仕事納めをしまして、冬休みを満喫しております。 さて、今回は冬休みのために無料で読める技術系の電子書籍をまとめました。 これからも詳細を追記・更新していきますので、ぜひブックマークしてくださいませ。 そして、オススメのものがございましたらコメントでお知らせください。 オライリー Web開発（10冊） IoT（19冊） デザイン（11冊） DebOps（17冊） データ解析（22冊） Apress（23冊） セキュリティ系 Android 機械学習 IoT Microsoft 公式サイト（31冊） ブログ（約500冊） 日本語で読めるもの ケヴィン・ケリー著作選集（３冊） オライリー 謎の表紙で有名なオライリーですが、一部の書籍をオープンにしています。 ジャンルごとに

Cross-Device Testing Done Right Used globally from the freelance segment to the enterprise level, Blisk helps IT professionals develop and test modern web applications in half the time and never miss any issue Download Blisk

分量がある文書を作成する際には、文書全体の「アウトライン（骨格、構成）」をきちんと作り上げてから内容を記述する必要があります。今回は、「読みやすく分かりやすい提案書」にするアウトラインの作成方法について紹介します。 読みやすい文書は「階層構造」をしている 読みやすい、分かりやすい文書は、全体が階層構造になっています。文書は、一般的に下記のような階層で構成されています。 大見出し（章） 中見出し（節） 小見出し（項） 階層構造は、複雑で大量の情報を含んだ文書の内容を、分類・整理するために必要不可欠です。階層化した文書は、各トピックで記述される範囲が決まっているため、焦点を絞って読むことができます。このことは、読者の理解を大いに助けます。 階層構造の方法について、順を追ってみていきましょう。まず「大見出し」の層に分割します。その後に各「大見出し」を「中見出し」の層に、さらに必要であれば「中見出

※このお話はたぶんフィクションです。実在の人物や団体とはあんまり関係ありません。 序 planetter.comをバージョンアップすることにした。数年前にリリースしてからずっと放置していたけど、そろそろ手を付けないとやばいと思った。 しかしウェブの世界はドッグイヤーだ。3年も経てば何もかもが変わっている。しばらく開発から遠ざかっていた僕には、最近の技術トレンドなんてさっぱりわからない。 まずは自分自身をアップデートするところから始めよう。 Atom 最初はIDEだ。以前はEclipseを使っていたけど、いまはもうウェブ系言語の進化速度に追いつけていないようだった。ウェブ開発用のIDEならいまはWebStormが人気のようだ。有料だけど、最新の技術に対応しているし、使い勝手もいい。 でも最終的にはAtomを選んだ。IDE(統合開発環境)ではなくエディタなので、これ自体は単機能だけど、不足分は

米マイクロソフトは2016年4月14日（米国時間）、無償のオープンソースソフトウェアとして公開しているWindows、Linux、OS X用コードエディタの正式版「Visual Studio Code 1.0」をリリースしたと発表した。 Visual Studio Code（以下、VS Code）は2015年5月にパブリックプレビューがリリースされ、同年11月にβ版の公開と合わせてオープンソース化されたコードエディタ。パブリックプレビュー段階で約200万人の開発者がインストールしており、2016年4月現在の月間アクティブユーザー数は50万人を超えるという。 マイクロソフトのVS Codeチームは公式ブログで、「現代的なWeb技術を使った本番品質のエディタを開発しようという実験として始まったが、リッチなコード編集およびデバッグ環境の提供を中心に、“開発者の生産性に重点を置いた、新タイプのクロ

こんにちは。エクセルソフトの田淵です。 ライセンスやエディションのラインアップなど、色々な事が変わり、Xamarin の FAQ も更新されていましたので、翻訳版をアップしました。 Xamarin FAQ よくある質問 : XLsoft エクセルソフト Xamarin 気になった方は 是非 ダウンロード して触ってみてください。 学習用リソース や JXUG リンクページ に参考資料を纏めてますので併せてどうぞ。 Xamarin の情報が欲しい方はこのブログも購読いただいたり、私のTwitterアカウントをフォローいただいたりすると嬉しいです。 私が所属している エクセルソフト は、開発者向けの様々なソフトウェアを扱っています。おなじみの ReSharper (JetBrains)、 や Atlassian の JIRA, Confluence、Office/PDF ファイルを .NET/

【初心者向け】Web開発をするなら絶対入れておきたいChrome拡張機能11選 Web開発に便利なChrome拡張機能を紹介しています。現役エンジニアはもちろん、非エンジニアでもWeb開発に興味がある人は入れておくと非常に便利に感じるはずです。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査 これからエンジニアを目指す人や、普段はディレクターとして働いている人向けにWeb開発で便利なChrome拡張機能をまとめています。 エンジニアやデザイ

4. 使用ツール(事前知識) • CSS Preprocessor: Sass（scss記法） • Reset CSS: sanitize.css • HTML Template Engind: Jade • TaskRunner: Gulp • VersionControlSystem: Git 4 5. 得られる恩恵 1. コードの品質の安定 慣例・定石の例をまとめることで品質(拡張性, メンテナンス性, 可読性, バ グの回避)を担保する 2. コミュニケーションコストの削減 ルールに沿った書き方をする事で連絡や質問事項を減らす 3. 経験値の共有 HTML/CSSの仕様上起きやすいミスを防ぐ 5

The document describes a PWA (Progressive Web App) for a Lesser Panda app called "Lesser Panda's Fluffy Fun App!". It includes metadata like the app name, icons, and start URL. It also describes registering a service worker to subscribe to push notifications by calling the push manager's subscribe method and saving the subscription to a server. Finally, it lists modern web technologies supported b

Googleはこのほど、2015年10月に公表したオープンソースプロジェクト「Accelerated Mobile Pages（AMP）」の日本語版導入ガイドをウェブサイト管理者向けに公開した。 このAMP（アンプ）と呼ばれるプロジェクトは、スマートフォンで閲覧するモバイルサイトの表示速度を従来のサイトよりも高速化させることを目的としたもので、すでに世界各国のニュースサイトなどがこのプロジェクトに参加し、AMPへの対応を準備しているという。 プロジェクトの目的と具体的な内容について、Google日本法人 プロダクトパートナーシップ本部 ストラテジック パートナー デベロップメントのマネージャであるダンカン・ライト氏、そして同じくプロダクトパートナーシップ本部 出版コンテンツ アジア太平洋統括部長の佐藤陽一氏に聞いた。 ページ表示の遅さによるユーザーの閲覧断念を解消したい --まず、このAM

みんなのウェディングの高井です。 気軽に開発サーバーにデプロイできると便利なことがあります。 たとえば、開発中のブランチをデザイナーやディレクターに確認してもらいたいときがあります。また、プルリクエストのためのブランチが大きくなってしまったから動作をみながらコードレビューしたいときもあるでしょう。 もちろん、手元のマシンでアプリケーションサーバーを起動させ、そのサーバーで動作確認してもらうこともできます。とはいえ、タイミングをあわせてサーバーを起動させるというのも手間です。 そこで、みんなのウェディングでは、開発ブランチを簡単にデプロイして確認できるようにする仕組みを用意しています。 Capistrano 開発サーバーへのデプロイには Capistrano を利用しています。プロダクションサーバーやステージングサーバーに対するデプロイでは AWS CodeDeploy を使っているのですが