[B! web] syo-sa19820615のブックマーク

とりあえずWebサービス作る時の私の技術選定ポイント@2022/02

はじめに inspired mogaさんのブラウザで動くサービスを作るときの技術選定が素晴らしい記事だったので、自分も書いてみる事にしました。幸いにも技術選定からのお仕事をする機会が多くて、自分の中でパターンが大体決まってきているので言語化してみます。前提が同じサービスは無いので絶対的な正解は無いですが、なんかしらの参考になれば幸いです。 ※2022/02時点私/よくあるお仕事について Web系のサービスなんかいい感じにするマンとして、フリーランスとして働いています。準委任という形でスタートアップ企業をお手伝いする事が多いです。 MVPを作りたい、もしくはMVPは行けたのでちゃんと作り直したい、という要望があって参画して、まるっと作ってそのまま運用をします。作って終わりではなくて、運用や拡張性を考えてやってます︵サービスに必要なのはもちろん、運用する自分が楽だから︶。前提エンジニ

syo-sa19820615 2022/02/13

リンク

配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」

リンク www.ncd-ri.co.jp イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所日本カラーデザイン研究所はオリジナルのカラーシステム﹁HUE&TONEシステム﹂やイメージ分析システム﹁イメージスケール﹂を開発、発展させてきました。 62 users かたおか＠LP専門Webデザイナー / 著者 @kataokadesign ﹁Webデザインを学び始めたばかりで配色がうまく決められない﹂という悩みがあるなら、日本カラーデザイン研究所のイメージスケールを活用すると良いでしょう。各キーワードに関連する配色が体系化されているので、配色で大失敗する可能性はひとまず減らすことができます。 ncd-ri.co.jp/about/image_sy… pic.twitter.com/QTfzBpQ2EL 2020-1

syo-sa19820615 2021/07/15

リンク

Webブラウザの作り方 - Qiita

