ヒント基本的な使い方「元となるJSON」に、チェックしたいJSONデータを入力して下さい。準備ができたらチェックボタンをクリックして下さい。入力したJSONの構文が正しいかチェックして、結果を表示します。エラーがある場合は、その箇所を指摘します。改行とインデントを付け、また、ユニコードエスケープを日本語に直すなどして整形したJSONを表示します。構文チェックのツールとして、「JSONlint」を利用しています。仕様当サービスはJavaScriptで処理しているため、下記の仕様となっています。 値に含まれる不要なバックスラッシュは取り除かれます。小数点以下が0の場合(例: 1.0)、整数(例: 1)として認識します。実質同じ値でも型を厳密に区別している場合(例: 1ではなく、1.0でなければダメ)は、ご注意下さい。ビューアーキーをクリックすると、オブジェクトを閉じたり開けたりできます。「To
2015-11-17 システム&ツール系のおすすめアプリ超まとめ! アプリ超まとめ 本日の『アプリ超まとめ』は『システム&ツール系』のおすすめアプリをご紹介したいと思います。あまり華やかなジャンルではありませんが、使い方次第では生産性を高めて、ライフスタイルをもっと便利にしてくれるアプリばかりだと思います。本日は、使えるキーボードアプリから、定番のスマホ最適化アプリ、一押しの自動化アプリまで、様々なアプリをご紹介したいと思います。それでは、さっそく行ってみましょう。 ※ アプリ超まとめでは基本的におすすめの無料アプリをご紹介します。 おすすめのキーボードアプリ Google 日本語入力 Simeji ATOK (日本語入力システム) Yahoo!キーボード おすすめのマッシュルーム&絵文字顔文字アプリ マッシュルームパック みんなの顔文字辞典 アスキーアート完全無料 miniアスキーアート
ここ最近スマホ用のUIフレームワークを比較検討をする機会があり、一言にスマホUIフレームワークといっても、各々一長一短があり、用途や目的によって使い分ける必要もあると感じましたので、本日はそれぞれのUIフレームワークを「導入の手軽さ」「カスタマイズ性」「動作の安定感」「デザインの美しさ」「対応範囲」の5軸で評価してみました。 今回比較するのは以下の4つ 1. JQueryMobile 以前のエントリーでも紹介した、言わずと知れたJQueyの正統なモバイル版フレームワークです。スマホのフレームワークではこれがデファクトスタンダードになりつつあります。 2. iUI これも以前のエントリーでも紹介しましたが、iPhone風のUIテイストのフレームワークです。もちろんiPhone以外にもAndroidやその他のプラットフォームにマッチしたテーマもいくつか用意されています。 3. Sencha T
■スマートフォンの普及率は2013年3月で約4割 スマートフォンの普及率については公式発表資料がないので 電気通信事業者協会の発表している「事業者別契約数」と インプレスの「スマートフォン利用動向調査報告書2013」を合算してみました。 そうすると2013年3月現在のスマホの普及率は37%であることが分かります。 ちなみに、「事業者別契約数」は実数ですが、「スマートフォン利用動向調査報告書2013は今年の3月は推計値なので 実数とは食い違いがあるかもしれません。 しかし、感覚的には思ったよりスマホが少ないなという感じですね。このへんは、首都圏と地方で差がありそうです。 ※追記 知り合いから事業者別契約数の母数には、ソフトバンクが配布しているフォトスタンドの分が入っていると指摘がありました。 確かに、一時期ソフトバンクは契約端末数NO.1をうたうために、写真立てを3G契約で無料配布していたた
parallax.js スマホの傾きを検出してParallax効果を作れる「parallax.js」 キャンペーンサイトなどでやると印象がグッとアップしそうなエフェクトが作れるっぽいですが、このデモは必見ですね。 画像は以下のようにulでリスト形式にしてレイヤーをずらす形で実現されるようです。 やってることの割りにはJSで比較的簡単に実装ができそうです 関連エントリ レスポンシブなパララックス効果付きサイトを作るフレームワーク「CoolKitten」 パララックスなスライダーを実装できるjQueryプラグイン「FractionSlider」 パララックス効果を作るスクリプトやプラグインのまとめ レスポンシブでタッチ対応な軽量なスライダー実装jQueryプラグイン「Unslider」
iPhoneからWebでHTMLのフォームから写真をアップロードしてもらったときなど、画像が回転して表示されてしまう場合があるようです。原因はExifのOrientationの値が「1」以外になっていること。 画像の向きの情報がExifに埋め込まれているけれど、ファイル自体は回転していない(=撮影した向きになっていない)ために表示がおかしくなるのです。 ブラウザーの仕様によりますが、ExifのOrientationの値を無視して、ファイルを表示しようとすると撮影した向きとは合わない表示になってしまうことになります。 解決するには、アップロードされたときにExifのOrientationを見て、サーバー側で画像を回転させてしまうのがオススメ。回転して、ExifのOrientationの値を正しい向きに補正します。 以下、PHPのimagick拡張を使った場合の例。 <?php $imagic
こちらが新テーマの記事ページ。上のバーの右側の水玉アイコンをタップするとメニューが開く仕掛けにしてあります。 タップするとこのように右から「にゅっ」とメニューが出てくるように。それほど動きがカクつかないので満足。上の「MENU」というところか「閉じる」をタップすればメニューを閉じる仕様に。 また、最初からCSSも付いてくるので文字を入力するだけでそれなりにカッコイイメニューを作ることが可能です。 「Sidr」実装方法・使い方 <script src="javascripts/jquery.js"></script> <script src="javascripts/sidr/jquery.sidr.min.js"></script> <link rel="stylesheet" href="javascripts/sidr/stylesheets/jquery.sidr.dark.css"
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない><」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか? HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる なぜ、スマホ未対応のホームページは時代遅れなの? その答えは非常にシンプル。 なぜなら、今が「ほとんどの人がPCではなくスマホでホームページを見ている時代」だからです。 この数字が何を表しているかご存知でしょうか? スマホ: 83.4% パソコン: 69.1% これは、「総務省」が発表した2019年のIT機器の世帯保有率です。(詳しいデータはこちら) なんと、パソコンよりスマホを持つ人のほうがはるかに多いんですね! こんな世の中ですから、よりたくさんの人にホームページを見てもらいたいなら、スマホサイト
Tapotype 掲載されている各エフェクトはタップやクリック操作で、実際にアニメーションで動作します。 サイト閲覧には、Safariをオススメします。 各エフェクトはカテゴリ別にまとめられており、それぞれ詳細ページも用意されています。
ちょっと良さそうだったのでメモ。 スマフォ用サイト向けのシンプル なフレームワーク・Sidetapです。 jQueryのライブラリですので、動作 にはjQueryが必要ですが、ライブ ラリ自体はそこそこ軽量みたい。 小規模サイト向けでしょうか。シンプルで使いやすい印象でした。 jQueryかZepto.jsに依存するスクリプトです。Zepto.jsはWebkitに特化したjQuery互換軽量ライブラリです。 特別な機能がある訳では有りません。シンプルさを求めて作ったみたいです。デモは派手ですけd サンプルではイメージギャラリーが用意されています。 デモのようなスライドパネルとかオーバーレイとかを使いたい場合はオプション設定する感じ。jQuery使い慣れてる方なら直ぐ分かると思います。 もうちょっとドキュメントが用意されてるといいんですけどね。今後追加されると良いですね。ライセンスはMITで
壁紙・写真8953 webデザイン3925 デザイン3291 絵画・イラスト・アート2193 動物1745 3D1724 UI1291 photoshop1083 フリー1004 風景834 自然821 かわいい689 wordpress679 素材652 テーマ632 チュートリアル626 フォント617 幻想的548 動画530 お洒落524 建築物501 犬430 テンプレ400 イラスト397 psd396 猫384 ロゴ331 jquery297 ブラシ296 プレミアム285 プラグイン274 テクスチャ260 CSS249 ミリタリー221 タイポグラフィ217 名刺213 gif212 都市風景210 インテリア206 宇宙203 エフェクト200 SF188 ポスター186 ファンタジー186
Sidetapはネイティブアプリライクな操作性が特徴のWebアプリケーションフレームワークです。 iOS向けにサービスを提供する場合ネイティブアプリを使うのとWebアプリケーションとの二つが選択肢になります。よりユーザがアクセスしやすいのはWebアプリケーションでしょう。そこでユーザ体験を良いものにすべくSidetapを使ってみてはいかがでしょうか。 最初の画面です。写真がたくさん並んでいます。 タップして拡大。横にスライドするのがネイティブアプリのようです。 左側にメニュー。Facebookのアプリのようです。 アプリの情報も出せます。 デモ動画です。滑らかな動きが特徴です。 Sidetapは写真のタイル表示、詳細表示、メニュー、インフォメーションウィンドウといった画面が特徴になります。全てのコンテンツは1つのHTMLファイル内に記述されるのも特徴です。あまり大きすぎないWebアプリケー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く