サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
一枚もののウェブページをとにかく簡単に作れる『tackk』 | 100SHIKI
わりと前からあるが、今触ってみたら結構良かったのでご紹介（今更だけど）。 自分のホームページやブログほどじゃなくても、ちょっとしたイベントのためにウェブページが作りたいなー、というシーンはままある。 そうしたときに使えるのがtackkだ。 もちろん似たようなツールは他にもあるが、使い勝手がとにかくシンプルな点が素晴らしい。 まずアクセスするといきなり編集画面だ。あとはテキストや写真を入力してテーマを設定すればOKである。共有用のURLはアクセスした瞬間に付与されるのでそれを使えばいい。 また無料のユーザー登録をすれば複数のページを管理することもできるようだ。「一枚もののウェブページをとにかく簡単に作れる」というコンセプトが良いですな。
[iOS 6版] 設定アプリを直接起動するためのスキームまとめ！ ＆ Siriから呼び出す方法
iOS 5の頃から見ると設定アプリの構造が所々変わったので、それに対応したスキームに変更されています。 また、項目自体も増えたりしていますので、それについても追加してあります。 さらに！！誰も使わなそうなiBooksの「謝辞」項目のスキームなんかも書いてあります。ダレカツカッテクダササイ 活用してみる 現在はSiri経由でのみ使用することが出来る様になっていますので、Siriで使えるようにしてみましょう。 まずは使用したいスキームを連絡先に新しく登録します。 例えば「Wi-Fi」項目へアクセスしたいとします。 まずSiriに話しかけて呼び出すために名前を適当に付けてあげます。今回はWiFiと分かりやすいようにしてみました。ただ通常は日本語の方が認識されやすいかと思います。 そして、ぐいっと下の方に行くとWebという項目があります。ココに目的のスキームを入力しましょう。今回は「prefs:r
![[iOS 6版] 設定アプリを直接起動するためのスキームまとめ！ ＆ Siriから呼び出す方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/75269b2b713089e3b83cb6027798e0e3cae1fb39/height=288;version=1;width=512/https%3A%2F%2Ftools4hack.santalab.me%2Fmedia%2Fuploads%2F2015%2F03%2Fios6-settings-app-scheme-01.jpg)
ダッシュボード構築用UIライブラリ·Dashing MOONGIFT
Dashingはダッシュボード用ライブラリで、グラフを表示したり並び替えが自由にできます。 システムには必ず管理インタフェースがあります。表向き華やかでも、裏のシステムは中の人用とあって粗雑なUIであるケースが多いようです。そこで使ってみたいのがDashingです。 なんと奇麗なダッシュボード。 ドラッグアンドドロップによる配置換えも可能です。 自分の見やすいように配置を変更できます。 Dashingは数値やデータのリストを確認するのにぴったりなモダンなUIとなっています。細かなデータ管理ができる訳ではありませんが、ステータスをチェックしたりするのにぴったりです。APIが公開されているので、それにあわせてデータを配信すればDashingが華麗なUIにしてくれるはずです。 DashingはRuby製のオープンソース・ソフトウェアです。 MOONGIFTはこう見る Webサイトの表のUIが整っ
[CSS]コピペで簡単にCSS3アニメーションを実装できるライブラリ・ツールのまとめ
CSS3アニメーションで、背景を変えたり、ボタンをバウンドさせたり、画像をフェードやフリップで表示したりなどをコピペで実装できるライブラリ、緩急をともなったイージングやトゥイーンの微調整を設定できるオンラインツールをまとめて紹介します。
960グリッドシステムをjQuery-Mobileと併用する為のスタイルシート・jquery-mobile-960
どこかで使うかもしれないと思って メモがてらシェア。スマートフォンに サクッと対応させるjQueryプラグイン のjquery-mobileに960グリッドシス テムを取り入れることが出来るcss、 jquery-mobile-960です。 なんだかタイトルが謎ですが語彙が無いだけなので気にしないでください。jquery-mobile-960はライセンスがMIT。商用もOKで無料で配布してくれています。 jquery-mobile-960は、960.gsをjQuery-Mobileを使ったレイアウトにも使うためのcssです。2カラム、3カラム、イメージギャラリーなどに使えそうな4カラムレイアウトなどもも思いのまま。 少し大きいですけど全画面キャプチャ↓ 実際にiPhoneで確認 縦の場合。 横の場合。 使い方<link href="http://code.jquery.com/mobile
HTML5製のWebサイト向けUIフレームワーク・Kendo UIモバイル版の日本語サンプル作った
以前ご紹介した、HTML5製のWebサイト 向けUIフレームワーク・Kendo UIの モバイル版に触ってみたついでに 日本語化してサンプルにしました。 まだベータ版みたいなので、実用 段階では無さそうですが。 Kendo UIのモバイル版です。去年の夏くらいに記事書いたので合わせてご参照頂ければ幸いです。 タッチデバイス対応、HTML5で構築したWebサイト向けのUI用フレームワーク・Kendo UI 選択肢はずいぶん増えてきましたが、これもその一つという事で・・・jQueryベースで動作しますので、JQMの代替として覚えておいてもいいんじゃないでしょうか。 基本的には有償版の販売がビジネスモデルみたいですが、OSSとしてGPLライセンスで配布されています。モバイル版もそんな感じ。 Kendo UI Mobile モバイルバージョンです。触った感触として、まだ他フレームワークに比べて物足
jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル
自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそうなマークアップを リストとしてメモしておきます。 ちゃんとしたデモは本家で確認して下さい。ここにあるサンプルは僕のいい加減なサンプルです。尚、マークアップが見やすい様にするだけの為にコメントアウト入れていますが気にしないで下さい。 [note]追記 もう少し増やして見やすくしたものをダウンロード出来るようにしました。 [/note] プラグイン読み込み<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="h
jQuery Mobileを使ってiPhone用のWordPressテーマを作るTips
話題のjQuery Mobileを使用したWordPress のiPhone用テーマを作成する方法のご紹介 です。あくまで、対応させる為のTipsという事 で了承願います。jQuery Mobileは、モバイル に簡単に対応させる事が出来るライブラリで、 jQueryのプラグインです。 対応させるだけなのでcssの調整とか細かい点などはご自身で変更してみてください。 基本的に、jQuery Mobileはライブラリを読みこめばあとはdivにidを振ったり、data-theme等を加えればいいだけのようなのでテーマファイルを作るときもその手順通りで済むようですね。 細かい作り方は割愛し、ここでは大まかな手順をご紹介します。デザインに関してはjQuery Mobileのドキュメントをご確認ください。 おおまかな手順適当にWPテーマのフレームワークを用意header.phpにjQueryとjQu
JavaScript の addRule と insertRule をまとめる | 衣谷止の開発日誌
2011/10/13 : IE8だと動かないミスがあったので一部修正（addRule の引数部分） IE とそれ以外のブラウザで一々処理を分けるのも面倒くさいし、CSSがある場合ない場合の処理を分けるのも面倒なので以下の様にすると楽ちん……かも。 head がない場合はもう知らん。 // スタイルシート挿入用共通メソッド addCSS var style = document.createElement('style'); style.setAttribute('type', 'text/css'); document.getElementsByTagName('head')[0].appendChild(style); var sheet = document.styleSheets[0]; if (sheet.insertRule) { sheet.addCSS = function
[iPhone Tips Focus] 2大Tipsまとめ記事に脱帽。他 | 覚醒する @CDiP
お久しぶりのTips Focusです。まずは2つのTipsまとめ記事を紹介。素晴らしくどちらもまとまっていますが、方向性がちょっと違うんですよ。どちらも必見エントリーですので是非ともご覧頂きたいと思います。 ◇ iOS 6 驚きの小技・裏技・Tips集 vol.2 – #RyoAnnaBlog ◇ これははずせない！超初心者だった私がオススメするiPhone機能20個 – ツインズパパの徒然日記 ちまちまやってる私にとってはこういう大作はただただ凄いなぁと思うばかりです。脱帽。脱毛。 基本機能 ◆ [iPhone]iPhone・iPadで埋もれているメールをすぐ見つける簡単な方法 （via ツインズパパの徒然日記 ) Gmailの場合はGmailアプリを使うと光の速度で検索できますね。 ◆ iPhoneで半角カナを辞書登録する最も簡単な方法 （via #RyoAnnaBlog ) ちょいち
![[iPhone Tips Focus] 2大Tipsまとめ記事に脱帽。他 | 覚醒する @CDiP](https://cdn-ak-scissors.b.st-hatena.com/image/square/9bd383dc81072d202403dac61b0fc58e8a22d325/height=288;version=1;width=512/https%3A%2F%2Fcapture.heartrails.com%2F250x125%2Fshadow%3Fhttp%3A%2F%2Fd.hatena.ne.jp%2FRyoAnna%2F20121118%2F1353207447)
jQuery MobileでGoogleMap APIを使ったサンプルがMITライセンスで公開されてた
なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMap APIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみては。 スマフォにGoogleMapを表示させるのに、Google Maps JavaScript API V3が必要みたいですが、これをスマフォ対応を簡略化するjQueryプラグイン、jQuery Mobileで使おう、というもの。 jquery-ui-map GoogleMap APIをjQuery Mobileで使ったサンプルです。jquery-ui-mapというプラグインも使用しています。このサンプルはMITライセンスでソースが公開されていますよ。 以下、デモのキャプチャです。 iPhone iPhoneでの実装状態です。 ランドスケープ時も自動で横幅をあ
画像を使わず、CSS+jQueryで絵文字を作れる・JQuery CSS Emoticonsがちょっと素敵だｗ
これはちょっと面白いｗ画像を使わず、cssとjQueryだけで顔文字を作ってしまったみたいです。発想が単純だったのでうまく応用出来れば楽しいものが出来あがりそうな予感もしますな。面白い事考える人がいますね・・ｗ CSS+jQuery（と、もちろんHTML）のみで、画像は一切使われていません。ちょっとこの発想なかったです。ユニークですけど、割と使い勝手がいい気がする・・気のせいかなｗ 一見よく見かけるアイコンだと思うんですけど、これ、全部cssとテキストとjsで作られています。 からくり こういう発想。単純だけど思いつきませんでしたｗなので、以下のようにテキストとして選択できます。 :Ｄとか:ｐを縦にして、グラデーションのかかった黄色い枠を作れば完成ですね。 コード<link href="stylesheets/jquery.cssemoticons.css" media="screen"
キーワードを入力するだけで自動で該当する候補をキーボードで操作可能なテーブル内に表示するjQueryプラグイン・jQuery ComboGrid
オートコンプリート機能でキーボードで操作できる コンボボックスを出してくれる、というjQueryの プラグイン・jQuery ComboGridのご紹介です。 なかなか高機能なプラグインですね・・・文字を 入力するだけで自動で候補をテーブルとして 出してくれます。ページの切り替えはキーボード で操作可能です。 使う頻度は少なそうですが、とても見やすく、ユーザーの操作も少なくて済み、直感で操作が分かるようなUIでもあるので覚えておくとどこかで役に立つかもしれません。IE6や7でも動いてくれますが、IE6はcssで調整が必要です。 こんな感じで入力フィールドにaと入力しただけで候補がコンボボックス内に表示されました。このボックスはajaxで呼び出しており、キーボードで次のページに移動したり、その場で表示する候補の数を増やす、要素のソートなども出来ます。 jQueryUIを使っているのでこのよう
シンプルな日付ピッカーを実装するjQueryプラグイン・jQuery.minical
デートピッカーを実装するjQuery プラグイン・jQuery.minicalです。 シンプルさと軽量さが特徴です。 jQuery UIを使うほどでもないよう な場合はこういった軽量でシンプル な物が使いやすいですね。 デートピッカー実装ライブラリです。 軽量というのが売りのようで、gzipで4KBほどに圧縮できるそうです。動作もシンプルにカレンダーをポップアップ表示させるだけのもの。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script> <script src='jquery.minical.js' type='text/javascript'></script>ライブラリを読み込んで以下のようにセッティング。 $(
以前作った「jQuery Mobileを使ったWPテーマ」を配布しようと思ったら既出だった・・
以前、jQuery Mobileを使ってWPの テーマを作成するチュートリアルを記事 にしました。そのテーマを折角作ったの で配布しようと思ったら既にありました。 というわけで、そちらをご紹介します。 内容は多分同じだと思います。 以前書いた、jQuery Mobileを使ってiPhone用のWordPressテーマを作るTipsという記事を見て頂ければたぶん分かると思いますが、jQuery Mobileプラグインを読み込んで必要箇所にidなんかを振ってあげればOKです。 このテーマも同じようなものじゃないかなと思います。折角無料で配布してくれているのでシェア。 Mobile theme jQuery Mobile pluginを使ってテーマを作ったよ、とのこと。CatsWhoCodeの人が作ってたんですね。僕はiPhone以外確認出来ませんが、BlackberriesやAndroidにも
Bootstrap向けの汎用的なモーダルボックス実装スクリプト・Bootstrap Modal
よさ気だったのでメモ。Twitter Bootstrap向けのモーダルスクリ プト、Bootstrap Modalです。既存 のモーダルクラスの代替、または パッチとして利用出来る、との事 です。 Bootstrap向けのモーダルスクリプトです。レスポンシブ対応でスタックも可能との事です。デモを触って見ましたが結構使い勝手が良さそうでした。 こういうやつ。モーダルボックス内は自由にマークアップできます。Bootstrap用なので勿論レスポンシブにも対応しています。 このようにモーダルを表示したまま、別のモーダルボックスを呼び出すことも出来ます。 汎用性も高そうです。これは覚えておこう・・・時間が作れなかったのでコードやサンプルは割愛しました。貧乏暇無し。 Bootstrap Modal
ウェブデザインの引き出しを増やすPSD素材がダウンロードできる -ByPeople、質も量もものすごいです！
ウェブページのメニュー、ボタンなどをはじめ、ボックス、スライダー、アイコン、背景パターン、リボン、バッジ、エフェクト、テンプレートなど、トータル2,000くらい？のPSD素材がダウンロードできるByPeopleを紹介します。 そんなに数多くダウンロードできないよ、って人も大丈夫！ 全素材まとめてダウンロードできます。 ByPeople ダウンロードできる素材はほとんどがPSDで、モノによってはAIだったりします。 ダウンロードはページ下のメール欄にメールアドレスを入力して、ダウンロードボタンをクリックします。しばらくすると、ダウンロードのURLがメールに送られてきます。 素材の利用にあたっては個人でも商用でも無料、とのことです。 詳しくは、Use Licenseをご覧ください。 数多くありすぎる素材から、いくつか紹介します。 本当に、ごく一部です。
レプリケーションを使わないMySQLの冗長化
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、DBMSチームの三谷です。 ヤフーでは多くのサービスでMySQLを利用しています。MySQLはヤフーを支える重要な技術の1つです。 私のチームではヤフーのさまざまなサービスのデータベースを集約して管理・運用しています。 集約することでコストの削減やノウハウの蓄積といった効果を生み出しています。 今回はこの集約環境の冗長化方法についてご紹介します。 集約環境の構成 集約環境ではマスターの冗長化にレプリケーションを利用せず、エンタープライズ向けの共有ストレージを利用したアクティブ・パッシブ型のHA構成を採用しています。 データファイルを共有ストレージに置き、どのマスターサーバーからでも同じデータに対してアクセスできるように
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
HTML5のスマホ対応の基礎知識とハマリどころ3選
HTML5のスマホ対応の基礎知識とハマリどころ3選：スマホ向けサイト制作で泣かないための秘伝ノウハウ（2）（1/3 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。今回は、HTML5についておさらいし、OSごとの対応状況や、iPhone／Androidなどで表示する際のハマリどころを紹介 こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「スマホ向けサイト制作3手法の基礎知識と課題、OS／機種依存のハマリどころ3選」では、スマートフォン向けサイト制作についての注意点や、代表的なOS／機種依存を紹介しました。 今回は、KSKの製品「x-fit（クロスフィット）の開発・販売や、実機での検証サービス事業で蓄
売れるECサイト制作のために商品ページデザインに必須の１５の要素
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ECサイトの売上アップに困っているなら、まず知っておいておきたい簡単な公式がある。 それは、「売上=集客×コンバージョン率×リピート率」だ。 集客力が２倍になれば売上は単純に２倍になる。またコンバージョン率が２倍になった場合も売上は２倍になる。 リピート率も然りだ。そして、この３つの中で、最も簡単に変えられるのがコンバージョン率だ。 そこで本日は、ECサイトのコンバージョン率を倍増させるために、抑えておくべき商品ページの１５の要素をご紹介する。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
JavaScriptのライブラリを沢山集めてカタログ化しているWebサイト・Jster
JSライブラリのまとめサイトの ご紹介。既知の方も多いかもし れませんが、探すのに便利なの で改めてご紹介します。カテゴ リ分けもしてくれているので探 しやすいです。 様々なJSライブラリがまとめられています。探し物がある際は覗いてみるといいかも。 UIやメディア、グラフィック、ユーティリティなどのカテゴリに分けられています。現在は900ほどのライブラリがまとめられています。 シンプルで探しやすいのではないかと思います。ライブラリはそれぞれ簡単な説明もしてくれています。 パッと見たところ、評価の高い印象のライブラリに絞ってくれている・・・気がしました。（気がするだけかも 困ったら覗いてみようと思います。 Jster
auユーザーはチェック必須Cメール(SMS)で「URL」や「電話番号」付きメールが届かない？ | nori510.com
のりごとー( @nori510 )です！ auユーザーの皆さん、Cメール(SMS)使ってますか？ 私もiPhone5発売きっかけでauにMNPし、Cメール(SMS)バリバリに活用していますが、Cメールを使う上でとんでもなく重要な事実を、最近知りました。 auのCメールはデフォルトで、「url」や「電話番号」付きのメールの受信を自動的にブロックしているそうなんです。 デフォルトがブロックですから、コレはもしかしたら、とんでもない恋のチャンスを逃していたかもしれません。 最近auユーザーになり知らなかったという方など、必須のチェック項目だと思います。 auの「SMS(Cメール)安心ブロック機能」の解除や確認の方法 コチラが、公式サイトでの機能の紹介文。 SMS (Cメール) 安心ブロック機能 強制的に有料会員登録されるワンクリック請求サイトへのアクセスを防ぐため、URLリンク (http://
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
第13回 iPhone／iPod touch（iOS 6）の無線LAN設定
新着記事
jQuery Mobileを使った、タップで拡大するシンプルなイメージギャラリーを構築する際のサンプルコード
jQuery Mobileを使ったフリーのスマートフォン向けWordPressテーマ・Generic jQuery Mobile
vizuina.com
新着記事