次ページや共通ファイルを先読みさせて体感速度を向上 [ホームページ作成] All About
ウェブページによっては、「次に表示されるページ」が事前に分かっていたり、「後から読み込まれる可能性の高いファイル」が事前に分かっていることがあります。それらのファイルを事前に読み込ませる(＝先読みさせる)ことができれば、読み込みの待ち時間が減り、表示の体感速度を速くできます。 ■次に表示される可能性の高いページとは 当サイト(All About)には、複数のページで構成されている記事が多数あります。今「1ページ目」を閲覧している読者は、次に「2ページ目」へ進む可能性が高いでしょう。その場合、「閲覧者が1ページ目を読んでいる間」に「次の2ページ目を先読み(プリレンダリング)」しておけば、次のページを表示する待ち時間を短縮できます。 ■後で必要になる可能性の高いファイルとは 「トップページ」と「奥のページ」とでデザインが異なるサイトがよくあります。この場合、「トップページ」用のCSSや画像と、
![次ページや共通ファイルを先読みさせて体感速度を向上 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/dd8cb36707d0e8135deed364c99ca3044e764f34/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F5%2F3%2F8%2F4%2F4%2Ftopimg_original.jpg)
アイコンWebフォント Font Awesome 5 の簡単な使い方 [ホームページ作成] All About
Font Awesomeとは？ Font Awesomeとは、CSSのWebフォント機能を使うことで数千種類のアイコンをテキスト(文字)として表示可能にしたアイコンセットのことです。単なるアイコン画像集とは異なり、あくまでも文字としてアイコンを表示できる絵文字フォントなので、自身のウェブページ上に自由なサイズ＆好きな色で、簡単に様々なアイコンを表示できるメリットがあります。 今回は、豊富な絵文字が詰まったアイコンフォント Font Awesome 5を、自身のウェブサイトで簡単に使う方法をご紹介いたします。とても短いHTMLソースを書くだけで望みのアイコンを掲載でき、CSSを使って自由自在に装飾できます。ぜひ試してみて下さい！ 【本記事の目次】 概要：豊富なアイコンセット Font Awesome 5のバージョンと仕様 概要：Webフォントの仕組みと利点 準備：Font Awesome 5
![アイコンWebフォント Font Awesome 5 の簡単な使い方 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/3bfe467d28b574e3204d076e187c1fcfa85c7b3a/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F0%2F2%2F5%2F5%2F1%2Ftopimg_original.png)
SQLiteManagerの設定～テーブルの作成 [データベース] All About
SQLiteManagerの設定～テーブルの作成SQLiteManagerの設定～テーブルの作成まで解説します。 SQLiteManagerはPHPを利用したSQLiteの管理ツールです。 WEBブラウザ上で簡単にSQLiteの運用管理をおこなうことができます。 この記事ではSQLiteManagerの設定～テーブルの作成まで解説します。 ■SQLiteManagerの設定～テーブルの作成 1. SQLiteの設定の確認 SQLiteの設定がまだ行われていない場合は PHP5でSQLiteを使用するための設定手順を参照してSQLiteの設定をおこなってください。 2. SQLiteManagerのダウンロード SQLiteManagerのダウンロードよりSQLiteManager-1.2.0.zipをダウンロードします。 3. SQLiteManagerの設定 SQLiteManager-
![SQLiteManagerの設定～テーブルの作成 [データベース] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
CSSのnth-childやnth-of-typeで表の縦(列)を一括装飾 [ホームページ作成] All About
表の列(縦方向)を一括装飾したい HTMLで作った表を装飾したいとき、行(横方向)単位だけでなく列(縦方向)単位で一括装飾したい場合があります。例えば下図の赤丸で示したように数値を掲載している列では、列全体を右寄せで表示したいでしょう。また、特定の列だけを強調したい場合には、縦方向に一括して背景色を加えたい場合もあるでしょう。 表の列をグループ化するcolgroup要素はあるが…… HTMLには、列をグループ化するためのcolgroup要素が用意されています。しかし、colgroup要素を使ってグループ化した列に対してCSSを適用する方法では、使える装飾の種類に制限があります。例えば、文字の表示位置の調整(センタリングや右寄せなど)はできません。しかも、装飾だけが目的なのにHTMLソースの編集も必要になってしまうため、作業が面倒です。 CSSだけで表の列を一括装飾する方法がある 表の列(縦
![CSSのnth-childやnth-of-typeで表の縦(列)を一括装飾 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/295eab3cc084e582820c15389455da67b677e600/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F4%2F0%2F5%2F3%2F4%2Ftopimg_large.jpg)
JavaScriptでパスワード認証を設定！ 簡単な閲覧制限 [ホームページ作成] All About
パスワードを入力しないとアクセスできない秘密のウェブページを作りたい場合、いくつかの方法があります。例えば、ウェブサーバのBasic認証(基本認証)機能を利用したり、パスワードの入力を求めるCGIを作成して使ったりする方法があるでしょう。 しかし、個人サイトなどでは「そこまで強固な認証機能は要らないので、複雑なことはせず、とにかく簡単にアクセス制限を設定したい」という場合もあるでしょう。そのような場合は、JavaScriptでパスワードの入力を求める手軽な認証方法を使ってみてはいかがでしょうか。 完全ではない(脆弱な)代わりに、簡単に作れるJavaScriptでの認証機能 JavaScriptを使ったパスワード認証は「なんちゃって認証」とでも呼べばよいか、完全なアクセス制限にはなりません。URLを直接指定すれば誰でも閲覧可能なため、認証後のURLがバレるだけでパスワードを入力せずにアクセス
![JavaScriptでパスワード認証を設定！ 簡単な閲覧制限 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/27168062d62fd642c89c3b39df8a055b9e28d8b8/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F8%2F3%2F9%2Ftopimg_original.png)
ゲームはダウンロード版よりも現物を買った方がお得 [ネットオークション] All About
今ではほとんどの子どもが持っているであろうゲーム機。ニンテンドーDSやニンテンドー3DS、プレイステーション・ポータブルなど種類はありますが、どれも本体だけあっても何もできずゲームソフトが必要なのは同じです。なので、誕生日やクリスマス、お正月などイベントがあるとゲームソフトをねだられる親はたくさんいると思います。私もそんな親のひとりなわけですが、飽きてしまうゲームは売るのが我が家のスタンダード。ただ、売るに売れないケースがあり、それを私自身が経験したので今回記事にしたいと思います。 ダウンロード版を買ったのはいいけれど…… 先月はクリスマスということで、息子がニンテンドー3DSのゲームを買いました。昔はカセットと呼ばれる、今でいうパッケージ版だけでしたが、わざわざ買いに行かなくても手に入るダウンロード版もあり、息子は後者の方で購入しました。発売間もなかったので、お値段も6,000円以上です
![ゲームはダウンロード版よりも現物を買った方がお得 [ネットオークション] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f9c224397f7cc7bccbf1104806bcb2810207b31/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F6%2F1%2F5%2F7%2F7%2F201601121058%2Ftopimg_original.jpg)
AndroidのFragmentを利用してUIを制御する [Androidアプリのプログラミング] All About
FragmentはActivityと同様に、ライフサイクルがあります。FragmentとActivityのクラスは非常に似た性質を持っていますので、すでにActivityのみで開発してしまっているアプリでも、Fragmentに簡単に移行させることもできます。 それでは今回はFragmentがどのように動くのかを簡易なおみくじを開発しながら見て行きましょう。 Fragmentのクラスを利用する Fragmentの生成は、静的な方法と動的な方法があります。今回は静的な方法をご紹介いたします。動的な方法についてはこちらを参考にしてください（動的な方法では予めViewを用意して、それをFragmentに置き換える、という方法をとります）。 まず、Fragmentを継承したクラスを用意します。 public class OmikujiFragment extends Fragment{ @Overr
![AndroidのFragmentを利用してUIを制御する [Androidアプリのプログラミング] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/87d75d7d05ffc23c4548c17b9a6523676d446fb1/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F3%2F9%2F4%2F6%2F4%2Ftopimg_large.png)
薬をお茶・ジュースで飲んだ場合の効果は？お酒は厳禁 [薬] All About
薬をお茶・ジュースで飲んだ場合の効果は？お酒は厳禁【薬剤師が解説】薬は絶対に水で飲まなければため？ 薬を飲むときにお茶しかなかったり、薬の味が苦手でジュースで飲んでいたり……。緑茶やウーロン茶などのお茶や、牛乳と薬の飲み合わせの可否、グレープフルーツジュースとアレルギー薬のアレグラ、その他絶対にしてはいけないお酒での服薬について、詳しく解説します。 Q：外出先でお薬を飲もうとしましたが、手元にお茶しかありませんでした。そのときは仕方なくお茶で飲んでしまいましたが、お茶で飲むのはよくないと聞きます……。お茶ではダメなのでしょうか？ また、水がない場合、水なしで飲んでもいいのでしょうか？ A：普通の緑茶やウーロン茶なら問題ありません。以前は、一部の薬の成分（鉄剤）がお茶のタンニンと反応してしまい、吸収されづらくなると言われてましたが、今は特に影響がないと考えられています。 しかし、水なしで薬を
![薬をお茶・ジュースで飲んだ場合の効果は？お酒は厳禁 [薬] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/c0e005481b9101d02a4d0a687dfa3285966f0547/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F0%2F3%2F0%2F5%2F9%2F201704131222%2Ftopimg_original.jpg)
まだ間に合う！ イカしたモテる夏男カラダを作る｜All About（オールアバウト）
まだ間に合う！ イカしたモテる夏男カラダを作る 露出が増える夏に向け、メタボ腹やだらしなくゆるんだ体を鍛えましょう。自宅で簡単にできる筋トレのエクササイズを集めました。
エクセルの図形を配置する3つのテク 整列・グリッド・固定 [エクセル（Excel）の使い方] All About
エクセルの図形を配置する3つのテク 整列・グリッド・固定エクセルのワークシート上に作成した複数の図形を、効率的に配置するテクニックを紹介しています。「複数の図形を左揃えや等間隔、真ん中などに整列する」「枠線に合わせて配置（グリッド）する」「図形の配置を固定する」という3つの方法を解説。作業の効率化と時間短縮に、ぜひご活用ください。 エクセルの図形を配置する3つのテク ワークシート上に作成した複数の図形。その配置をひとつひとつ目測でそろえるのは意外と面倒なもので、手間と時間ばかりかかってしまいます。そこで、この記事では、図形を効率的に配置する3つのテクニックを紹介します。紹介するテクニックによって効率的に作業を進めることができるので、作業時間の短縮にもなりますし、スッキリと整列した図形は見た目も美しくなります。資料は美しさも大切です。ぜひ活用してください。 図形を手早く正確に整列するテクニッ
![エクセルの図形を配置する3つのテク 整列・グリッド・固定 [エクセル（Excel）の使い方] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/f9594e9fb6c4958c433250624c5c81e333218083/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F9%2F7%2F8%2F3%2F8%2F201706271159%2Ftopimg_original.gif)
Vistaでユーザーフォルダを移動する方法 [Windowsの使い方] All About
Vistaでユーザーフォルダを移動する方法[ドキュメント]などのユーザーフォルダを別ドライブに移動すると、数々のメリットがあります（Vista、XP）。 <Index> Vista と XP のユーザーフォルダの違い Windows Vistaでの操作 [ピクチャ]および[ミュージック]の移動 [ビデオ]の移動 Windows Vistaの標準設定では、ユーザーが作成あるいは収集したデータはCドライブにある[ドキュメント]、[ミュージック]、[ピクチャ]などのユーザーフォルダに保管されます。 これらのフォルダを別ドライブに移動すると、Windows Vistaが起動されるハードディスクに余裕ができて、システムの高速化が期待できます。 また、Windows Vistaを再インストールする際に、ユーザーフォルダをバックアップする手間が省けるなど数々のメリットがあります。 ただし、ユーザーフォル
なぜ、積みゲーをするのか [ゲーム業界ニュース] All About
なぜ、積みゲーをするのかゲームを買ったのにゲームを遊ばない、そうやって遊ばれないままたまるゲームを積みゲーといいます。なぜ、遊ばないのにゲームを買う人がいるのでしょうか？ その理由はゲームの価値と深く関わりがあります。 とても消化できるはずのない量のゲームを持っているにも関わらず、なぜまたゲームを買ってしまうのでしょうか？折角ゲームを買ったのに遊ばない人がいます。そんな変なことする人いるの？ と思われるでしょうか。確かにちょっと変かもしれません、それに少数派だとは思いますが、でも、そんな人がいるんですね。この、ゲームを買ったのに遊ばないで放置しておくことを積みゲーといいます。おそらくは遊ばれないゲームがどんどん積み重なっていく様から積みゲーと呼ばれるのだと思われます。 なんで積みゲーが起こるのかと言えば、当然ゲームをやる時間がないからですが、じゃあどうしてゲームをやる時間がないのにゲームを
国産のフラッシュ作成ソフト「Suzuka」 [Flash] All About
国産のフラッシュ作成ソフト「Suzuka」Flash作成ができる国産のフリーソフト「Suzuka」をご紹介します。フリーでここまでフラッシュ作成ができるのは、驚きです！ フリーソフトでフラッシュは作れませんか？ フラッシュ作成ソフトと言えばAdobe Flashと言っても過言ではありません。確かに高機能でフラッシュを作るには便利なのですが、実はフリーソフトでもフラッシュを作ることができます。このコーナーでは世界中に存在するフリーのフラッシュ作成ソフトを中心に、フラッシュ作成ソフトやフラッシュを利用するためにあると便利なツールを実際の使用感、機能紹介をしていこうと思います。 フリーのフラッシュ作成ソフトは世界中探すとかなりの数が存在しています。しかし、多くは外国語版しかなかったり、アニメーションのみ対応だったり、これからフラッシュを勉強していく方には機能が少なかったりと、使いこなすのが難しい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
自炊サク飯派必見！ 1品で済む丼もの簡単レシピ18選｜All About（オールアバウト）
重ねるだけじゃない！ 白菜×豚肉のおすすめレシピ10選｜All About（オールアバウト）
jQueryのセレクタ 可視フィルタ
2/2 jQueryのAjaxリクエスト 12 [Javascript] All About
炊飯器で作るたこ焼きレシピ！簡単に作る巨大アレンジ [毎日のお助けレシピ] All About