ユーザー体験を向上させるサーバーサイドレンダリングJavaScript — 歴史と利点
この記事は Goodpatch Advent Calendar 2017 — Qiita 22日目の記事です。 Web業界にいる方なら、ここ数年の間で一度は「サーバーサイドレンダリング」という言葉を聞いたことがあるかもしれません。これは一体どのような技術を指しているのでしょうか？ この記事ではその簡単な概要と、実際にプロジェクトに導入して実感した利点と注意点を紹介します。 サーバーサイドレンダリングとは？「サーバーサイドレンダリング」とは一体なんでしょうか？混乱を避けるため厳密な説明は避けますが、少なくとも私たちWebデベロッパーのここ数年の文脈においては、 「(元々ブラウザ上でしか動かなかった)JavaScriptをサーバー内部で実行して、HTMLを生成すること」を指します。 これによって初期表示の際にユーザーが待たされることがなくなるなどのメリットがあります。 また、以下は「サーバーサ
Nuxt.js使ってみた - Qiita
福岡でVR・アプリ開発をやっている株式会社OneSmallStepの@_takeshi_24です。 公開から2年が経ち、この記事の内容も少し古くなってきました。 Nuxt.jsやFirebaseを使って、サーバーレスでWebアプリケーションを開発する手順について、アドベントカレンダー「diffeasyCTO西の24(にし)日連続投稿チャレンジ Advent Calendar 2019」の中で、「Nuxt.jsとFirebaseとCloudFunctionsでWebアプリ開発」シリーズとして、連載していきます。 Nuxt.jsとFirebaseなどを使ってWebアプリケーション開発にチャレンジしたい方、是非Qiitaアカウントかtwitterをフォローしていただき、ツッコミやいいね！お願いします！ Nuxt.jsとは 公式ドキュメントに詳しく書いていますが、Vue.js アプリケーションを構
Clojureと「Simple Made Easy」 - 紙箱
プログラミング言語というのは、その作者が理想とする世界に合うようにデザインされているものだから（みんな信じないかもだけど、Javaですらそうなのですよ）、Clojureのことを理解するには、作者であるRich Hickeyのプログラミング観を知るのが手っ取り早いでしょう。 Rich Hickeyはさまざまなプレゼンテーションを発表していて、多くはネットで見られます。示唆に富んで皮肉も効いてておもしろいので、ファンも多くて、彼の独特の髪型（往年のロック歌手風）からか、「Rich Hickey’s Greatest Hits」というブログ記事もあったりします（プレゼンテーション動画へのリンク集です）。 ただ、彼のプレゼンテーションは難解な英語も出てきて、私のようなリスニング苦手人間には音声だけで聴くのは難しいです。そういう人は国外でも多いからか、有志が書きおこし(transcript)を公開し
【型ってかなり良いんじゃないかなと思った】レガシーをぶっつぶせ。現場でDDD！に参加してみて #genbadeDDD - Qiita
【型ってかなり良いんじゃないかなと思った】レガシーをぶっつぶせ。現場でDDD！に参加してみて #genbadeDDDDDDドメイン駆動設計イベントレポート セミナーを終えて、今後意識しようと思ったこと 新しいことをやるには、まず小さく始める。 ビジネスルール、ビジネス戦略、ドメインオブジェクト、ドメインモデルの4象限を行ったり来たりしてよいドメインモデルを探求してゆく。 ステークホルダーと共通認識を得るための言葉（ユビキタス言語）を育ててゆく。認識が取れずに重大障害になることがあるので、特にビジネスサイドとITサイドでの認識合わせは意味がある。 本文 参加イベント概要はこちら。 今までスクリプト言語ばかり触ってきて、静的型付け言語はJavaを新人研修で少しだけ、って感じだったので、今日の話は目から鱗だった。 静的型付け言語にアレルギーを持っていたけど、一気に払拭された気分だ。 ビジネスに必
「レガシーをぶっつぶせ。現場でDDD！」に参加してきました - 幸運にも致命傷で済みました
genbade-ddd.connpass.com 上記のイベントにブログ枠で参加しまして、そのレポートとなります。 基本的には自分が書きたかったことを書いてるだけですが、特に登壇者のみなさまのフィードバックになれたら嬉しいです。 ソフトウェアの核心にある複雑さに立ち向かう ソフトウェアの核心にある複雑さに立ち向かう from 増田 亨 www.slideshare.net 増田さん（@masuda220）の発表で、何故DDDを使うのか、どんな問題を解決したいのか、その全体観を見事に解説させていらっしゃいました。 スライド資料に要点をよくまとめていらっしゃるので、内容についてはここでは特に触れません。 あの分かりづらいエヴァンス本に書かれている抽象的なコンセプトを、おそらくはあの会場にいるほとんどの人に届くように翻訳できるのは増田さんが長い間実践されてきたからこそだと思います。 エンティティ
JIGの紹介
JSUG勉強会 2019その2 Spring BootベースのDDDサンプル徹底解説！ https://jsug.doorkeeper.jp/events/86655 Mix Leap Study #40 - Spring BootベースのDDDサンプル徹底解説！ https://yahoo-osaka.connpass.com/event/123394/
子どもが不発弾投げて遊ぶ 自衛隊が回収 沖縄 | NHKニュース
沖縄県宜野湾市で先月、小学生と中学生の２人が学校近くの畑で見つけた不発弾を投げたりして遊んでいたことが分かり、通報を受けた自衛隊が回収しました。 先月30日、宜野湾市の小学校の近くの畑で、この学校に通う男子児童と友人の男子中学生が不発弾を見つけました。 警察や学校によりますと、２人は不発弾を用水路の水で洗ったあと、投げたり自転車のかごに入れて運んだりしたということです。 ２人は不発弾を持って友人の家を訪れたところ、その保護者から警察に通報が入り自衛隊によって回収されました。 自衛隊によりますと、不発弾は長さが11.5センチ、重さは640グラムの本物の手りゅう弾で、起爆装置にあたる信管は壊れていたということです。 これを受け、小学校と近くの幼稚園は不発弾のようなものを見つけても触らないよう注意を呼びかけるチラシを児童や園児に配りました。 宜野湾市教育委員会指導課の與那嶺哲課長（55）は「一歩
閉鎖した「サークルK・サンクス」公式サイト、中古ドメインが売られる 入札殺到し6日間で50万円に
ファミリーマートへの統合によって、2018年11月30日に営業を終了したコンビニ「サークルK・サンクス」。営業終了に合わせて公式サイトも閉鎖されたが、そのドメイン「circleksunkus.jp」が、19年6月1日から売りに出されていることが分かった。 同ドメインが売られているのは、GMOインターネットが運営するドメイン登録サイト「お名前.com」のオークションサービス。6月6日午後5時5分現在、69件の入札があり（自動入札含む）、開始価格（6000円）の約83倍となる50万100円の値が付いている。 6日現在、この価格は同サイトに出品されている中古ドメインの中で1位。オークションの終了は6月18日午後7時を予定している。 中古ドメインを取得すると、旧Webサイトの検索エンジン評価や外部サイトからの被リンク数などを引き継げるため、SEO対策で高い効果を発揮する。そのため、アフィリエイトサ
地下鉄脱線事故 置き忘れ防ぐ警告装置オフに | NHKニュース
６日朝、横浜市で市営地下鉄ブルーラインの始発電車がレールに置かれたままになっていた装置に乗り上げ脱線した事故で、当時、現場では装置の置き忘れを防ぐための警告灯やブザーのスイッチが切られていたことがわかりました。市の交通局は作業手順にミスがあったとして詳しい状況を調べています。ブルーラインは今も一部の区間で運転できなくなっています。 横浜市交通局によりますと事故を起こしたのは湘南台発・あざみ野行きの６両編成の上り電車で、前から５両が進行方向の左側に脱線して止まったということです。 車内には乗客およそ120人から130人がいましたが、６日夕方になって肩を打撲したという女性から病院で診察を受けると連絡があったということです。 事故の影響でブルーラインは今も湘南台駅と踊場駅の間で運転できない状態が続いていて、踊場駅とあざみ野駅の間で折り返し運転を行っています。全線での運行再開は早くても今月９日の始
知人の会社の社長がデビルマン好きだったので「実写版デビルマン」を勧めたら一緒に観ることになった話
ルビコニアンふつうマッツラさん @matturasan2 昨日、知人の会社を手伝いに行ってたんですけど、そこの社長がデビルマンが好きだと言う話をしていたので「実写版デビルマン見ましたか？あ、見てない？アレは一見の価値ありですよ。」って言ったら、来週一緒に実写版デビルマンを見ることになりました。 たすけて。 2019-05-31 12:01:04 マッツラ©さん @matturasan2 時々絵を描くおっさんです。妹紅、キルケー、カヨコ、TRPGが好き。アイコンは愛しのツキギさんに描いて頂いたものを使用させて頂いております。 YouTuberだと琵琶ちゃぷ推し。 あと時々えっちな絵を投稿するので未成年はフォローしちゃ駄目です。 https://t.co/lc0UBfN25B
b-05 ピクセルを操作する - Proessing 学習ノート
pixels[] pixels 配列 画面全体またはPImageオブジェクトを1次元の配列として表したもの color型の配列 (x, y)の情報は pixels[y*width + x] で得られる ※下で具体的に解説 loadPixels() pixelsを読み込み updatePixels() pixelsの更新 幅10ピクセル、高さ4ピクセルの画面には、40個の点がある。 左上から図のように、0から39の番号を割り振りふる。これらが pixels 配列のインデックス（番号）と一致する。 幅7ピクエル、高さ4ピクセルの画面には、28個の点がある。 点(5, 2) の情報は pixels[19] で得ることができる。この19という数は2*7+5（y座標*幅+x座標）で得られる。 幅100ピクセル、高さ100ピクセルの画面には、10,000個の点がある。 幅480ピクセル、高さ320ピク
【JS】360°パノラマ写真からCanvasを使って惑星「リトルプラネット」を作る - Qiita
概要 「リトルプラネット(Little Planet）」というのをご存知でしょうか？ こういう写真です。 ドラゴンボールの界王星みたいな感じのやつですね。 最近THETAが普及して、気軽に360°撮影が可能になりSNSで投稿する機会が増えたことから、こういうキレイな写真を見かけたことがある方は多いと思います。 実はこれ、特別な画像変換ソフトウェアを使わなくてもTHETA等で撮った360°パノラマ写真さえあれば、canvasタグとJavaScriptだけで、Little Planetに加工することができます。 もちろんPhotoShopでも加工が可能です。 加工の仕方さえわかってしまえば、様々な場面で応用ができるでしょう。 自分も最初はどういう加工を施せばいいのかわかりませんでしたが、 Webクリエイターボックスさんの以下の記事で、意外に簡単であることがわかり、ブラウザ上で加工・変換すること
ゲーム製作でHTML5-Canvasを勉強するぞ！！ 第6回 - 紫キャ日記
みなさん、極座標というのはご存知ですか。 点の位置はx座標とy座標であらわすことが多いと思いますが、これは直交座標です。 これに対し極座標と言うのは原点からの方向（角度）と距離で位置を表します。 ゲームでの使いどころとしては、シューティングゲームの弾の移動増分などですかね。 極座標であれば、移動速度（距離）を一定にしていろいろな方向（角度）に動かすことが簡単になります。 今回はあえて違うことに使います。 Canvasでは画像は直交座標で扱われていますが、これをx座標は角度、y座標は距離という風に置き換えて描画します。 そうすると面白い絵がかけます。 なんとなく3Dに見えませんか？ 実はこれをやりたいがために、今回のゲームを作り始めました(^^ ただ、このままだと距離の増加が一定なので、より3Dっぽく見せるにちょっと細工する必要があります。 さて、Canvasでどうやって極座標に変換するかで
b-07 ピクセルを操作する - Processing 学習ノート
pixels[] pixels 配列 画面全体またはPImageオブジェクトを1次元の配列として表したもの color型の配列 (x, y)の情報は pixels[y*width + x] で得られる ※下で具体的に解説 loadPixels() pixelsを読み込み updatePixels() pixelsの更新 幅10ピクセル、高さ4ピクセルの画面には、40個の点がある。 左上から図のように、0から39の番号を割り振りふる。これらが pixels 配列のインデックス（番号）と一致する。 幅7ピクエル、高さ4ピクセルの画面には、28個の点がある。 点(5, 2) の情報は pixels[19] で得ることができる。この19という数は2*7+5（y座標*幅+x座標）で得られる。 幅100ピクセル、高さ100ピクセルの画面には、10,000個の点がある。 幅480ピクセル、高さ320ピク
“水滴を手でつかめる” 微小プラスチックで新発想の容器開発 | NHKニュース
水に、ごく細かいプラスチックのプレートをまぶすことで、手でつかんだり、自在に形を変えたりできるようにする新しい発想の容器を大阪工業大学などの研究チームが開発しました。 すると、表面張力によって隣り合うプレートどうしがきっちりとくっついて中の水を包み込み、直径４ミリ程度までの水滴なら手に取ったり、形を変えたりしても、水がこぼれ出すことはありませんでした。 またプレートをまぶした水滴どうしはつなぎ合わせることも可能で、実験では１メートル70センチまで伸ばすことができたということです。 藤井教授によりますと、この技術を使って、水を使った実験の際にその場で形を整えて、試験管代わりにするなど研究現場での活用が期待されるということです。 藤井教授は「大きな水滴を安定させることができたときは私たち自身も驚いた。なぜ安定させられるのか、メカニズムはさらに研究していきたい」と話しています。
１０年以上医療機関受診せず ネット環境もなし 引きこもり相当長期か 川崎１９人殺傷 - 産経ニュース
川崎市多摩区で私立カリタス小の児童ら１９人が殺傷された事件で、岩崎隆一容疑者（５１）＝犯行後に自殺＝が、１０年以上にわたり医療機関を受診した形跡がないことが３１日、捜査関係者への取材で分かった。また、自室にはゲーム機などはあったが、インターネットに接続する環境はなかったことも判明。神奈川県警多摩署捜査本部は、引きこもり生活が相当な長期間に及んでいたとみて動機の解明などを急いでいる。 捜査関係者によると、岩崎容疑者は保険証は所持していたが、１０年以上に渡り通院した形跡はなかったという。交友関係も確認されず、世間と断絶した生活を長期間継続していたとみられる。 自室にはテレビやゲーム機などはあったが、スマートフォンやパソコンなどの電子通信機器は所持していなかった。また、インターネットに接続する環境自体がないことも判明、外部との通信をしていなかったとみられる。 一方、岩崎容疑者は伯父夫婦と同居して
宇野博幸 on Twitter: "@np_ama @aa79koushi 法律家の感覚のズレ。典型的なのが推定無罪、疑わしきは罰せず、疑わしきは被告人の利益にと言った理論を絶対正義と思い込み。証拠がほんの少し足らなくて黙秘否認している被告人が無罪や不起訴になったら… https://t.co/y9sXuNCcnI"
@np_ama @aa79koushi 法律家の感覚のズレ。典型的なのが推定無罪、疑わしきは罰せず、疑わしきは被告人の利益にと言った理論を絶対正義と思い込み。証拠がほんの少し足らなくて黙秘否認している被告人が無罪や不起訴になったら… https://t.co/y9sXuNCcnI
福岡多重事故、事故車はプリウスではなかった デマ情報拡散するネット社会（47NEWS） - Yahoo!ニュース
福岡市で４日、高齢者が運転する自動車が暴走する事故が起きた。小島吉正さん（８１）が運転する車が交差点に猛スピードで突入、他の車と次々と衝突、小島さんと同乗の妻節子さん（７６）の２人が死亡したほか、通行人や関係車両に乗っていた人らが負傷した。 高齢者による暴走事故が相次いでいることから、事故はネットの世界でも反響を呼び、事故を起こした小島さんの車がトヨタ自動車のハイブリッド車（ＨＶ）プリウスであるという情報が一時拡散、「また高齢者が運転するプリウスによる事故か」などのコメントが相次いだものの、実際にはトヨタの別のワゴン車だったことが判明した。根拠のないまま確認されていない情報が出回り、あたかも事実であるかのように広がるネット社会の危うさが改めて浮き彫りになった形だ。 事故を起こした車がプリウスだとの話は、事故から時間がたっておらず比較的、情報が乏しい昨日夜の段階でネットの投稿で出回った。「高
福岡逆走事故 死亡の男性ドライバー 免許返納を知人に相談 | NHKニュース
４日夜、福岡市早良区で80代の男性が運転する車が猛スピードで逆走して交差点に突っ込み、男性と同乗していた妻の２人が死亡、７人がけがをした事故で、死亡した男性が先月、運転免許の返納について知人に相談していたことがわかりました。警察は詳しい状況や事故の原因を調べています。 警察は５日午前、事故を起こした車や、衝突に巻き込まれるなどした車の損傷した箇所などを詳しく調べて捜査を進めています。 小島さんの知人によりますと先月、本人から東京 池袋で高齢者の運転する車が歩行者などを次々にはねる事故を起こしたことなどを受けて、免許を返納するべきか相談を持ちかけられていたということです。 事故を起こした車は数百メートルにわたって猛スピードで逆走していたということで、警察は詳しい状況や事故の原因を調べています。 死亡した小島吉正さんとつきあいのあった77歳の男性は「小島さんは地域の自治会の役員をしていて、毎朝
News Up 子どもが座っちゃダメですか？ | NHKニュース
今月２日の日曜日ーー ４歳の娘と外出先から帰宅する途中、新宿駅始発の電車に乗ったときのことです。 優先席が空いていたので娘を座らせ、私はその前に立ちました。 ほどなく発車の合図とともに電車が動き出すと、「ガタン」という反動で、椅子に座っていても娘の体が進行方向と逆側に倒れそうになりました。 娘は４歳になったばかり。まだ不安定な体を気遣っての行動ではありましたが、その後、家族や同僚と議論になりました。 幼い子どもを優先席に座らせることは許されるのでしょうか。調べてみることにしました。（ネットワーク報道部記者 伊藤竜也 大窪奈緒子 玉木香代子） そのとき車内は、すべての座席に人が座り、ドア付近にカップルや家族連れが立つ程度の混み具合でした。 電車は、次の駅に停車。そのとき、お年寄りの女性が乗ってきて、優先席の私の隣に立ちました。 《あなたは娘に席を譲らせないのですか？》 女性が明らかに強い視線
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SimpleとEasyは違う / Simple is not Easy
News Up ある無給医の死 | NHKニュース
Kino Circus [1942]