html5-memo.com
グラフ描くならMorris.jsがお手軽で良いかも - (ﾟ∀ﾟ)o彡 sasata299's blog
2012年11月16日13:55 JavaScript Ruby グラフ描くならMorris.jsがお手軽で良いかも こんにちわ。寒くなってきましたがみなさまお元気ですか？ さて、先日ちょっとしたグラフを描画したかったんですよ。それでなにか使いやすいライブラリ無いかなーと思っていたら railscast (revisedなので有料です) で Morris.js ってjQueryプラグインが紹介されてて良さげだったので使ってみました。google analytics みたいなツールチップも出してくれます。 使い方はとっても簡単です。 まず、jQuery (>=1.7) と Raphael (>=2.0) が必要です。あとは Morris.js があれば動作します。 これらを app/assets/javascripts/application.js に設定してください。この記事執筆時点での
導入必須のWordPressプラグイン7選＋便利なおすすめプラグイン8選
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. プラグインとは、WordPressを自分好みにアレンジしたい場合に非常に便利なツールである。 サイトの表示速度を高速化したり、安全に利用できるように対策したり、サイトの見栄えを整えたりする上で、適切なプラグインをインストールすることは必須項目といっても過言ではない。 ただしプラグインは何千種類もあり、どれを使うべきか悩む方がほとんどだろう。「あれもこれも」と手を出し、結果的に何十個もインストールしてしまった方も多いのではないか。 しかし、誰にとっても必要といえる優秀なプラグインはそれほど多くはない。この記事では、バズ部が本当におすすめするプラグインに絞って、簡単な使い方や設定方法も含めて紹介していく。
[CSS]フォームの見栄えをぐっとよくする、テキスト入力欄とボタンをCSS3で美しくスタイルするチュートリアル
CSS3 Form Styling Cheat Sheet CSS3でスタイルするテキスト入力欄 CSS3でスタイルするフォームのボタン CSS3でスタイルするテキスト入力欄 HTMLは非常にシンプルです。 classのhogeは、随時変更して利用してください。 HTML <form> <input type="text" class="hoge" /> </form> まずは、ベースとなるスタイルシートです。 CSS: Basic border:0; padding:10px; font-size:1.3em; font-family:Arial, sans-serif; color:#aaa; border:solid 1px #ccc; margin:0 0 20px; width:300px; 枠線を角丸にします。
さまざまな種類の炭が揃ったテクスチャまとめ「30 Free Burnt Wood Texture with Great Quality」
TOP > Design > さまざまな種類の炭が揃ったテクスチャまとめ「30 Free Burnt Wood Texture with Great Quality」 デザインを作り上げる際にさまざまなテクスチャを利用して、雰囲気のある作品に仕上げるということも多いのではないでしょうか？今回はそんなテクスチャの中から、炭のテクスチャにクローズアップしたテクスチャまとめ「30 Free Burnt Wood Texture with Great Quality」を紹介したいと思います。 Burnt Wood Texture by ~catemate on deviantART 木の種類や模様の異なるさまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Burnt by =DustwaveStock on
ユーザー辞書に簡単登録できるアプリ かんたん辞書登録 ｰ Singer Song iPhone
こんにちは @kuracyan です。 iPhoneにはユーザー辞書があります。 よく使う文字など登録しておくて便利ですね。 ユーザー辞書辞書は設定アプリ-一般-キーボードにあります。 今回はそのユーザー辞書に簡単に字句を登録できる、ちょっと便利機能付きのアプリをご紹介します。 かんたん辞書登録 1.0（無料） カテゴリ: ユーティリティ, 仕事効率化 販売元: Makoto Setoh – Makoto Setoh（サイズ: 0.3 MB） 全てのバージョンの評価: 無し（0件の評価） 起動画面 登録したい文字を入れて登録ボタン 登録 これだけで登録できますよ。 めちゃ簡単。 半角カナへ変換する機能を備えています。 これならあっという間に半角カナが登録できますね。 TwitterやFacebookにシェアも。 面白いのはMySmileyという顔文字アプリと連携しているところ。 MySmi
Android再入門 - 目次 - Qiita
はじめに 第6回名古屋Android勉強会 Java+Eclipse再入門 on Zusaar 第6回名古屋Android勉強会 Java+Eclipse再入門 学生枠 on Zusaar のために書きました。 イベントの流れの都合上 再入門 になっていますが、全然 再 な内容を含んでいないので 入門 でいいんじゃないかと思ってます。 あと、Java + Eclipseというよりは初心者の方でも Androidアプリを作る体験ができること と イヤにならないこと を考えた結果、逆に、Java + Eclipseにあまり触れられませんでした。Java + Eclipseについては今後の宿題ということで考えていきたいと思います。 開発環境について 環境構築については書いても書いてもバージョンが上がるので割愛しています。 以下の開発環境を構築した上でお読み頂ければ幸いです。 Eclipse He
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
【Googleアナリティクス】コスト分析がやって来た
収益を比較し、ROIやRPCや利益が算出可能。 トラフィックメニュー直下に、「コスト分析」メニューが登場しました。 各キャンペーンのコストと対応する収益（目標や e コマースに基づく）を比較し、ROI（投資収益率）や RPC（収益単価）、利益を算出でき・・・ とのことなので、さっそく「はじめに」をクリック。 Webプロパティ画面に遷移します。「新しいカスタムデータソース」をクリック。 データを入れる「箱」を作ります。 出来ました。 コストデータのアップロード方法は以下を参照して下さい。 Measuring Performance Of Paid Campaigns – Google Analytics — Google Developers データが取り込めると、これらと一緒に表示されるんでしょうか。上記取り込みが終わりますと、もう「トラフィック＞コスト分析」という操作をしますと、以下のよ
無料でダウンロードできる洗練されたデザインのUIキットいろいろ
わかりやすく、統一感のあるウェブサイトをデザインする時にあると便利なのがUIキットですが、ウェブ開発・デザインに関する情報やコンテンツを扱うブログBest Open Source Resourcesがそんな美しいデザインのUIキットをリスト化しています。明るいグレーやダークなカラー・木目調など、さまざまなパターンのPSDファイルが無料でダウンロードできるため、頭の中のイメージに合わせてコンテンツを選ぶことが可能です。 A Comprehensive Collection of Free UI Kits & Templates | Web Resources | WebAppers http://www.webappers.com/2012/11/12/a-comprehensive-collection-of-free-ui-kits-templates/ ◆01："Pizza" UI K
すげえ！Google ChromeがWebサーバに·Chrome simple HTTP Server MOONGIFT
Chrome simple HTTP ServerはGoogle ChromeをWebサーバ化してしまうGoogle Chrome機能拡張です。 Webの力は日々向上しています。今回はGoogle Chromeの隠された能力を引き出し、なんとWebサーバ化してしまうChrome simple HTTP Serverを紹介します。 インストールしました。 立ち上げました。 コンソールをみるとURLが表示されます。 そのURLにアクセスするとコンテンツが表示されます。 サーバ側のログはコンソールに表示されます。 ちゃんとGETアクセスされています。 これが使えるのはChrome canaryなどのver. 24以降になります。これはGoogle ChromeをWebサーバとして使うというよりも、機能拡張向けに提供されるものになります。Webブラウザと通信してしまうというアイディアに脱帽です。
いまさら聞けないHTML5 Canvasの使い方
Flashになじみのある人がHTML5でまず興味を持つのが、アニメーションやモーションなどの表現力ではないでしょうか？ 私がFlashに興味を持ち、虜になったきっかけも、モーションの気持ちよさやデザイン性、インタラクティブな表現力でした。 今回は基本的なモノ(object)を動かすための準備として、矩形や円を描画してみましょう。HTML5では、canvas要素とJavaScriptのCanvas APIによって、ビットマップ画像を描画できます。 Canvasで画像を描画するには、HTMLでキャンバス領域を定義します。 ■サンプル1[01.html] <body> <canvas id ="cvs1" width="150" height="150"></canvas> <script type="text/javascript" src="js/01.js"></script> </bod
私がWindows 8を愛用する理由 | DevelopersIO
最近、自宅と会社のPCをWindows 8 にアップデートしました。Windows 8 の新機能をまとめた記事はもうたくさんあると思いますので、 今更ですがデスクトップ周りで実際使ってみて改善されているなと思った点を書いていきます。 スタートスクリーンが便利です。 スタートスクリーンに関しては賛否両論あるとは思いますが、個人的には使いやすくなったと思います。 最初の状態だと私的には使わないアプリ多く表示されていたため、使いづらいなーと思っていたのですが、それらを非表示にするなど整理したところかなり使いやすくなりました。 フォルダやファイル、コントロールパネルやサービスなどのショートカットも置いておけるのがいいですね。数が増えた場合は横にスクロールさせますがホイールで移動できます。 タイルの間隔を開けることもできるので、アプリをグループ毎にまとめています。 スタートボタンを復活させるアプリな
Expired
Expired：掲載期限切れです この記事は，産経デジタル との契約の掲載期限（6ヶ月間）を過ぎましたので本サーバから削除しました。 このページは20秒後にBusiness Media 誠 トップページに自動的に切り替わります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Facebookアプリ風パネルメニューのCSS実装デモ「cssPanelMenu」:phpspot開発日誌
新着記事
IDEA * IDEA