この記事は何？ほとんどタイトル通りです。順番に読み進めていけば簡単なWebページが表示できるレベルのWebブラウザを作ることができるように執筆していく予定です。またアルゴリズムだけをなるべくわかり易く解説していきたいので、記事内で紹介するコードは誰でも読める程度の擬似コードです。自分で実装したい方は、面倒かもしれませんがそれぞれの言語に翻訳してください。必要な知識としては: HTML/CSSが困らない程度に読めるやる気これだけです。 (あとこれはただの宣伝ですが、個人的にWeb ブラウザを作ってるので(http://github.com/maekawatoshiki/naglfar) スターをつけてもらえると喜びます) いろいろとパースする Webページは基本的にHTMLで書かれていますね。あとCSSも。 HTMLもCSSもそのままではただの文字列であって扱いづらいので、パー

syo-sa19820615 2018/05/14

興味深い

リンク

プロバイダー協会「全く知らなかった」海賊版サイトへのアクセス遮断めぐって緊急シンポジウム

漫画・アニメの海賊版サイトへのアクセス遮断を推奨する決定を政府が出したことを受けて、緊急シンポジウムが4月18日、都内で開かれた。政府は13日、「漫画村」「AniTube! 」「MioMio」という3つの海賊版サイトに対して、アクセス遮断をインターネット事業者（プロバイダー）が自主的に実施することを促す決定をした。これを受けて、コンテンツ文化研究会が主催。プロバイダー団体の担当者や弁護士らが討論した。

syo-sa19820615 2018/04/19

幾らなんでも「全く知らなかった」とか、控えめに言って今まで何やってたの？としか…

リンク

知っているようで知らないWebサーバアーキテクチャ

第６回ゲームサーバ勉強会用資料です。 Webの技術の根幹となるHTTPやTCP/IPを軽くおさらいしたあと、マルチプロセス、マルチスレッド、イベント駆動といったサーバアーキテクチャについて解析し、さらにイベント駆動を実現するための非ブロッキングI/OとI/Oの多重化について解説します。

syo-sa19820615 2017/05/22

HTTP
web

リンク

Webアプリケーションで 60fpsを(極力)目指す

KMC 春合宿2017で発表したトークです。

syo-sa19820615 2017/03/23

リンク

Webプログラマと数学の接点、その入り口

フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発

syo-sa19820615 2016/10/05

リンク

Effective web performance tuning for smartphone

第三回DeNAゲーム開発勉強会の資料です。 https://atnd.org/events/59594

syo-sa19820615 2016/06/06

リンク

WEB+DB PRESS Vol.88 Webフロントエンド最前線「スムーズなUIを実現するレンダリング速度の改善ノウハウ」 - 1000ch.net

WEB+DB PRESS Vol.88 Webフロントエンド最前線﹁スムーズなUIを実現するレンダリング速度の改善ノウハウ﹂﹁Webフロントエンド最前線﹂という連載を担当させてもらっているWEB+DB PRESS Vol.88が8月22日に発売されます。連載8回目は、スムーズなWeb体験を実現するためのレンダリングのパフォーマンスについて。大事な大事なレンダリングパフォーマンス普段から描画パフォーマンスを意識して開発している人は、そこまで多くはないでしょう。しかし、Webを見ている時にスクロールの引っ掛かりを感じたり、画面のガタつきにイラッとした体験は誰しもあるのではないでしょうか。前回のネットワークパフォーマンスと同様にスムーズなWeb体験もサービスの価値を左右します。これは@ahomuさんがHTML5 ConferenceでセッションしたWeb Frontend Renderi

syo-sa19820615 2016/02/24

web+db
web

リンク

SPAがネイティブアプリをぶっ壊す：HTML5/Javascriptが変えるWebの未来 - Qiita

はじめにタイトルは半分釣りですが、半分本気で考えてもいます。近い将来、Webアプリが今のネイティブアプリの市場を超えてくる、と仮説を立てています。ぜひ、先人のみなさんのご意見やお考えを教えてください。 SPAについて SPAとはなにか︵What︶歴史佐川夫美雄さんのイベントレポートの一部が、非常にまとまっていてわかりやすい部分でしたので、まず引用させていただくこととします。 RIAはアプリケーション利用者に対し高い評価を得ましたが、2010年のAppleショックにより衰退の方向へ向かいます。具体的には2010年にSteve JobsがFlashを激しく批判したことに端を発します。プロプライエタリ(Proprietary Software)なFlashよりオープン性のあるHTML5を推進するようになりました。2011年にはMicrosoftがWeb開発者に対してSilverligh

syo-sa19820615 2015/08/21

webもネイティブも作るものによって一長一短なのになぜ「webはネイティブを超える」みたいなことを言い出す人が多いのか理解できない。あと、webもOSや端末毎の対応がつらい。

web
spa

リンク

「HTTP/2」がついに登場！開発者が知っておきたい通信の仕組み・新機能・導入方法

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

syo-sa19820615 2015/06/23

リンク

第1回　Webの「速さ」について考える | gihyo.jp

はじめにスマートフォンの流行、ソーシャルの活発化が進む中で、Webは単にPVを求めるのみならず、ユーザのエンゲージメントを掴みとるUXが求められるようになりました。特に注目すべきはモバイル。デスクトップ主流の時代より制限が強くなったネットワーク、狭いスクリーン、そしてマウスやキーボードはどこにもありません。ちょっとしたことで、ユーザは「待つ」という行為を強いられるでしょう。インターネットの情報は日々増え続け、モバイルでいつでもつながれる以上、それをどのような形でユーザへ届けるのかが、競合との勝負に勝つカギとなってきます。「⁠待つ」という行為は、人の集中を発散させ、気持ちを別の関心事へと吸い寄せてしまいます。たとえ欲しいと思う情報がそのWebサイトにあったとしても、「⁠待つ」という行動が伴っただけで、簡単に諦めさせてしまいます。他のもっと楽しいことに、時間を使おうとしてしまいます。で

syo-sa19820615 2015/06/19

リンク

1,000のサーバでも監視できるnode.js製死活チェッカー·uptime MOONGIFT

uptimeはnode.jsで作られたWebサーバ死活チェッカーです。 Webサーバがきちんと正常に動き続けているかどうか一番簡単にチェックするのは定期的にアクセスしてレスポンスタイムを見ることです。そんなWebサービスの死活チェックに使えるのがuptimeです。サーバを立ち上げました。最初に監視するWebサーバを設定します。 URLと監視する間隔を指定するくらいです。監視を開始しました。グラフは自動更新されないのでご注意ください。イベントがあればこちらに出力されます。グラフではなく一覧で結果を確認できます。徐々にグラフが更新されていきます。 uptimeは1000以上のWebサーバを一括で監視できるパフォーマンスを持っています。またダウンしている際にはWebアラートを表示できます。エラーがあった際にはHTTPステータスやその内容を記録してくれます。サーバはタグを使ってグループ管

syo-sa19820615 2012/04/24

node.js
web

リンク

オシャレエロサイトをリリースして、10万PV/日を捌くためにやったこと - 彼女からは、おいちゃんと呼ばれています

syo-sa19820615 2012/04/11

リンク

「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント

☆ご注意☆ この記事は 2011年5月29日に書いたものです。情報が古い可能性がありますのでご注意ください。今も素人にちょびっっっとだけ毛が生えた程度ですが、少しだけわかるようになりました。毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、﹁んーーーなんかこのへん素人っぽいね﹂と言われた事があります。素人っぽい。。。？？？(゜д゜) そのときは何だろう、どんなのが素人っぽいんだろうとわかりませんでした。就職はできたものの、技術は完全ど素人なので。今も素人にちょびっっっとだけ毛が生えた程度ですが、少しだけわかるようになりました。﹁素人っぽい﹂の意味が。毎日、たっくさんのWebサイトを見ますが、プロのデザイナーが作ったと思われる、構成もデザインもしっかりしたサイトもあれば、お店の人が一生懸命手作りしてそうなサイ

syo-sa19820615 2011/05/31

リンク

Perl好きの女性Webエンジニア二人がIBM DB2を試してみた - はてなニュース

Webアプリケーション開発に欠かせないデータベース管理システム︵RDBMS︶。オープンソースの製品が広く利用される昨今ですが、無償で利用できる商用のRDBMSもあります。そんな製品の一つがIBMの﹁DB2﹂です。歴史が長く、実績はたくさんあります。そうはいっても使ったことない！どんなもんだか試したい！そう思った一人が、フリーランスのWebエンジニア女子、id:acotieさんでした。普段から開催している勉強会の番外編として、同じくWebエンジニア女子のid:aomushi510さんを呼び、無償で利用できる﹁DB2 Express-C﹂に触れてみることに。記事の終わりにはプレゼントのお知らせもあります。︵※この記事は日本アイ・ビー・エム提供によるPR記事です。︶このたびの東日本大震災で被災された皆さまに心よりお見舞い申し上げます。皆さまの安全と一刻も早い復旧と復興を心からお祈り申し上

syo-sa19820615 2011/05/26

リンク

WebプログラマのためのIPv6入門（1/2）－＠IT

IPv4アドレス枯渇の日を前に WebプログラマのためのIPv6入門おがわあきみち 2011/1/31 IPv4アドレスが枯渇の日を迎えます。この記事では、これまでこの問題にあまり縁のなかったWebプログラマ向けに、IPv4アドレス枯渇とIPv6移行にともない生じる課題について説明します。迫るIPv4枯渇の日間もなく、IPv4アドレスが枯渇の日を迎えようとしています。これまで拡大を続けてきたインターネットも、1つの節目を迎えます。 IPv4アドレス枯渇とIPv6への移行は、ネットワークとしてのインターネットに直接関わっているインフラ系エンジニアには非常に身近な話題でしょう。しかし、その他のIT系エンジニアにとっては、あまり実感が持てない問題だと思います。そこで今回は、Webプログラマの皆さん向けに、IPv4アドレス枯渇とIPv6への移行とは何なのか、どんな課題が生じるのかを紹介し

syo-sa19820615 2011/01/31

リンク

5分で分かる PHP を知らない人が PHP の便利さを学べる記事を書いたよ

PHP を知らない人に PHP の話して欲しいと言われたのでブログ書きました。難しい話は抜きにして PHP <?php と ?> で囲えば動きます。PHP が動くサーバーなら今まで作ってた example.html というファイルの拡張子を example.php とすれば良いだけです。

syo-sa19820615 2010/12/30

PHPを知らない人というか、非プログラマ向けだと思った。

リンク

JDK6のHttpServerで簡単なWebサーバーを作る - きしだのHatena

日付があしただけど気にするな。 (今は11/23) JDK6にHTTPサーバークラスが用意されてるということで、これを使って静的ファイル専用の簡単なWebサーバー作ってみました。 package webserver; import com.sun.net.httpserver.HttpExchange; import com.sun.net.httpserver.HttpHa ndler; import com.sun.net.httpserver.HttpServer; import java.io.File; import java.io.FileInputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream; import java.io.PrintWrit