カクヨムでの縦組み表示の実装と、縦書きWebの将来に向けて (builderscon tokyo 2018) - Hatena Developer Blog
こんにちは、Webアプリケーションエンジニアのid:nanto_viです。先日開催されたbuilderscon tokyo 2018において「カクヨムでの縦組み表示の実装と、縦書きWebの将来に向けて」という発表を行いました。Webブラウザ上で、小説を縦組みで読むという機能に関するものです。その発表資料に補足と質疑応答の内容を加えて公開します。 なお、当日は資料を単一のHTMLファイルに切り出して、それをFirefoxで開き200%にズームした画面を映しながらプレゼンテーションしました。 カクヨムでの縦組み表示の実装と、縦書きWebの将来に向けて 自己紹介 nanto_vi (TOYAMA Nao) 株式会社はてな Webアプリケーションエンジニア Perl, TypeScript カクヨム KADOKAWA × はてな による小説投稿サイト 2016年2月正式オープン 縦組み表示 補足
ニートの俺が暇をつぶすために使ってるサイトを紹介する:ハムスター速報
TOP > 話題 > ニートの俺が暇をつぶすために使ってるサイトを紹介する Tweet カテゴリ話題 1 :名無しさん＠おーぷん:2015/09/04(金)21:50:00 ID:xXm お前らマジでニートの苛酷さをなめるなよ 2 :名無しさん＠おーぷん:2015/09/04(金)21:50:31 ID:xXm まずはおーぷん なかなかオールマイティに暇をつぶせる ニートの俺が暇をつぶすために使ってるサイトを紹介するスレ http://hayabusa.open2ch.net/test/read.cgi/news4vip/1441371000/ 3 :名無しさん＠おーぷん:2015/09/04(金)21:50:56 ID:xXm SPAM MUSEUM 割と有名 面白い迷惑メールをまとめてる http://meiwaku.me/ 4 :名無しさん＠おーぷん:2015/09/04(金)21:
マシなインターネットを作る：malaさんインタビュー
こんにちは。今回はmalaさんのインタビューをお届けします。 malaさんはNHN Japanのエンジニアとして多くのウェブサービスの設計に関わるだけでなく、セキュリティやプライバシの観点から見たアーキテクチャについて、ブログでさまざまな情報や問題提起を発信されています。 特に昨年末に公開されたブログ記事「はてな使ったら負けかなと思っている2011」は、インターネットはどこへ行くかという私のもやっとした問題意識にピッタリとハマる素晴らしい文章でした。あの記事を読んで、これはぜひ一度お会いして、インターネットの現状やエンジニアの役割について、お話を聞いてみたい、と思ったのが今回の企画の発端です。未読の方は、まずそちらからどうぞ。 なお、インタビューは三月末に行われました。無職期間中に公開する予定で、ずいぶん時間がかかってしまいました。文中、私の所属する企業の話も出てきますが、例によってここは
ウェブ業界の15年、これからの10年 (Re ウェブアプリケーションサーバを複数台構成とか2010年代には流行らない) - kazuhoのメモ置き場
先のエントリ (ウェブアプリケーションサーバを複数台構成とか2010年代には流行らない) ではボトムアップに煽った書き方をしたけど、自分がトップダウンでどういうふうに捉えているかについて。以下、あくまでも私見です。 いわゆるネット業界は1990年代後半に始まってから15年くらいたったわけだけど、当初はマスメディア（静的コンテンツの配信）が業界の中心だったのが、パーソナライゼーションを経て、コミュニケーションツールへと変化してきた*1。 それにあわせて技術的な面でも分化が進み、今ではデータベースとアプリケーションサーバと httpd っていう三層構成が一般的になっている*2。 そもそも Apache って、モジュールをC言語で a-patchy に書いて動的コンテンツを作れるのが売りだったわけだけど、今じゃコモディティ化を通り越してレガシーソフトウェアの代表格。でもみんなあんまり困ってないの
わずか1分の間にインターネットでは何が起きているのか
「総ツイート数」や「YouTubeに投稿されたビデオの本数」、はたまた「Googleで検索されているワード数」など、わずか1分の間にインターネット上で起きているさまざまな出来事の数字をまとめたインフォグラフィックです。多くのインターネットユーザーにとって利用経験がありそうなウェブサービスを中心にしているので数字が身近に感じられますし、現在におけるインターネット規模の広がりや情報の速さ、量について改めて考える切っ掛けになるのではないでしょうか。 Web Design and Web Application Development Company http://www.go-globe.com/ INFOGRAPHIC: What Happens Online Every 60 Seconds これが「1分の間にインターネットで起きていること」を表したインフォグラフィックです。 Yahoo!
人間のために分かりやすい実用的なURLを設計する方法
URL Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに URLを設計する理由 トップレベルのセクションは重要 URL構造を増強する方法 クエリの文字列 URLにはASCIIを URLは検索エンジンのためにではない URLは合意 全てがURLを持っているべき リンクはリンクらしく 再利用できないURL 素晴らしいURLの例 おわりに はじめに あなたは、URLの構造を設計するのに時間をかけるべきです。この記事を読んだ後で、あなたに一つだけ覚えておいてほしいことは、URLの構造を設計するのに時間をかける、ということです。 URLデザインは簡単ではなく、正しい解決方法があると言うことはできません。しかしそれは、他のデザインと同じです。良いURLデザインがあり、良くないURLデザインがあり、そしてその中間もあります。 しかし、それは素晴らしいURLデザインを作るこ
TechCrunch | Startup and Technology News
Big news today for LumApps, the French startup that has described itself as an “intranet superapp” with a platform for building and provisioning internal communications and apps for workforces. The… Nubank is taking its first tentative steps into the mobile network realm, as the NYSE-traded Brazilian neobank rolls out an eSIM (embedded SIM) service for travelers. The service will give customers ac
ザッカーバーグ氏を救ったソーシャル・ノート - 月明飛錫
雑記 | 03:01 | ハーバード大学の試験で、指定図書を読まず授業にも出席しなかった学生が、困った挙句、ネット上に授業に関する議論スペースを設置。24時間もしないうちに級友たちは協同でノートを作成し、クラスの誰もがテストを優秀な成績で通過できた。その学生の名は、マーク･ザッカーバーグ、フェイスブックの創業者だ。 1.デジタルネイティブが世界を変える今日読んでいた『デジタルネイティブが世界を変える』（ドン・タプスコット著、翔泳社）に、面白いエピソードが紹介されていた。 デジタルネイティブが世界を変える作者: ドン・タプスコット,栗原潔出版社/メーカー: 翔泳社発売日: 2009/05/14メディア: ハードカバー購入: 5人 クリック: 62回この商品を含むブログ (34件) を見る 2004年1月、ハーバード大学の「アウグストゥス時代のローマ」という歴史の授業に一度も出席せず、指定され
InfoQ: HTTPSコネクションの最初の数ミリ秒
ほとんどの人がHTTPSとSSL (Secure Sockets Layer) を結びつけて考えます。SSLは1990年代半ばにNetscape社が開発した仕組みですが、今ではこの事実はあまり正確でないかもしれません。Netscape社が市場のシェアを失うにしたがって、SSLのメンテナンスはインターネット技術タスクフォース(IETF)へ移管されました。Netscape社から移管されて以降の初めてバージョンはTransport Layer Security (TLS)1.0と名付けられ、1999年1月にリリースされました。TLSが使われだして10年も経っているので、純粋な"SSL"のトラフィックを見ることはほとんどありません。 Client Hello TLSはすべてのトラフィックを異なるタイプの"レコード"で包みます。ブラウザが出す先頭のバイト値は16進数表記で0x16 = 22。 これは
canonical属性とは／link rel=”canonical”によるURL正規化タグ——SEOにとって非常に重要な進歩（前編） | Web担当者Forum
canonical（カノニカル）タグは、<link rel="canonical" href="○○">のように使われます。そもそもcanonical属性とは検索エンジンに対してどんな意味を持ったタグなのでしょうか？ 基本情報からSEOで活用すべきシーンなどを事例で紹介します。 ヤフー、グーグル、そしてMSN Live Search（マイクロソフト）は、新しい「URL正規化タグ」をサポートすると発表した。 このタグを使えば、ウェブマスターやサイトオーナーが検索エンジンのインデックス内での重複コンテンツ問題を解消できる（ただし、自サイト内の問題のせいで生じる重複インデックスのみ）。 僕が思うに、これはSEOのベストプラクティスにとって、サイトマップの登場以来最大の変化だと思う。SEOmozでは最新ニュースを届けることより戦略について論じることに重点を置いているから、このブログで検索エンジン関
TechCrunch | Startup and Technology News
Infra.Market, an Indian startup that helps construction and real estate firms procure materials, has raised $50M from MARS Unicorn Fund.
TechCrunch | Startup and Technology News
Welcome to Startups Weekly — Haje‘s weekly recap of everything you can’t miss from the world of startups. Sign up here to get it in your inbox every Friday. Well,…
「時間感覚の欠如や、より優れたマシンの追求」ネット依存症の4基準 | WIRED VISION
「時間感覚の欠如や、より優れたマシンの追求」ネット依存症の4基準 2008年4月 2日 カルチャー コメント： トラックバック (1) sonia zjawinski この記事を読んでいるあなたも、強迫衝動障害かもしれない。 米国精神医学会の機関誌『American Journal of Psychiatry』今月号の論説のなかで、オレゴン州ポートランドの精神科医Jerald Block博士は、インターネットでの度を越えたゲームや性的なものへの執着、電子メールやテキスト・メッセージへの依存などはすべて強迫衝動障害の兆候であり、精神医学診断のための手引書『DSM(Diagnostic and Statistical Manual of Mental Disorders)』(精神障害の診断と統計の手引き)にもこのことを追加すべきだ、と述べている。 Block博士はさらに、上述のさまざまな形態の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3 Minutes Networking