現在では、Webサイトの割合のおよそ50%を画像が占めるようになっています。パフォーマンスの低下は収益やユーザー満足度の低下と密接に結びついているため、私たちデザイナーはサイト上の画像の扱いにもっと責任を持たなくてはなりません。 Webサイトはどんどん重くなっています。httparchive.orgのデータによると、６年前の2012年2月15日には986KBだったWebサイトの平均的重量は、2018年2月15日には3,686KBもありました。 つまり、Webサイトはこの６年間で373.8%も重くなったのです。衝撃的な速度で悪化しています。 数年前と比べると、動画もサイトの主要なコンテンツになっていますが、それでもサイト全体の表示スピードにもっとも寄与しているのは画像です。 なぜパフォーマンスが重要なのか 優れたパフォーマンスの重要性について支持する調査は簡単に見つかります。 AMP Pro

FastAPI¶ FastAPI framework, high performance, easy to learn, fast to code, ready for production Documentation: https://fastapi.tiangolo.com Source Code: https://github.com/fastapi/fastapi FastAPI is a modern, fast (high-performance), web framework for building APIs with Python based on standard Python type hints. The key features are: Fast: Very high performance, on par with NodeJS and Go (thanks

これまでカクヨムは横組みでの表示のみでしたが、今回、縦組み表示への切り替えが可能になりました。 表示の切り替えは、エピソード画面の「ビューワー設定」（画面上部「あぁ」のアイコン）から行えます。「ビューワー設定」の「組み方向」にて、「横組み」もしくは「縦組み」を選択した後、「完了」を押してください。 縦組み表示では、画面は右から左にスクロールします。 スマートフォン版ブラウザでは「タップでスクロール」機能を使うと、タップするたびに画面がスクロールします。「タップでスクロール」機能をONにするには、「ビューワー設定」の「操作設定」タブにある「タップでスクロール」の項目を変更してください。初期設定ではOFFになっています。 今回リリースした縦組み表示機能はβ版です。現在のところ、PC版・スマートフォン版ブラウザで利用が可能です（Android・iOSアプリには非対応です）。 お使いのブラウザによ

地図とWebは相性が良いです。移動中に地図を見たいと思うことは多いですし、旅行や出張前に計画を立てる上でも地図が必要です。それもあり、Googleマップをマッシュアップする地図サービスは無数に存在します。 今回紹介するBootLeafはそんな地図マッシュアップのベースになるようなソフトウェアです。様々な情報を地図に載せやすくなっています。 BootLeafの使い方 地図が右側に、表示している情報が左側に一覧になっています。 メイン画面 左のリストから選ぶと該当するデータがハイライトします。 データ選択 さらに詳細なデータはモーダルで表示されます。 モーダル表示 データは検索でインクリメンタルに絞り込めます。 検索 ラインデータの表示もサポートされています。 ラインデータ表示 データはチェックボックスで表示/非表示が切り替えられます。 データの追加表示 BootLeafを使えば地図と独自のデ

どこからでもアクセス あらゆるデバイスで使える Web ベースのベクター グラフィックス アプリです。直感的で強力な機能を搭載しており、使いやすいツールを使って、クリエイティブなデザインを作成できます。その後、作品はクラウドに保存し、Web ブラウザを通じてどこからでもアクセスできます。

Web業界で活躍するエンジニアたちのキャリアは多彩を極める。今回注目したのは、ファーストキャリアにSIを選んだ4名のエンジニア。彼らはなぜSIをファーストキャリアに選んだのか。そして、なぜWeb業界への転身を決めたのか。元SIエンジニアたちのターニングポイントに迫る。 SIerからWebへのチャレンジって実際どうなの？ クラウド名刺管理サービスのSansan、クラウド型労務手続きソフトウェア《SmartHR》のKUFU、グローバルソーシング《セカイラボ》のモンスター・ラボ、ERPのフロントウェア《TeamSpirit》のチームスピリット。この注目のWeb企業4社には、ある共通点がある。それは、かつてSIerに在籍していたエンジニアが活躍しているということだ。 では、なぜ彼らはSIerからWebの世界へ転身することを決めたのか。そもそも、SIer出身エンジニアにとって、Web業界へのキャリア

