デザイナーがWebサイトのパフォーマンスに対してできること
現在では、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/tiangolo/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 to Starl
カクヨムが縦組み表示に対応しました - カクヨムからのお知らせ
これまでカクヨムは横組みでの表示のみでしたが、今回、縦組み表示への切り替えが可能になりました。 表示の切り替えは、エピソード画面の「ビューワー設定」（画面上部「あぁ」のアイコン）から行えます。「ビューワー設定」の「組み方向」にて、「横組み」もしくは「縦組み」を選択した後、「完了」を押してください。 縦組み表示では、画面は右から左にスクロールします。 スマートフォン版ブラウザでは「タップでスクロール」機能を使うと、タップするたびに画面がスクロールします。「タップでスクロール」機能をONにするには、「ビューワー設定」の「操作設定」タブにある「タップでスクロール」の項目を変更してください。初期設定ではOFFになっています。 今回リリースした縦組み表示機能はβ版です。現在のところ、PC版・スマートフォン版ブラウザで利用が可能です（Android・iOSアプリには非対応です）。 お使いのブラウザによ
BootLeaf - Bootstrap/Leafletを使った地図テンプレート MOONGIFT
地図とWebは相性が良いです。移動中に地図を見たいと思うことは多いですし、旅行や出張前に計画を立てる上でも地図が必要です。それもあり、Googleマップをマッシュアップする地図サービスは無数に存在します。 今回紹介するBootLeafはそんな地図マッシュアップのベースになるようなソフトウェアです。様々な情報を地図に載せやすくなっています。 BootLeafの使い方 地図が右側に、表示している情報が左側に一覧になっています。 メイン画面 左のリストから選ぶと該当するデータがハイライトします。 データ選択 さらに詳細なデータはモーダルで表示されます。 モーダル表示 データは検索でインクリメンタルに絞り込めます。 検索 ラインデータの表示もサポートされています。 ラインデータ表示 データはチェックボックスで表示/非表示が切り替えられます。 データの追加表示 BootLeafを使えば地図と独自のデ
Gravit Designer
どこからでもアクセス あらゆるデバイスで使える Web ベースのベクター グラフィックス アプリです。直感的で強力な機能を搭載しており、使いやすいツールを使って、クリエイティブなデザインを作成できます。その後、作品はクラウドに保存し、Web ブラウザを通じてどこからでもアクセスできます。
Webで活躍するSI出身エンジニアの本音｜Sansan×KUFU×モンスター・ラボ×チームスピリット | キャリアハック（CAREER HACK）
Web業界で活躍するエンジニアたちのキャリアは多彩を極める。今回注目したのは、ファーストキャリアにSIを選んだ4名のエンジニア。彼らはなぜSIをファーストキャリアに選んだのか。そして、なぜWeb業界への転身を決めたのか。元SIエンジニアたちのターニングポイントに迫る。 SIerからWebへのチャレンジって実際どうなの？ クラウド名刺管理サービスのSansan、クラウド型労務手続きソフトウェア《SmartHR》のKUFU、グローバルソーシング《セカイラボ》のモンスター・ラボ、ERPのフロントウェア《TeamSpirit》のチームスピリット。この注目のWeb企業4社には、ある共通点がある。それは、かつてSIerに在籍していたエンジニアが活躍しているということだ。 では、なぜ彼らはSIerからWebの世界へ転身することを決めたのか。そもそも、SIer出身エンジニアにとって、Web業界へのキャリア
WEB制作向けブラウザ「Blisk」を使った瞬間、恋に落ちた
それで、「そんなにいいのかな？」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk（ブリスク）とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi
JavaScriptにどのようなビジネス的メリットがあるか｜デロイト トーマツ ウェブサービス株式会社（DWS）公式ブログ
概要 JavaScript Advent Calendar 2015、7日目の記事です。 ここでは、JavaScriptが実現するアーキテクチャには、ビジネス的にどういったメリットがあり、また、それを実現するためにはどのようなスキルが必要なのかを雑にまとめてみる。 SPAによるシームレスなWeb SPAにより、モバイルサイトなどをネイティブアプリに近づけることができる。 まずはじめに、現状の技術では、Webをネイティブアプリ以上の品質に持っていくのは難しいというのを述べておく。しかし、それより少し劣るくらいにはもってゆくことができるし、そしてそれは、つくるサービスにもよるが、通常のWebサイトに比べれば何倍も良いのではないだろうか。 また、Webのデメリットとして、プッシュ通知ができないことや、オフラインで動作しないことがあるが、オフラインキャッシュに関してはService Worker、
Vue 2.0 is Here!
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 for Web」プレビュー公開 マイクロソフトは、プログラマではなくパワーユーザー層がモバイル対応の業務アプリケーションを簡単に開発できるツール「PowerApps Studio」のWebブラウザ版となる「PowerApps Studio for Web」のプレビュー版を公開したと発表しました。 PowerAppsが最初に発表されたのは2015年12月。このときには開発ツールとしてWindows版のデスクトップアプリケーションとして「PowerApps Studio for Windows」が用意されていました。 今回発表された「PowerApps Studio for Web」は、デスクトップアプリケーション不要で、Webブラウザから開発ツールを利用してモバイル対応の業務アプリケーシ
最高にわかるChromeデベロッパーツールの使い方(チートシート付き)
作成：2016/07/11 更新：2017/04/16 Web制作 > 使い方 初めてデベロッパーツールを触る人でも分かるように、簡潔・シンプルに書きました。画像付きのチートシートのようなものですね。今回は初心者の方向けということでChromeデベロッパーツールの入門編。Chromeは最新版です。 エンジニア速報は Twitter の@commteで配信しています。 設定 背景色を黒にする タブの幅を変える エディタ エディタとして使う ローカルファイルのコードを整形する コンソール ログの閲覧・JavaScriptの入力や練習 エレメント 編集 CSS内の画像サイズと大きさを知る カラーフォーマットの変更 Breakpoints / クリックされた時のコードを見つける モバイル 回線速度のエミュレート 通信環境を選択 Androidデバッグ モバイルデバックの実機を増やす ネットワーク
Web開発でもアプリ開発でも使える状態遷移図を自動生成するツールを作りました - Qiita
概要 先日こちらの記事でgraphvizを使って状態遷移図を作成する方法をご紹介したのですが、これでもまだ複雑で記述量も多いのでとっつきづらいと思い、このgraphvizのソースコードを自動生成して画像を出力するコマンドラインアプリケーションを作成しました。 このアプリケーションはPyagram（ぱいあぐらむ）といい、その名前から察しがつくかと思いますがPythonを使用して開発されました。開発期間は１日でした。 このPyagramを使うことで複雑な状態遷移図を比較的簡単に作成することができるようになりますので、以下でご紹介したいと思います。 状態遷移図の描き方についてはこちらの記事を参考にしています。 出来上がりの図は以下のような感じになります。 図には幾つかのオブジェクトがあります。 図のタイトル（最上段） ビュー（二重丸） サーバサイドの処理（灰色の背景の一重丸） 画面遷移（破線の矢
MailChimpを使ってニュースレターのテンプレートを作成する方法（＋ニュースレター始めました）
2017年8月25日 CSS, お知らせ, 便利ツール この度、WebクリエイターボックスではWeb制作関連の情報やWebクリエイターボックスからのお知らせを配信するニュースレターを始めました！その際に利用することにしたMailChimpというニュースレター配信サービスについて紹介します！ ↑私が10年以上利用している会計ソフト！ Webクリエイターボックスのニュースレターに登録する！ もしご興味がありましたら、ぜひご登録くださいね！ ※プライバシーポリシーに基づき、スパムメールを送信したり、メールアドレスを第三者に譲渡・売買などは一切いたしません。 ※Webクリエイターボックスのニュースレターは、どのタイミングであっても配信停止ができます。配信停止を希望する方は、ニュースレターのフッターにある「配信停止」リンクをクリックしてください。 MailChimpとは？ MailChimpは世界中
Atom実践入門、それはエディタの使い方と同時にWeb技術の現在が学べるまったく新しいエディタの本。 - 日々、とんは語る。
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言語で開発中
Mozillaの新型高速ブラウザエンジン「Servo」、初めてのデベロッパープレビューが公開。Rust言語で開発中 Servoは、Rust言語で開発されているブラウザエンジン。HTMLのパース、レンダリング、画像処理、レイアウトといった処理を独立して並列的に実行するなどにより、最近のプロセッサの特長であるマルチコア、SIMD命令、GPUなどを活用し、高速なWebブラウジングを実現しようとしています。 Rust言語もServoのこのコンセプトを支えるための言語といえます。RustもMozillaが開発しており、C言語と同様にOSやデバイスドライバなどのシステム処理の記述に適し、コンパクトなランタイムで高速に実行できる一方で、不正なメモリ操作による障害を起こさないようメモリセーフな言語として設計されています。 しかもマルチスレッドで実行されてもスレッド間でデータ競合などを起こさないスレッドセー
20年前の公開FTPサーバーのよみがえらせ方
「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日に行われたセッション「てくろぐ・せ
登録されるとつらいユーザー名リスト - Qiita
Twitter, GitHub, Qiita などのように root/(username) でユーザーページをルーティングするところが増えてきている. このルーティングを採用し, help などのユーザー名を許可すると, root/help が奪われてしまう. そこで, 登録時に validate で, ある程度排除するのが習わしになっていると思うが, 急に root 直下に置きたいページが増えたときなどに取得されていると悲しいことになる. また, サブドメインを利用するサービスだと, api などをうっかり取られてしまうケースが後を絶たない. http://api.hatenablog.com/ みたいに取られることによる面白みもあるが, おおむねつらい. 実際, twitter では search アカウントが取られていて, TweetDeck では twitter.com/searc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://github.com/Microsoft/api-guidelines/blob/master/Guidelines.md
https://ubiteku.oinker.me/2015/12/22/elixir%E8%A9%A6%E9%A3%B2-1-%E4%BB%8A%E3%80%81%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E8%A8%80%E8%AA%9E%E3%82%92%E9%81%B8%E3%81%B6%E3%81%A8%E3%81%84%E3%81%86%E3%81%93/