オールインワンの万能ドキュメントアプリ「Notion」が日本で正式リリース／基本的な利用は無償。Web、デスクトップ、モバイルに対応
本当は速くならない「Webサイトの表示高速化アンチパターン」10選｜榊原昌彦
ベストプラクティスや「高速化につながる！」と紹介されている記事では、逆効果、もしくは効果があるシチュエーションがあまりに限定的な手法が紹介されていることが多いので、アンチパターンとして紹介します。 本記事は「Webパフォーマンス Advent Calendar 2019」2日目の記事です。 https://qiita.com/advent-calendar/2019/web_performance 本記事はWebパフォーマンス高速化の専門家である株式会社Spelldataの竹洞 陽一郎氏にアドバイスをもらいました。HTTP/2の伝送の画像など一部資料のご提供もいただいております。誠にありがとうございます。 https://spelldata.co.jp/ ほとんどの場合で間違い 1. すべての画像をCSSスプライトその昔、画像をすべて1枚にまとめて、DOMのbackground-image
Web制作フリーランス13年目の経験から
補足しました 2019/1/17 4:05 AMhttps://anond.hatelabo.jp/20190117033500 ブコメやトラバに一部お答えしています ※本文ここから↓ https://anond.hatelabo.jp/20190113133500 元増田へのブコメでも指摘されていたが、ひとくちに「フリーランス」といっても業種、業態、経験、実力、性格などによってその態様は異なる。 そこでひとつのケースとして俺がWeb制作業界でフリーランスとして約１３年間やってきた経験と、そこから得られた知見などを書いてみたい。Webデザイナー、Web系プログラマーには参考になるのではないかと思う。 どういう人間か満員電車やだ遅刻癖あるので会社員向いてない 朝に弱い、生活不規則自分に甘い。問題先送りタイプ。眼の前の楽しそうなことに飛びついて（増田執筆とか）やらなければならないことを後回しに
2018年に話題になったWebサービスまとめ｜男子ハック
今年話題になったWebサービスやアプリを一挙に振り返る年末の恒例企画「2018年に話題になったWebサービスまとめ」。昨年はFinTech系が多い印象でしたが、今年はお金よりも生活や個人の能力の活用(副業など)が多かった印象です。 2018年は「生活」や「個人」に関連したサービスが注目された？今年で8年目にになる「話題になったWebサービスまとめ」。今年話題になったWebサービスを一挙に振り返る恒例企画です。 今年の特徴は、旅や食事といった生活に近いサービスと、個人の活動にフォーカスしたサービスが多かった印象。(2018年に誕生したサービス数というより、2018年全体を通しての個人的な印象) 個人向けでは空いた時間を活用して、自分の能力や時間を活用する系、コミュニティ系、「Travel Now」や「LINEトラベル」といった旅行関連サービス、「タベリー」や「POTLUCK」など食事関連サー
Webサービスを個人で開発して月10万円以上稼いでいる事例まとめ - 仮想化エンジニアの日常
今回は、Webサービスを個人で開発して月10万円以上稼ぐことができている人たちの事例をまとめてみました。会社員としての本業で月10万円（年収にして120万円）の昇給を達成するのは結構大変ですが、個人でWebサービスを開発して月々10万円以上の収益を作る方がやりようによっては簡単なのかも？と思えてくる内容になっています。 Webサービスを個人で開発して収益を上げている事例ってあんまりまとまっていなかったりするので、これからWebサービスを作る上での参考にしようとまとめてみました。 個人で月10万円以上のWebサービスを作っている事例 それでは、Webサービスを個人で開発している人の記事をみていきます。 ゴリゴリ開発しまくるスタイル blog.sesere.net 7年間Webサービスを個人で作り続けた猛者。公開された日に記事を読みましたが、めちゃくちゃWebサービス作りたくなりましたw 王道
Webパフォーマンス虎の巻
Webパフォーマンス向上施策のために、今更ながら超速本1を読んだので、今までの自分の知見と合わせてまとめてみます。 なるべく柔らかく、**改善施策ってまず何をどうすればいいの？**という疑問を持った人に向けて書いています。 ▪️格言 そもそもWebは速い。遅くしているのは我々です。大抵は技術の問題ではなくて、人の問題。 引用元： テクニックではなく、今、本気で取り組むべきWebパフォーマンス （html5jパフォーマンス部 部長 竹洞さん） 心得 パフォーマンス向上に対する施策は大別すると以下の２通り 軽量化 （単純にやりとりするデータ容量を小さくすること） 圧縮 削除 最適化 （その時に最も適している実装・実行をとること） 経路・順番の変更 非同期 もっとも遅くしている原因を探して、それを対策するのが原則。「対効果」が絶対的正義である。手段から入るのは愚策。まず先に原因を知ることが重要。
Google MAPのサイト埋め込み、APIキー必須で有料になる！？ | 初代編集長ブログ―安田英久
Googleマップ（グーグルマップ）をホームページに埋め込みする際、「Maps Embed API」などのプログラムを使っていたら、APIキー必須で新しい料金プランに。ただし、［地図を埋め込む］ボタンで取得したiframeによるものならば、この変更の影響を受けない仕組みになっています。どの方式で埋め込まれているのか、チェックツールで調べてみましょう。 GoogleマップをWebサイトに埋め込んでいる場合、グーグル側の仕様変更により「APIキー」が必須となり、対応しない場合は7月16日から表示されなくなります。ただし、実はすべての埋め込みGoogleマップが対象ではなく、そのままで問題ない場合もあります。 結論としては、次のような切り分けです。 通常のGoogleマップから［地図を埋め込む］でページに設置したマップ ―― そのままで問題なしグーグルの「Static Maps API」「Map
Joel Spolsky氏の新サービス「HyperDev」ベータ公開。アカウント不要、Git不要、サーバ申込不要、OSやミドルウェア不要。超簡単なフルスタックのWebアプリ開発環境 － Publickey
Joel Spolsky氏の新サービス「HyperDev」ベータ公開。アカウント不要、Git不要、サーバ申込不要、OSやミドルウェア不要。超簡単なフルスタックのWebアプリ開発環境 元マイクロソフトのプログラマで、エンジニアのコミュニティStackOverflowを立ち上げたジョエル・スポルスキー（Joel Spolsky）氏が、新サービス「HyperDev」をベータ公開しました。 HyperDevはWebブラウザから使えるWebアプリケーションの統合開発環境です。バックエンドにはNode.jsも立ち上がっています。 スポルスキー氏はHyperDevの特長を次のように説明しています。 アカウント作成不要 Git不要、そのほかのバージョンコントロールも不要 ネームサーバなどの操作不要 ホスティングへの申し込み不要 サーバのプロビジョニング不要 OSやLAMPやNode.jsサーバなどあらゆる
マンガでわかるGit 第一話「Gitってなあに？」 | マンガでわかるWebデザイン
次回以降の流れは？（2016/04/11 0時 追記） マンガでわかるGitの構成は、ざっくり下記の構成を考えています。 最初の一歩： Gitとはなんぞや？ 第一フェーズ： １人で使ってみる 第二フェーズ： 複数人で使ってみる 第三フェーズ： 実務上でのハウツー（応用） これは、まだ私が頭の中で考えているだけの仮段階のものですので、細部はみなさんからのコメント・需要を拝見しながら変更していくと思われます。 ちなみに、はてブコメントで要望の多かった「SVNとGitの違い」 → こちらのマンガ化はやってみたいですね。 #マンガでわかるGit 全体の構成（仮）考えるの楽しい♫ Gitってそもそも何？メリットは？ ↓ 一人でGit😃 ↓ 複数人でGit😃😃 の流れで考えています。 はじめてコミット、チェックアウトしたときの感動といったら！ pic.twitter.com/uyCl1zAxAF
Webサイトを「HTTP」から「HTTPS」へ切り替える際に行う一連の作業をまとめました｜今村だけがよくわかるブログ
Googleが「HTTPS everywhere」を提唱していることなどが影響して、HTTPSで通信できるようにWebサイト全体を独自ドメインに対してSSL/TLSによる暗号化を行い、運用をスタートしている様子がちらほら私の周りには増えてきました。 Google ではさらにもう一歩踏み込んで、数か月前の Google I/O では、「HTTPS everywhere」をウェブで提唱しました。 ユーザーがもっと安全にサイトを閲覧できるよう、すべてのサイト所有者の皆様に HTTP から HTTPS への切り替えをおすすめしたいと考えています。 （Google ウェブマスター向け公式ブログ: HTTPS をランキング シグナルに使用しますより） 私はしばらく動向を伺っていましたが「Webサイト全体をHTTPSへ切り替える流れは今後はより加速すると考えてもいい」と判断をし、このブログも全体をHTT
Flashはなぜその役割を終えたのか
デザイナー/デベロッパー。Fotogramme for Instagram 作者。フリーランサー。ウェブやモバイルアプリのUXディレクション、デザイン、開発を手がけています。 @hiro_kimu emotionale.jp。 Flashという名称が無くなってしまうーー2015年11月末、Flash Professionalのアプリケーション名称を「Adobe Animate CC」に変更するという発表がAdobeからあり、20年に及んだFlashの歴史が転換期を迎えました。「Flashは死んだ」と評されてすでに久しいですが、存在よりも先に名称が消えてしまうことになるとは思わなかった方も多いでしょう。 W3Techsによる調査結果では、2015年12月現在、ウェブサイトでのFlashの採用率は9.6%にまで落ち込んでいます。2011年1月の同調査では28.5%だったことを鑑みると、ウェブに
わたしが知らないスゴ本は、きっとあなたが読んでいる: 画面仕様書を「作らない」リスク
IT Pro の開発ドキュメントの最適化で笑わせていただいた。これ書いた人は画面仕様で酷い目に遭ったことがないんだろう。笑った箇所は次の通り。 画面仕様書をプロトタイプ・アプリケーションで代用する方法がある。Webシステムの場合は，HTMLの作り方を工夫すればプロトタイプで実際の入力手順や画面遷移も確認できるようになる。エンドユーザーにとっても，ドキュメントよりは実際の画面で確認した方が分かりやすいので，手戻りが減る。これは帳票にも同じことが言える。 あのな、HTMLで作る画面なんざ、紙芝居だよ。「ふいんき」をかもし出すだけで、そいつは「仕様」じゃねぇ！ボタン配置や文字色を目の前で変えられるものだから、いつまでたっても顧客は「ちょっとコレ直して」と言ってくるんだよ。気軽に直せるものとお金を頂戴しないと直せないものがあることをギッチリと顧客に理解していただくために、画面仕様書はどうしても必要
次世代Webカンファレンスに参加しました #nextwebconf - YAMAGUCHI::weblog
はじめに こんにちは、Go界のエビスビールです。今日、法政大学外壕校舎で開催された次世代Webカンファレンスに聴衆として参加してきました。 次世代 Web カンファレンス - connpass 以下自分のメモです。 server_perf (10:00-11:00) #405 メモ パフォーマンスの勘所としてクライアント側の変化があると思う @mirakui: スマホのWebとアプリの比率があがってる @xcir: デスクトップからのリクエストは減って、スマホのネイティブアプリでの処理が増えている。APIアクセスが主。 @cubicdaiya: Webからのリクエストが1割もなくて、ほぼネイティブクライアントからのリクエスト。15000qps。 APIリクエストが主になったことによりJSONのやり取りだけの単純なものになったが、リクエスト数は増えた。 高速化しにくい部分をどうパフォーマンス
SORACOMの凄さは第三者が「SIM」を自由に発行・運用できることーーIoT向けモバイル通信PF、ソラコムが提供開始 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
SORACOMの凄さは第三者が「SIM」を自由に発行・運用できることーーIoT向けモバイル通信PF、ソラコムが提供開始 久しぶりに話を聞いて鳥肌が立った、そんなプロダクトが今日、お目見えする。 IoT向けのモバイルデータ通信プラットフォームを提供するソラコムは9月30日、同社プラットフォーム上で提供されるSORACOM AirとSORACOM Beamのサービス開始を発表した。同社はMVNO（仮想移動体通信事業者）としてNTTドコモと契約（L2卸契約）し、同キャリアの基地局を利用したモバイル通信サービスを提供する。 SORACOM Airは従来のMVNO事業者が多額の投資で運用を開始してきたコアネットワーク（パケット交換、回線管理、帯域制御）とサポートシステム（顧客管理や課金）を独自に開発、Amazon Web Services （以下、AWS）のクラウド上に実装したのが特徴。 これによ
「広告とか邪魔だから消すしｗｗｗ」と言いながら無料ではてブを使う馬鹿はゴミとしか言い様がないね - 今日も得る物なしZ
広告ブロックを正当化する「アド割れ厨」たちの話 要約すると「広告消すな」なんだけど、これを見たはてブの馬鹿が発狂。 はてなブックマーク - 広告ブロックを正当化する「アド割れ厨」たちの話 andokun ではこの中で生涯において1秒たりともテレビCMを見逃さなかった人間だけ石を投げなさい Tamemaru すげえな。マジな話「AdBlock解除しないとこのページ見せませんよ攻撃」が可能なので、割れ厨はくんなって思うサイトはどんどん導入すればいいと思うよ。 t-sat 釣りなのか本気なのか本当に分からないが、この増田が釣りだとしても本気でこう思ってる人もいそうだなあ…。/一応言っとくと鍵をかけとけばいいんだよ。 nullpogatt 効いてる効いてる。 logic 広告に限らず色々消してる。スター嫌いなのではてなの通知とか。Twitterも単語単位でミュートするし。スパムを迷惑メール扱いで消
広告ブロックを正当化する「アド割れ厨」たちの話
AdBlockという、Web上の広告を非表示にするツールがある。 はてブほか、このようなアド(＝広告)ブロックツールを喜んで使っているやつらは多い。 しかし、彼らは自分たちが「割れ厨」と同じことをしている自覚が無いのだろうか。 割れ厨とは、漫画・アニメ・ゲームなどのコンテンツやソフトウェアを正当な対価を支払わずに 無料で入手している人たちのことを指すのは御存知の通り。 このワードのポイントは、「正当な対価を支払うことなく」、「無料でコンテンツを取得」しているという点だ。 殆どのアドブロック利用者は、自分の行動が割れ厨の行為と類似していることに無自覚である。 サービスは無料ではない まず、サービスというのは無料で運用できるものではない。 特に、Web上のサービスというものは、サーバ代がかかる以上は必ずお金がかかる。 ただサイトを公開するだけでもコストはかかっているのだ。 つまり、Web上のサ
Webパフォーマンス管理の基本 1 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? #はじめに Webパフォーマンスはパフォーマンスエンジニアリングの1つの分野 Webパフォーマンス管理は、Webサイトの非機能要求の性能や可用性を扱います。 専門用語では、コンピュータの登場と時期を同じくして登場したパフォーマンスエンジニアリングという分野に属します。 パフォーマンスエンジニアリング パフォーマンスエンジニアリングとは、Wikipediaでは以下のように記載されています。 Performance engineering encompasses the techniques applied during a systems
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
StackPath
新ドメイン「.sex」、非アダルト事業者を対象に早い者順で登録受付 
IT業界・エンジニアの転職ならTech Stars Agent