それで、「そんなにいいのかな？」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk（ブリスク）とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi

Today I am thrilled to announce the official release of Vue.js 2.0: Ghost in the Shell. After 8 alphas, 8 betas and 8 rcs (a total coincidence!), Vue.js 2.0 is ready for production! The official guide has been fully updated and is available at vuejs.org/guide. Ever since the work on 2.0 started back in April, the core team has made significant contributions to API design, bug fixes, documentation

マイクロソフト、業務向けのモバイルアプリをブラウザから簡単に開発できる「PowerApps Studio for Web」プレビュー公開 マイクロソフトは、プログラマではなくパワーユーザー層がモバイル対応の業務アプリケーションを簡単に開発できるツール「PowerApps Studio」のWebブラウザ版となる「PowerApps Studio for Web」のプレビュー版を公開したと発表しました。 PowerAppsが最初に発表されたのは2015年12月。このときには開発ツールとしてWindows版のデスクトップアプリケーションとして「PowerApps Studio for Windows」が用意されていました。 今回発表された「PowerApps Studio for Web」は、デスクトップアプリケーション不要で、Webブラウザから開発ツールを利用してモバイル対応の業務アプリケーシ

作成：2016/07/11 更新：2017/04/16 Web制作 > 使い方 初めてデベロッパーツールを触る人でも分かるように、簡潔・シンプルに書きました。画像付きのチートシートのようなものですね。今回は初心者の方向けということでChromeデベロッパーツールの入門編。Chromeは最新版です。 エンジニア速報は Twitter の@commteで配信しています。 設定 背景色を黒にする タブの幅を変える エディタ エディタとして使う ローカルファイルのコードを整形する コンソール ログの閲覧・JavaScriptの入力や練習 エレメント 編集 CSS内の画像サイズと大きさを知る カラーフォーマットの変更 Breakpoints / クリックされた時のコードを見つける モバイル 回線速度のエミュレート 通信環境を選択 Androidデバッグ モバイルデバックの実機を増やす ネットワーク

概要 先日こちらの記事でgraphvizを使って状態遷移図を作成する方法をご紹介したのですが、これでもまだ複雑で記述量も多いのでとっつきづらいと思い、このgraphvizのソースコードを自動生成して画像を出力するコマンドラインアプリケーションを作成しました。 このアプリケーションはPyagram（ぱいあぐらむ）といい、その名前から察しがつくかと思いますがPythonを使用して開発されました。開発期間は１日でした。 このPyagramを使うことで複雑な状態遷移図を比較的簡単に作成することができるようになりますので、以下でご紹介したいと思います。 状態遷移図の描き方についてはこちらの記事を参考にしています。 出来上がりの図は以下のような感じになります。 図には幾つかのオブジェクトがあります。 図のタイトル（最上段） ビュー（二重丸） サーバサイドの処理（灰色の背景の一重丸） 画面遷移（破線の矢

2017年8月25日 CSS, お知らせ, 便利ツール この度、WebクリエイターボックスではWeb制作関連の情報やWebクリエイターボックスからのお知らせを配信するニュースレターを始めました！その際に利用することにしたMailChimpというニュースレター配信サービスについて紹介します！ ↑私が10年以上利用している会計ソフト！ Webクリエイターボックスのニュースレターに登録する！ もしご興味がありましたら、ぜひご登録くださいね！ ※プライバシーポリシーに基づき、スパムメールを送信したり、メールアドレスを第三者に譲渡・売買などは一切いたしません。 ※Webクリエイターボックスのニュースレターは、どのタイミングであっても配信停止ができます。配信停止を希望する方は、ニュースレターのフッターにある「配信停止」リンクをクリックしてください。 MailChimpとは？ MailChimpは世界中

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

