Apache Cordovaで本格スマホアプリに挑戦しよう
ハイブリッドアプリというものを知っていますか？ Windows 10 Mobile搭載のスマートフォンも発売されはじめ、AndroidとiOS、Windows Phoneなど複数の環境で動作するアプリが必須になりつつあります。この問題を解決する方法として、ハイブリッドアプリの需要が高まっています。そこで本記事では、ハイブリッドアプリのフレームワークとしてよく利用されているApache Cordovaを紹介します。 対象読者 JavaScript開発者 Androidアプリ開発者 iOSアプリ開発者 Windowsアプリ開発者 ハイブリッドアプリって何？ ハイブリッドアプリとは何か、という定義は厳密には定まっていません。スマートフォンアプリの業界内でいえば、Cordovaなどを用い、Web技術で開発した通常のアプリを示します。 どうして、Web技術を用いて通常のアプリが作れるかといえば、スマ
ファイアフォックスＦｉｒｅｆｏｘ最近閉じたタブ・ウィンドウの履歴を”削除” - 上記の方法はありますか？プライバシー情報の削除等による全... - Yahoo!知恵袋
ファイアフォックス Ｆｉｒｅｆｏｘ 最近閉じたタブ・ウィンドウの履歴を”削除” 上記の方法はありますか？ プライバシー情報の削除等による全ての削除は回避したいです。 上記の 最近閉じたタブ ウィンドウのみの削除を行う方法がありましたら、ご回答のほど宜しくお願いします。 ”履歴（Ｓ）”を押すと、 ”最近閉じたタブ ▶” ”最近閉じたウィンドウ ▶” があるかと思いますが、普通の履歴ではなく 上記２つの機能に表示される履歴の削除方法が知りたいと思っています。 ”すべての履歴を表示”から削除し、ブラウザを再起動しても残っています。
PC上でPS4/PS4 Proのゲームをプレイ！リモートプレイマニュアル
契約事務手数料3300円無料キャンペーン実施中！1GBプランは月額770円、5GBプランは月額990円から利用可能！ドコモ回線/au回線/ソフトバンク回線が選べるSIMカード/eSIMどちらも契約可能基本データ容量で選ぶ｢マイピタ｣、通信速度で選ぶ｢マイそく｣が選べる※SIMカード発行手数料/eSIMプロファイル発行料440円は必要 ※お試し200MBコース、マイそくスーパーライトを申し込みの場合は適用対象外 はじめにPS4とPCとインターネット環境があるならば、リモートプレイでPS4の場合は｢解像度 高(720p)｣、PS4 Proの場合は｢解像度 最高(1080p)、｢フレームレート 高｣に設定して遊んでみることをオススメします！最高設定で快適に動くかどうか一発で分かります！ モンハンもリモートプレイできますが、環境によっては遅延がひどいかもしれません。無線LANだと映像が飛ぶ、接続が
WOFFコンバータ
TrueTypeフォント、OpenTypeフォントからWebフォントであるWOFF、WOFF2を作成します。WOFF、WOFF2からフォントに戻すこともできます。 Windows版 Mac版 概要 フォントとWOFF、WOFF2の相互変換を行うソフトです。 WOFFはWeb Open Font Formatの略で、Webフォントの1形式です。 変換元のフォントとしては、TrueTypeフォント（拡張子 .ttf）、OpenTypeフォント（拡張子.otf）、Windowsにおけるフォントにリンクする形式の外字ファイル（拡張子.tte、.ote）を指定できます。 WOFFの作成と同時にEOT（Embedded OpenType）ファイルを作成することもできます。ただし、Windos版で作成したEOTファイルは圧縮されていますが、Mac版では圧縮されていません。 WOFF、WOFF2をTrue
サブセットフォントメーカー
Windows版 Mac版 概要 フォントから指定された文字列だけを取り出して、ファイルサイズを小さくしたフォントを作成するソフトです。 変換元のフォントとしては、TrueTypeフォント（拡張子 .ttf、.ttc）、OpenTypeフォント（拡張子.otf、.ttc）を指定できます。 変換後のフォントをWOFFコンバータでWOFF（Web Open Font Format）に変換すればさらにファイルサイズを小さくできますので合わせてご利用ください。 商用利用可能です。 本製品はフリーソフトです。 本ソフトはサポート対象外ですので、予めご了承ください。 注意事項 あくまでもWeb用のフォントを作成するためのソフトで、作成したフォントをパソコンにインストールして使うことは考慮していません。 フォントが、ヒント(OpenTypeフォントの場合)、カーニング情報、ビットマップデータ、OpenT
Noto Sans CJK JP フォントをダウンロードしてサイトに適用する手順 - Qiita
CSSの埋め込み方まで詳細に説明している所がなかったのでまとめてみました。 デモプレビュー 書き出しサンプル + デモデータ 一式 1. フォントダウンロード 2. アプリインストール サブセットフォントメーカー WOFFコンバータ OTF → WOFF + EOT WOFF → TTF http://opentype.jp/woffconv.htm 3. サブセット化 サブセットフォントメーカーを使用してフォントをサブセット化しファイルサイズを削減します。 以下、アスキー文字 + 非漢字文字 + 第1水準漢字でサブセット化すると 16MB→700KB 位になります アスキー文字 !”#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~¡¢£¤¥¦§¨©ª«¬
PS4リモートプレイのラグ(遅延)を失くすor少なくする高速化方法
恐らくこれが最も効果の高い設定方法です。 ご使用のリモートプレイを行う端末で、高フレームレートという、ちょっとした設定することで、標準の設定に比べてラグも大幅に軽減されます。 フレームレートを上げるだけの設定ですが、なぜかラグまでも軽減されます。 普通はフレームレートを低くすると通信量も軽くなりラグが減りそうですが、逆に高く設定することで通信の品質が上がるのか、ラグも減って映像もスムーズになります。 が、当然データの通信量も上がるので安定した通信環境が必要となります。 ただしフレームレートを上げるにはちょっとした設定を変更する必要があるので、下記のそれぞれの端末の設定方法をご覧ください
理解しておきたい、CSSによるインラインレイアウトの仕組み（vertical-align編その2）Inline Layout─Frontrend Conference
理解しておきたい、CSSによるインラインレイアウトの仕組み（vertical-align編その2）Inline Layout─Frontrend Conference 高津戸壮（株式会社ピクセルグリッド） この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事（全4回）として書き起こしたものです。今回は第3回目です。 vertical-alignごとのアイコンの揃え位置 前回に引き続き、vertical-alignの利用方法について解説していきます。今回はまず、文頭に置いたアイコン画像を、vertical-alignを用いて位置調節する方法から見ていきます。 以下の様なHTMLがあったとします。
テキストの縦方向の中央揃えについて - Qiita
ボックス要素の中にテキストが入る場合、縦方向の中央に揃えたいときがあると思います。 その場合どのように配置しているでしょうか。 インライン要素の場合は「vertical-align: middle;」を使えば中央に揃えことができるのですが、 pタグのようなボックス要素の中にテキストを入れたい場合、 うまいこと配置できないことがあり、 今回は、縦方向の中央揃えについて調べてみました。
CSSでのパーセント指定まとめ
(サーバーやドメイン代払っているのに、一年以上ぶりのエントリーという・・・) 一応、プログラマと自称している自分ですが、仕事ではむしろCSSを書くことのほうが多かったりします。 で、CSSを扱っていてときどきよくわからなくなるのが、CSSで出てくるパーセント(パーセンテージ)はいったい何を基準としたものなのかと。 だいたい想定とあってはいるのですが、たまに想定外の動きをすることも。 というわけでまとめてみました。 色系 RGB値 説明：色をRGB表記で指定する 範囲：0～100 指定方法：rgb(R%, G%, B%) 例：color:rgb(50%, 10%, 30%) 参考：スタイルシート［CSS］/CSSの基本/CSSの色指定 – TAG index Webサイト “color”や”background-color”などの色の指定のプロパティで利用する。 それぞれ左から赤、緑、青の値
CSS3アニメーションに挑戦！色が移り変わる背景を実装しよう | Webクリエイターボックス
2021年12月6日 CSS フラットデザインが流行ってからは、背景を一色で塗りつぶしたデザインのサイトが多くなりました。しかしそれだけではなんだか味気ない！という事で、CSS3のアニメーションを使って、徐々に色を変化させてみましょう！色の組み合わせや順番を調整して、パッと目を引くデザインに！ ↑私が10年以上利用している会計ソフト！ Themifyではホームのファーストビューでビビッドな色を少しずつ変えながら表示しています。今回目指すのはこんな感じの背景です。このサイトではJavaScriptにより色の移り変わりを実装しているようですが、CSS3のキーフレームアニメーションだけでも表現できます！ CSS3 キーフレームアニメーションの基本 まずは要素を徐々に変化させるアニメーションについて覚えていきましょう！CSS3の animation プロパティでは、キーフレームを設定して細かい動き
CSSの content プロパティーを使いこなそう！
2015年4月8日 CSS CSSの小技やスニペット集なんかを見ていると、ちょくちょく見かける content プロパティー。「そういえば、こいつ一体何者…！？」と思った方もいるかもしれないので、今更ながら改めて content プロパティーの紹介をしようと思います。 ↑私が10年以上利用している会計ソフト！ content プロパティーって何？ content プロパティーは、要素の前後に、:before または :after という擬似要素を使ってテキストや画像などのコンテンツを挿入する際に使用します。擬似要素とは、HTMLなどの文書には記述されていない要素をCSSによって新たに作り出された架空の要素です。Webクリエイターボックスでも、過去記事「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」や「経歴や会社の沿革ページに！簡単なCSSで実装す
box-sizing－CSS3リファレンス
box-sizingプロパティは、ボックスサイズの算出方法を指定する際に使用します。 値にcontent-boxを指定すると、 widthとheightで指定する幅と高さが内容領域に対して適用されます。 幅と高さにはパディングとボーダーは含まれません。 これはCSS2.1の仕様通りの解釈で、DOCTYPEスイッチの標準モードのような表示になります。 値にborder-boxを指定すると、widthとheightで指定する幅と高さがボーダーボックスに対して適用されます。 内容領域にパディングとボーダーを含んだ範囲に対して幅と高さが適用されるため、 パディングとボーダーの分だけボックスサイズが小さくなります。 DOCTYPEスイッチの互換モードのような表示になります。 ■値 content-box パディングとボーダーを幅と高さに含めない（初期値） border-box パディングとボーダーを
phiary
今回は CSS3 から box-sizing について紹介します. width や height と同時に border や padding を指定しているときに, 少し値を変えただけで意図しない表示になったりレイアウトが崩れたという経験はありませんか？ これはボックスサイズの算出方法が複雑なのが原因です. そんな面倒な問題を解決してくれるのが box-sizing プロパティです!! box-sizing プロパティを指定することでボックスサイズ(width, height) の算出方法を指定することができます. あまり普及していないようですが, 実はこれめちゃめちゃ便利だったりします!! まだ独自実装レベルだからかもしれません. ですが, 現在のCSS3 の草案にも 一応残ってるので, がっつり使わせて頂いてる次第です.
ケーブルいらず！ スマホを乗せるだけのワイヤレス充電パッド - 価格.comマガジン
新しくいいモノ調査隊に加わったナックル末吉です。スマホ、パソコン、家電などのガジェット系記事を執筆するモノ系ライターですが、それ以外にもハイレゾオーディオや文房具、バイク、食レポなどについても書きます。いいモノ調査隊でも節操なくいろいろといい商品を紹介していきますので、どうぞよろしくお願いします。 さて、スマートフォンを充電する際に、ケーブルを差し込むのが手間に感じたことはありませんか？ ワイヤレスで、スマホを置くだけで充電できたらいいですよね。今回はそんな願いをかなえてくれる充電台、Ankerの「PowerPort Qi」をご紹介します。
もう逃げない。HTMLのviewportをちゃんと理解する
と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返すし、media queryの条件判定でも480pxの画面幅が使われる。 次にviewportを実際の液晶画面に表示する。この時、view
ソリューション
F5のサイト サポート ポータル F5製品およびサービスに関するセルフサービス ヘルプの記事 DevCentral 弊社主催のコミュニティでつながり、学ぶ My F5 サブスクリプションおよび登録キーの管理 Partner Central F5パートナーのためのリソースおよびサポート ポータル LearnF5 Learn to use F5 products F5へのお問い合わせ F5販売担当部へのお問い合わせ 詳しくは、F5の営業担当社にお問い合わせください F5サポートへのお問い合わせ お近くのサポート担当者にお問い合わせください プロフェッショナルサービスへのお問い合わせ F5ソリューションを最適化するためのサポートを受ける 無料トライアル 複数の環境にわたりアプリケーションの安全性、速度、信頼性を確保するこれらの製品を、無料でお試しください。 F5 Distributed Clou
<section>－HTML5タグリファレンス
<section>タグは、ウェブページ内のその部分が、一つのセクションであることを示す際に使用します。 セクションとは、文書やアプリケーションの一部分となる、意味や機能のひとまとまりのことです。 ウェブページ内のセクションとしては、例えば、導入部分、新着情報、連絡先などが考えられます。 <section>タグは汎用セクションを表しますが、その定義が漠然としていて使いどころが分かりにくいものの一つです。 <article>、<aside>、<nav>もセクション要素ですが、それぞれ記事、補足情報、ナビゲーションという、より具体的な意味を持っています。 それに対して<section>は一般的なセクションを表します。 <section>は一般的なセクションを定義するタグであるため、 要素内容を記事として配信する意味合いが強い場合には、<article>を使用することが推奨されています。 また、
<aside>－HTML5タグリファレンス
<aside>タグは、その部分がウェブページ内における余談・補足情報のセクションであることを示す際に使用します。 ここで言う余談・補足情報とは、本文と関連してはいるけれど区別して掲載するべき内容のことです。 例えば、印刷物などで本文の補足として欄外に掲載されるような内容です。 <aside>でタグ付けした要素は、あくまでも本文から外れる余談・補足情報ですから、 本文の流れの一部となる挿入句（カッコでくくって差し込むような内容など）に対して、<aside>タグを使用するのは適切ではありません。 ■HTML4.01からHTML5へのバージョンアップによる変更点 aside要素は、HTML5から新たに追加された要素です。 ■使用例 HTMLソース <p> アンパンマンは、飢えた人々を主人公のおじさんが助けるという地味な内容で、発表当時には人気はあまり出ないだろうと言われていました。現在、アンパン
演算子 || の特殊な使用方法 [Java Script - 基本 - Tips]
1. [基本的な使い方] 『||演算子』 は通常、if文のOR演算子として使用されます。 [サンプルソース1] var a = 0; // 変数aの値が0、もしくは1の場合メッセージを表示する if (a == 0 || a == 1) { alert("HIT"); } 2. しかし、実際には以下の仕様に基づいて動作しています。 左辺の値が真(true)の場合は左辺の値を、偽(false)の場合は右辺の値を返す。 つまり、[サンプルソース1]は左辺（a == 0）が真(true)なので、結果、if文がtrueになるわけです。 3. [ひねった例] 上記仕様を利用すると、以下のように初期値を設定する事が可能です。 [サンプルソース2] function test1(arg) { arg = arg || 30; ： ： } この例では、引数が渡されてきている場合は引数の値が使用され、渡され
洗える！ふわふわ１０ｍｍ低反発のマイクロファイバーパズルラグ 【Moffy モフィ】 - ラグ・カーペット通販【びっくりカーペット】
【臨時休業のお知らせ】誠に勝手ながら6月5日(水)〜6月9日(日)までを臨時休業とさせていただきます。 くわしくはコチラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
角丸やシャドウ作るジェネレータ。CSS3 Generator
http://11neko.com/font-2/
xml.vc
margin,paddingにパーセント指定 : ねとめもー
【やじうまWatch】つけっぱなしとこまめなオン・オフ、エアコンの電気代はどっちが得？ ダイキンが実験結果を公開
PDFをJPGに変換。PDFから画像を抽出
waifu2x
洗える！マイクロファイバーラグ ラビット - 100サイズ カーペット 通販専門店｜びっくりカーペット ラビットファー