タグ

webに関するpart_northwesternのブックマーク (12)

  • 「爆速すぎて笑う」 表示速度が“異常な”Webサイト「dev.to」 その仕組みは

    「爆速すぎて笑う」「速すぎて逆に不安になるレベル」――「dev.to」という米国のWebサイトの表示速度が異常に速いと、ネット上で話題だ。なぜ速いのか、サイト創設者のベン・ハルパーンさんがサイト内の記事で説明している。 2016年にオープンしたdev.toは、プログラマーが情報を交換したり、議論したりできるコミュニティーサイト。トップページにはユーザーが投稿したブログ記事のタイトルやコメントが、SNSのタイムラインのように並んでいる。このトップページの表示にかかる時間、各記事をクリックしたときのページ遷移が“一瞬”なのだ。 なぜ速いのか。ハルパーンさんが17年2月に投稿したブログ記事によれば、米Fastlyが提供するCDN(Content Delivery Network)を活用している。CDNは世界中にキャッシュサーバを分散配置し、ユーザーごとに最も(ネットワーク的に)近いサーバにキャッ

    「爆速すぎて笑う」 表示速度が“異常な”Webサイト「dev.to」 その仕組みは
    part_northwestern
    part_northwestern 2017/11/16
    とても興味深いですね
  • 簡単にガントチャートとかクラス図とか書けるやつ - Qiita

    mermaidは、Web上で簡単にフローチャートやシーケンス図などのUMLが描けるライブラリです。 d3.jsの機能特化型というかんじで、d3ほど様々なことはできませんが、そのかわりに対応してる図形なら非常に簡単に描くことが可能です。 なお、ヘルプはGitGraphやクラス図が載ってないなど未完成で、いまいち頼れません。 ごたくはいい、実物を見せろ こんなかんじ →支払い忘れてサーバが死んだので代替(誰かが書いたやつに勝手にリンク) できること 以下の図が描ける。 ・フローチャート ・シーケンス図 ・ガントチャート ・クラス図 ・gitグラフ 最後だけ異質だ。 インストール CDNを使えばいいだけだが、自分のところに置きたい場合はyarnで引っ張ってこれる。 <!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" hre

    簡単にガントチャートとかクラス図とか書けるやつ - Qiita
  • フロントエンド開発の基本知識(2017年夏) - Qiita

    10年ぶりくらいに Web 開発に再デビューしなくてはならなくなった筆者が見た、現代のフロントエンド開発の基知識についてまとめます。フレームワークを使ったシングルページアプリケーション開発が対象です。若干の不正確には目をつむってズバリ言い切るスタイルで書いていきます。 Node.js 現代のフロントエンド開発には Node.js を使います。フロントエンド開発を強力にサポートするいくつものツールが Node.js で実装されているからです。 Web 開発で言語処理系というと、Ruby on Rails のような Web アプリケーションフレームワークを思い浮かべるかもしれません。もちろん Node.js にもそのようなフレームワークはいくつも存在しますが、フロントエンド開発で使うツールはそれとは全然関係ありません。 これらのツールを使うことによって解決するのは、以下のような要望です :

    フロントエンド開発の基本知識(2017年夏) - Qiita
    part_northwestern
    part_northwestern 2017/07/12
    基礎は大事ですよね
  • 新垣結衣が可愛いすぎ!一人称視点のスマホ向け動画「 #金曜日の新垣さん 」が悶絶する|男子ハック

    Webサイト新垣結衣が可愛いすぎ!一人称視点のスマホ向け動画「 #金曜日の新垣さん 」が悶絶する2017年7月7日179 トヨタの新型「ノア」のCMに出演中の新垣結衣さん。テレビCMも放送が開始され、その可愛さに毎日癒される人が続出しています。そんなトヨタから7日、スマートフォン向けのWeb限定コンテンツ「 #金曜日の新垣さん 」が公開されています。可愛すぎる。 一人称視点で撮影された新垣結衣が最高としか言えない【ノア】#金曜日の新垣さん 七夕篇 - YouTubeトヨタの新型「ノア」のCMに出演中の新垣結衣さんですが、トヨタがWeb限定のスマートフォン向けコンテンツとして「#金曜日の新垣さん」を公開しています。 「#金曜日の新垣さん」はスマホで全画面で見ることを推奨。動画は新垣結衣さんの夫役視点(一人称視点)で撮影されており、新垣結衣さんとの夫婦の掛け合いを擬似体験することができます。

    新垣結衣が可愛いすぎ!一人称視点のスマホ向け動画「 #金曜日の新垣さん 」が悶絶する|男子ハック
  • ある文系プログラマがテックリードを任されるまでに学んだこと ── 最前線で生き延びる4つの戦略 - エンジニアHub|若手Webエンジニアのキャリアを考える!

    ある文系プログラマがテックリードを任されるまでに学んだこと ── 最前線で生き延びる4つの戦略 コンピュータサイエンスの専門教育を受けず、20代半ばで格的なプログラミングを始めた文系エンジニアが、いかに学び、考え、生き延びてきたのかを伝えます。 こんにちは。白山(@fushiroyama)と申します。現在は新聞社のデジタル事業部署で、モバイルアプリ開発のテックリードをしています。 自分のエンジニア人生を振り返ると、これまでの道のりは決して平坦ではありませんでした。コンピュータサイエンスの専門教育を受けず、格的にプログラミングを始めた年齢も23、4歳と決して早くありません。 そんな自分が、いかにして開発チームのリーダーを任せてもらえるまでになったか? 考えてみると、次の4つの戦略で生き延びてきたようです。 自分だけの居場所を見つける 必要な知識を効率的に取捨選択する 他のエンジニアに差を

    ある文系プログラマがテックリードを任されるまでに学んだこと ── 最前線で生き延びる4つの戦略 - エンジニアHub|若手Webエンジニアのキャリアを考える!
  • CASH|目の前のアイテムが キャッシュに変わる

    いつもCASHをご利用いただき、ありがとうございます。 この度は、勝手ながらCASHをサービス終了させていただくことになりました。 アプリからの引き出し申請は停止しておりますが、2024年11月2日までキャッシュ残高の引き出しを受け付けております。 引き出しをご希望の方はコチラからお問合せください。

    CASH|目の前のアイテムが キャッシュに変わる
  • スピード感のために品質を落とすということはチームの成長を諦めるということ - ネットの海の片隅で

    サービスを開発していると、スピードが重視される。 そのこと自体にはまったく問題はなくて正当なことだと思っている。 ユーザーに対して一刻も早く価値を届けるためには必要なことだ。 そもそも、自分がいる Web 界隈ではこの点について異論のあるサービス開発者はあまりいないんじゃないかと思っている。 ただ、それを達成するための方法になると途端に意見が分かれはじめて、人によって重視することが全然違ってくる。 ある人は「スピード感が大事」と言い、ある人は「ちゃんと作ったほうがトータルでは速い」と主張する。 しかし、こういうときに意識される品質と速度についてのトレードオフは、実際には完全なトレードオフではないと思っている。 技術力のある人はある程度急いで作ったとしても一定以上の品質のコードを書くし、意図的に品質を落としたとしても速度はあまり上がらない。 逆に、技術力が高くない人が時間をかけて作ったとして

    スピード感のために品質を落とすということはチームの成長を諦めるということ - ネットの海の片隅で
  • レスポンシブWebデザインのための2つのCSSテンプレート

    最近では、Webデザイナーとして仕事をしていく上でレスポンシブ対応は必須のスキルになってきています。 スマホの普及率も高まっているので、今後も必要とされるスキルでしょう。 もちろんですが、レスポンシブ対応がきちっとできるだけで仕事の単価も上がります。 CSSのテンプレートを知る Webデザインの勉強を始めたばかりの時は、レスポンシブというと何か魔法のように聞こえることもあることでしょう。 とにかく耳にする機会は多いし、できたほうがいいという気はするんだけど、なかなか手をつけられない。 難しそうというイメージがかなりあるんですね。 ただ、実はレスポンシブ対応とはいってもCSSのメディアクエリというものを使って、1つのページについて3ページ分のCSSを書いているみたいなものなのです。 つまり、CSSが普通に書けるようになってしまえばレスポンシブだろうとあまり関係ないわけです。 簡単にメディアク

    レスポンシブWebデザインのための2つのCSSテンプレート
  • ゼルダ新作は2D、3D…に続く「第三の波」をゲーム史にもたらすか? ゲームデザインの徹底分析で浮かぶ任天堂の“新境地”【寄稿:元任天堂・岡本基氏】

    稿の執筆者、エンタースフィア代表・岡基氏が元々任天堂のスタッフであったことは、古くからのネットユーザーには知る人も多いかもしれない。 さて、そんな氏に今回寄稿をお願いしたのは、ゼルダ新作『ゼルダの伝説 ブレス オブ ザ ワイルド』がらみのTwitter発言に編集部が興味を持ったのがキッカケ。さっそくプレイ記事の寄稿を打診したところ1週間後に届いたのは、Webメディアのコラムとしては常識ハズレの分量の大大大長文(!)。しかし今回のゼルダの歴史的意義を雄弁に語った論考であるとして、一挙掲載をすることに決めた。 稿の1ページ目は、歴史的視座の分析。元任天堂スタッフとしての視点も交えつつ、この20年における世界のゲーム動向から見たゼルダ新作の意義を把握する。そして2ページ目は、詳細なレベルデザインの分析にもとづく、ゲームデザインの新規性の把握。昨今隆盛の「オープンワールド」はその通過点にすぎ

    ゼルダ新作は2D、3D…に続く「第三の波」をゲーム史にもたらすか? ゲームデザインの徹底分析で浮かぶ任天堂の“新境地”【寄稿:元任天堂・岡本基氏】
    part_northwestern
    part_northwestern 2017/04/06
    たのしみですね
  • ディー・エヌ・エー まとめ記事サイト停止で38億円損失 | NHKニュース

    大手IT企業のディー・エヌ・エーは、根拠が不明確な記事を載せていた「まとめ記事サイト」の運営を停止したことから、このサイトを手がけていた子会社の価値を見直し、38億円の損失を計上しました。 これによって広告収入が見込めなくなったとして、ディー・エヌ・エーは、サイトを運営していた子会社の価値を見直した結果、ことし3月期の決算で38億円の損失を計上したと発表しました。 一方、去年4月から12月まで9か月間のグループ全体の決算は、プロ野球、DeNAベイスターズの入場者数が増加し、スポーツ事業が好調だったことなどから、売り上げと最終的な利益ともに、前の年の同じ時期を上回る増収増益となりました。

  • Vimperatorの思い出とVivaldiへの期待 - mizchi's blog

    ※はじめに これは Vimp やめて Vivaldi 使おうぜとアジる記事ではない。最近何書いてもアジってると誤解されるの困る。 思い出 僕のプログラマになるきっかけの一つに、2008年頃にリナカフェに遊びに行った時に @mashiro にVimperatorを勧められたのがある(人はおぼえてないかもしれない)。当時の僕は大学に入ったばかり。Firefoxは使っていたが、プログラミングは多少興味あるけど、難しそうだなぁ、程度の認識で、もちろんVimなんか使ったことがなかった。 初期設定はその場で教えてもらって、あとは家に帰って調べた。最初は、とりあえず便利なショートカットキーを提供してくれて、QuickSilverライクな絞込UI(今だとMacのSpotlightもそうなんだろうが、当時はQuickSilverというMacアプリぐらいしか似たようなものがなかった、気がする)を持つインター

    Vimperatorの思い出とVivaldiへの期待 - mizchi's blog
  • Google Fonts + Japanese • Google Fonts + 日本語

    Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma

    Google Fonts + Japanese • Google Fonts + 日本語
  • 1