2016年7月14日、私にとって『Emacs実践入門』以来4年ぶり2冊目となる書籍『Atom実践入門』が発売されることとなりました。 去年、WEB+DB PRESS Vol.86にてAtom特集を書いたので、もしやと思った勘の鋭い方もおられたかもしれませんが、実はそのときから本書の執筆を行っており、この度ようやく上梓することができたというわけです。 本書は私にとって2冊目の書籍であると同時に、2冊目のエディタの本でもあります。またしてもエディタの本を書いてしまったわけで、これについては色々と思うところがあるのですが、それについてはまた今度詳しく書きたいと思います。本日は、この本に込められた思いについて語っていきます。 はじめてのエディタを使う人にとってベストな解説書を目指して。 エディタの本は、基本的にプログラミングを書く人に向けた書籍です。Emacs実践入門のときは、Emacsという歴史

Why People Want Microservices.md マイクロサービス化が進む背景について考えてみた 最近マイクロサービスって流行ってますよね。バズってると言ってもいいくらい。 個人的には、「マイクロサービスって結局何なの？」とか、「SOAと何が違うわけ？」とかいう議論は苦手です。 でも「なんでみんなマイクロサービスで作りたいのか？なんでマイクロサービスで作られるサービスが多いのか？」にはすごく興味があるんです。 僕は今、シリコンバレーにある日系SIerの小さな子会社で駐在員をやっていますが、このエリアに居ると、とにかく最近、 「サービス全体が、独立した小さなサービスの集合で構成されるようになってきている」 という流れがあるのは実感できます。もうそれが前提みたいになってるくらい。普通サービスって依存サービスを幾つか呼び出しますよね？ってところから始まるのが普通なくらい。 この記

Mozillaの新型高速ブラウザエンジン「Servo」、初めてのデベロッパープレビューが公開。Rust言語で開発中 Servoは、Rust言語で開発されているブラウザエンジン。HTMLのパース、レンダリング、画像処理、レイアウトといった処理を独立して並列的に実行するなどにより、最近のプロセッサの特長であるマルチコア、SIMD命令、GPUなどを活用し、高速なWebブラウジングを実現しようとしています。 Rust言語もServoのこのコンセプトを支えるための言語といえます。RustもMozillaが開発しており、C言語と同様にOSやデバイスドライバなどのシステム処理の記述に適し、コンパクトなランタイムで高速に実行できる一方で、不正なメモリ操作による障害を起こさないようメモリセーフな言語として設計されています。 しかもマルチスレッドで実行されてもスレッド間でデータ競合などを起こさないスレッドセー

「IIJ Technical WEEK 2014」の会場に、まるでタイムスリップしてきたかのようにSun Microsystemsの「SPARCstation IPX」が姿を現した。20年前に同社が提供していたアノニマスFTPサーバーはどんな姿だったのだろうか。 20年前のサーバーの姿を、そしてインターネットの姿を覚えているだろうか？ インターネットイニシアティブ（IIJ）が2014年11月26日から28日にかけて開催している「IIJ Technical WEEK 2014」の会場には、まるでタイムスリップしてきたかのようにSun Microsystemsの「SPARCstation IPX」が姿を現し、世界初のグラフィカルなWebブラウザー「NCSA Mosaic」上で約20年前のIIJのWebページ（いわゆる「ホームページ」）を表示した。 11月27日に行われたセッション「てくろぐ・せ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Twitter, GitHub, Qiita などのように root/(username) でユーザーページをルーティングするところが増えてきている. このルーティングを採用し, help などのユーザー名を許可すると, root/help が奪われてしまう. そこで, 登録時に validate で, ある程度排除するのが習わしになっていると思うが, 急に root 直下に置きたいページが増えたときなどに取得されていると悲しいことになる. また, サブドメインを利用するサービスだと, api などをうっかり取られてしまうケースが後を絶