ブラウザにデータを保存するlocalStorage（ローカルストレージ）の使い方
今回お届けするのは、「localStorage（ローカルストレージ）」について。 HTML5から導入されたAPI、Web Storageの一種で、その仕組みはcookieによく似ています。 Web Storageと一体どのような違いがあるのか、今回はその概要と使い方を見ていきましょう。 ブラウザにデータを保有してどうするの？ cookieもWeb Storageもクライアント側（ブラウザ）にデータを保有する機能ですが、なぜそのような仕組みが登場したのでしょうか？ その答えは、HTTPが「ステートレスな（=状態をもたない）プロトコル」であることに関連しています。少しだけおさらいしてみましょう。 HTTP通信は「リクエストを投げる→レスポンスを返す」の一往復のやりとりで完結します。 全通信のひとつひとつが全く別のリクエストとして扱われるため、例えば再訪問かどうかを判断することは不可能で、同じク
CSSで要素を上下や左右から中央寄せする7つの方法
こんにちは。めぐたんです。 みなさんは「CSSで中央寄せする方法」といえば何が思いつくでしょうか？ 馴染みがあるのは、横方向に対して中央寄せを行うtext-align: center;やmargin: 0 auto;。では縦方向のときは？となると…途端に「なんだっけ」と止まってしまう方もいるかと思います（私です）。 そこでCSSの「中央寄せ」について、レスポンシブWebデザインにも対応しやすい7つの方法をまとめてみました！ 当記事で紹介していく方法はすべて、下記のHTMLを共通して使用していきます。 <div class="outer"> <div class="inner"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolo
オリジナルな404（Not Found）ページの正しい作り方 | 株式会社グランフェアズ
404ページが出るのはこんなとき 削除されたページにアクセスしたとき 間違ったURLを入力したとき 制作段階で何も設定をしていないとき、多くの場合は冒頭の画像のように「エラーが出た」ということしか伝わらないシンプルな画面表示になります。これはユーザが本来見たかったページにたどり着けないまま、諦めて離脱してしまう可能性がとても高い状態です…。 そこで有効になるのがオリジナルな404ページの作成です。 今回は、404ページの作成のポイントや設定方法を見ていきましょう！ オリジナルの404ページを作ってみよう オリジナル404ページ作成に必要なのは、大まかに下記の2ステップです。 404ページを作成 HTTPステータスコードが404のときに作成したページを表示させるよう設定 まずは404ページを静的な1枚のページとして作成するところから始まります。 ちなみに当サイトの404ページはこんな感じ。こ
Gitで差分ファイルを抽出+zipファイル化する方法
こんにちは！長屋です。最近は学生時代からのあだ名、めぐたん が社内でも浸透してきました。笑 入社してから本格的に触るようになったGitにもだいぶ慣れてきた…と言いたいところですが、見慣れないコマンドにはやはり躊躇してしまいます。 今回は私にとってその一例であった差分抽出がテーマです。使うシーンは、例えば「更新したファイルだけを集めてzipファイル化したい」というとき。手作業でひとつずつファイルを集めてくることなく、一発でzipファイルが完成します！ 基本のコマンド まずは差分ファイルを抽出+zipファイル化の基本的な使い方をご紹介します。下記のような状況を想定します。 修正前のデータがリモートのmasterブランチにある 作業用にrevisionブランチを作成し、修正を行ってコミット masterとrevisionブランチ間の差分がほしい こんなときに使うコマンドがこちらです。 $ git
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
