コーポレートサイトを誰にも気づかれず静的化したときの技術選択について - Hatena Developer Blog
こんにちは〜。チーフエンジニアのid:cockscombです。 最近、同僚のid:yashigani_wとともに、はてなのコーポレートサイトを静的サイトとして再構築しました。ちょっとした仕事ではありますが、経験によって得られた暗黙知を形式知へ昇華するため、ここに紹介します。 はてなのコーポレートサイトとは サイトを静的化するメリット どのようにサイトの静的化を進めたか 1. 静的ファイルをNext.jsで生成 2. 運用を自動化したい 3. ホスティングサービスを選択する 4. 動的なコンテンツを表示する リリースと振り返り ホスティングサービスに関する補足 はてなのコーポレートサイトとは 弊社のコーポレートサイトは一般的なそれと同様に、株式会社としての「はてな」に関心を持っていただいた方々とコミュニケーションするための窓口です。会社情報を提供したり、あるいはプレスリリースなどの情報を公開
マルチカーソルを使わないVSCodeはただのVSCodeだ！〜解説編〜 - memo.md
先日投稿した以下のエントリで、「使い方がわからない」という意見を多く頂いた。 mugi1.hateblo.jp マルチカーソル自体の操作方法は調べれば出てくるし、事例だけ紹介しとけばええやろ、と思っていたのだが、いきなり応用のサンプルを貼りすぎてわけがわからなかったらしい。申し訳ない。 せっかくなので、基礎から含め、どういったキー入力で上記のような操作を実現しているのかを紹介したいと思う。 🔥実践！マルチカーソル / 入門編 なおmac環境です。Windowsやその他環境の方は気合で調べてください。 また、言い訳臭くて申し訳ないが、私は普段はSublime Text Keymap and Settings Importerを使っており、SublimeTextっぽいキーバインドに変えて編集している。 一旦無効にしたうえでVSCodeデフォルトの状態で一通り調べて書いたつもりだが、もし違って
Google流 JavaScript におけるクラス定義の実現方法
目次 2019年追記 はじめに クラス実現のために必要な JavaScript の言語仕様 function this call new 演算子 prototype チェーン プロパティ: prototype Google Closure 流のクラスの実現方法の概要 クラスの宣言とコンストラクタの定義 メンバ変数 (インスタンス変数) メソッド定義と呼び出し private, protected 継承 プロトタイプチェーンを利用してメソッドを親クラスから引き継ぐ 親クラスのコンストラクタの呼び出し メソッドオーバーライドと親クラスのメソッドの呼び出し 多重継承 abstract, interface inherits の実際のコード 良くないクラス実現方法 ES6 のクラス 2019年追記 この記事ではclassが導入されたES6以前のJavaScriptでどのようにクラスに相当するものを
副作用フックの利用法 – React
この記事は古くなっており、今後更新されません。新しい React 日本語ドキュメントである ja.react.dev をご利用ください。 以下の新しいドキュメントで最新の React の使い方がライブサンプル付きで学べます。 エフェクトを使って同期を行う エフェクトは必要ないかもしれない useEffect フック (hook) は React 16.8 で追加された新機能です。state などの React の機能を、クラスを書かずに使えるようになります。 副作用 (effect) フック により、関数コンポーネント内で副作用を実行することができるようになります： import React, { useState, useEffect } from 'react'; function Example() { const [count, setCount] = useState(0); /
自己愛性パーソナリティ障害 - Wikipedia
人より優れていると信じている 権力、成功、自己の魅力について空想を巡らす 業績や才能を誇張する 絶え間ない賛美と称賛を期待する 自分は特別であると信じており、その信念に従って行動する 人の感情や感覚を認識しそこなう 人が自分のアイデアや計画に従うことを期待する 人を利用する 劣っていると感じた人々に高慢な態度をとる 嫉妬されていると思い込む 他人を嫉妬する 多くの人間関係においてトラブルが見られる 非現実的な目標を定める 容易に傷つき、拒否されたと感じる 脆く崩れやすい自尊心を抱えている 感傷的にならず、冷淡な人物であるように見える これらの症状に加え、自己愛性パーソナリティ障害の人物は傲慢さを示し、優越性を誇示し、権力を求め続ける傾向がある。彼らは称賛を強く求めるが、他方で他者に対する共感能力は欠けている[7]。一般にこれらの性質は、強力な劣等感および決して愛されないという感覚に対する防
開発環境をDockerに乗せる方法とメリットを3ステップで学ぶチュートリアル - Qiita
この記事の対象 Dockerを使ったことがない。もしくは、触ってみたけどよくわからない Webアプリの開発中に「MySQLを起動しわすれていた」とか「nodeのバージョン違った」で悩まされている人 背景 Dockerの事例は増えてきたけど、なかなか手を出しづらい人も多いんじゃないだろうか。 個人的に、ここ数ヶ月でいろいろとDockerの構成を試しているので、それをふまえて開発環境でのDockerの使い方を解説しようというのがこの記事の目的。 Dockerでnginx＋node.jsのSPA構成を試す React SSR＋WordPress REST APIをDocker Composeで試す RailsのToDoアプリチュートリアル（on Docker） productionでのDocker活用となると、触る機会も限られてくるし、気軽に試せるものじゃない。そこで今回は、Dockerのポータ
Webサービスの作り方をプログラミング初心者が勉強した記録記事
近年、よりプログラミング言語習得の注目度が上昇しています。 インターネット上でプログラミングが学べるサービスも多数登場していますが、いざ勉強を始めてみると難しいと感じたり、興味はあるけれど敷居が高いと感じてしまうこともあります。 今回は、未経験者や経験の浅い著者がプログラミングを学んだ成果を記録している記事をご紹介します。 プログラミングをこれから学習する方にとって参考になる内容となっていますので、ぜひ目を通してみてください。 未経験者がWebサービスの作り方を学んで成果を記録した記事 1.ノンプログラマーが3ヶ月でWebサービスを作ってみた｜Qiita http://qiita.com/tabbyz/items/6513e84f319843c316d5 プログラミング関連の知識を記録、共有するサービスQiita内の記事です。 ノンプログラマーで趣味でたまにプログラミングをする程度という筆
Node.jsとはなにか？なぜみんな使っているのか？ - Qiita
この記事は 「JavaScriptの勉強してたらみんなNode.jsの存在を前提に話が進む。でもNode.jsってWebサーバじゃないの？ なんでインストールしなきゃいけないの？ なんでみんな使ってるの？」 といった疑問を解消することを目的としています。 基礎：JavaScriptの特徴 まずはJavaScriptと他のプログラミング言語の違いを知っておく必要があるので解説します。 JavaScriptはChromeやFirefoxといった「ブラウザ上」で動作するプログラミング言語です。 対してPythonやRubyのような一般的なプログラミング言語は通常「パソコン上」で動作します。1 このことが生み出す違いは、OSの機能にアクセスできるかどうかです。 「OSの機能」とは例えばファイルの読み書きや、ネットワーク通信などの機能のことです。 パソコン上で動作するアプリケーション（Pythonや
基礎から学ぶNode.js 記事一覧 | gihyo.jp
第7回Node.jsアプリケーションをWindow Azureで動かす 高橋俊光 2012-11-27
いまさら聞けない！npmのこれだけは知っておきたい基礎知識
いまや Webフロントエンド開発に欠かせなくなったNode.js。併せて使うことが多いnpmの使い方を基礎から学びましょう。 Node.jsは、サーバーでJavaScriptアプリケーションが書けます。V8 JavaScriptランタイムで動作し、C++で書かれているため高速です。当初、アプリケーションにサーバー環境を提供する目的でしたが、ローカル環境のタスク自動化ツールとしても利用されています。Grunt、Gulp、WebpackなどのNode.jsをベースにしたツールによる新たなエコシステムは進化を続け、フロントエンド開発の形を変えるまでに至りました。 Node.jsのツールやパッケージインストールしたり管理したりする方法を、Node.jsのパッケージマネージャーであるnpmが担っています。npmには必要なパッケージをインストールするほか、パッケージを扱うための便利なインターフェイスが
Facebookの「いいね！」「シェア」の違いを徹底解剖！ : (旧)ガイアックスソーシャルメディア ラボのブログ
皆さんはFacebookの「いいね！」と「シェア」の違いは分かりますか？ それぞれの波及先は分かりますか？ 今回は基本に戻って、Facebookの「いいね！」と「シェア」の詳細な説明をします。最後のほうではFacebookページの「いいね！」についてや「いいね！ログ」なども少し紹介したいと思います。 では最後までお付き合い下さい！ Facebookはわかってしまえば難しくない！ FacebookはMixiやGREEなどの日本のSNSに比べるとちょっと難しい、という印象を持っている方も多いと思います。 まずクセモノなのが「いいね！」と「シェア」。これがFacebookがここまで広がった最大の特徴でもあり、Facebookをわかりにくくしている原因でもあると思います。 この記事を読んで「いいね！」と「シェア」の仕組みを理解し、より気持ちよくFacebookを利用出来るようになっていただきたいと
迷える全ての日本人に捧ぐ！Facebookが絶対楽しくなる１０のポイント！ | Apr.Foolism
後からもできるが、最初の時点で自分のメールアカウントに登録されているFacebookユーザーの検索ができる。これが先々iPhoneと合体する予定のものである。 これも後でできるが今やってしまおう。先にも述べたが、個人的には本名推奨。そして離ればなれになって連絡がとれない友人や職場の元同僚などが見つかりやすいように、そしてソーシャルネットワーキングのキモである人と人のつながりを促すために、各項目しっかり記入する。ちなみに、特定のネットワークのグループに参加する為には、この学校の登録などがのちのち必用になる。 ここでは写真をアップロードする。 これも絶対ではないが、自分の顔写真をアップロードすることが世界的に見れば当然のこととなっている。アドレス帳に写真を入れるの、と考えれば至極当たり前である。 繰り返すが絶対ではない。 これで最初の設定は完了である。するとこのような画面に移る。が、先ほど既に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
