エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『@type』のコンテンツです。
Q:LINEの利用頻度はどのくらいですか ジャストシステムは2012年5月14日、「SNS/コミュニケーションアプリに関する認知度/利用状況調査」の結果を発表した。LINEやInstagramなどの利用率、アクティブ率、利用頻度などについて明らかになっている。 今回の調査は2段階で、まず4月24日~26日の期間に、関東地方・近畿地方に在住の15歳~49歳までの男女14,120名を対象に、「Facebook」「Twitter」「Path」「Instagram」「Pinterest」「Color」「LinkedIn」「Memolane」「Snapette」「LINE」「mixi」の利用率などを調査した。 続いて、4月26日〜28日の期間に、LINE、Instagram、Pinterestを利用していると答えた1,725名を対象に、各アプリの利用の用途や頻度など利用状況について調査している。 そ
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
読んでくれた人が、個々の選択の糧にできるsite 自分自身の選択肢を残していくsite social media,smartphone,EC,media 本日日経BP主催で開かれた『MOBILE&SOCIAL WEEK2012』に参加させてもらった。 1番の目的は日本のsmartphone、ネットビジネスで最も勢いのある「LINE」の話を聞くことである。 自分の中でもHOTな間にまとめておきたいと思う。 LINEの本質、他とは違うところ LINEの急成長を物語る上で、世界中に億単位でユーザーを持つ「facebook」,「twitter」と よく比較されたデータがある。active率が半端ないというデータである。 このMAUが高い理由を最初に教えて頂いた。 LINEは「facebook」,「twitter」とは違い、コミュニケーション上がりのsocial media である(に
This shop will be powered by Are you the store owner? Log in here
iPhone用のサイトでは、Viewportでコンテンツの拡大率を調節できます。 <meta name="viewport" content="width=device-width" /> UIWebViewでWebページを表示させて、そのWebページでViewportを設定してみました。ですが、UIWebViewのサイズにフィットしません。よく見たら、scalesPageToFitというプロパティがあるんですね。 myWebView.scalesPageToFit = YES; これで、WebページがUIWebViewのサイズに合わせて拡大縮小されます。 Objective-Cを使うことにまったく抵抗はないのですが、WebアプリでHTMLを動的に生成するほうがよいケースがあります。JavaScriptでもかなりステキなUIをつくれますし、タッチの検出や位置情報の取得なども行えます。 O'
自己紹介 ネイバージャパンのUIT(User Interface Technology)チームの裵完理(ベワニ)です。 概要 CSSやJavaScriptを使って複雑なデザインや動的なページを実装しているサービスが増えてきていますが、速度低下などの問題が発生しやすくなっています。これを100%直すことは難しいですが、改善するにはブラウザレンダリングプロセスを理解する必要がありますので、理解した上で改善方法を探してみましょう。 ブラウザレンダリングプロセスの理解 ブラウザの基本構造 User Interface – アドレスバー、戻る・進むボタン、ブックマークメニューなど、メインウィンドウに表示(document)されるページ以外の部分 Browser Engine – UIとレンダリングエンジン間のアクションを制御するもの Rendering Engine – リクエストしたコンテンツを表
Webデザイン 1-03 canvasを使ってグラフを描く canvasは、JavaScriptを用いてブラウザ上に線や図形を描画することができる。ここでは簡単なグラフを作成しながら基本的なメソッドの使い方を学んでみよう。 制作・文/藤沢立也(Suika Cube Inc.) Browser IE 9over Firefox 3.5over Safari 3.2over Chrome 2over 01 まず、絵を描くのに紙と筆が必要なようにcanvasタグで紙の部分に当たる描画領域のサイズを決める【1-1】。筆に当たるのがJavaScript。getElementByIdメソッドを使いcanvas のid を取得しgetContextメソッドで描画用のコンテキストを取得する。取得したコンテキストをctxというオブジェクトに格納しておく(オブジェクト名は何でもよい)。このctxオブジェクトに
グラフを描画するには、canvas要素に「四角形を描く」や「線を描く」等で紹介したメソッドを使って地道に書いていくか、ライブラリを使います。 ライブラリの説明はそれぞれのサイトをご覧下さい。 RGraph html5.jp マウスを乗せるとグラフを描画します。 <canvas id="drawGraphCanvas1" onmouseover="drawGraph1();" style="border: 1px solid;" width="400" height="300"> </canvas> <script language="Javascript" type="text/javascript"> function drawGraph1() { var c = document.getElementById("drawGraphCanvas1"); var context = c.g
まずはCANVAS タグで描画するスペースのサイズを決める【1-1】。そのスペースにグラフを描画するための筆にあたるのがJavaScriptだ。getElementByIdメソッドを使いCANVASのidを取得、getContextメソッドで描画用のコンテキストを取得する。取得したコンテキストはctxというオブジェクトに格納(オブジェクト名は何でもかまわない)。このctxオブジェクトにグラフを描画していくことになる【1-2】。 【1-1】CANVASタグには、幅(width属性)と高さ(height属性)、範囲(描画領域)を指定する。またJavaScriptで使用するid属性も設定する。タグの間には非対応ブラウザ用の注意書きを入れておこう 【1-2】CANVASタグのidをgetElementByIdの引数に指定する。なお、getContext()の引数は現在では「2D」しか選択できないよ
[数表をアニメーションへ:image] プログラミングの話題をひとつ・・・ 無味乾燥な数表を楽しい棒グラフのアニメーションにしようという試み。 こちらのようなアニメーションにしようというわけ。 HTML5 や CSS3 だけで出来るという。次のサイトでプログラミングコードが公開されている。興味のある方はぜひどうぞ。 Smashing Coding: “Create An Animated Bar Graph With HTML, CSS And jQuery” by Derek Mack: 23 September 2011 プログラミングはさっぱりだが、とてもクールに見えるので自分でも出来たらいいなあと思う。 [via The Loop] ★ →[原文を見る:Original Text]
JavaScriptから棒グラフ(垂直)をcanvas要素に描画します。パラメータを指定することで、項目、色、凡例表示などお好みの棒グラフ(垂直)を柔軟に描画できます。 ダウンロード Release Date Size (byte) Download 使い方 graph_vbar_x_x_x.zipを解凍し、html5jpフォルダをウェブサーバにそのままアップロードしてください。グラフを表示させたいHTMLには次のタグを記述してください。 <div><canvas width="400" height="300" id="sample"></canvas></div> 上記タグは次の点に注意してください。 canvas要素は、必ずdiv要素で囲んでください。 canvas要素には、必ずwidth属性とheight属性を記述し、幅と高さを指定してください。 canvas要素には、必ずid属性
日付を入力する時には、カレンダーをみながら入力したい場合が多いものですよね。 最近のアプリケーションでは日付の入力項目では、キーボードからの入力を許可すると同時にカレンダーが表示される場合も少なくありません。 jQuery UI のデートピッカーウィジェットを使うと、簡単にカレンダーを利用できます。 基本的な利用方法 次のテキストボックスを日付の入力項目とします。 このテキストボックスに日付を入力するために、テキストボックスにフォーカスがきたときに、カレンダーを表示しています。 カレンダーから日付を選択すると、カレンダーが閉じて選択した値がテキストボックスに入ります。 ちなみに、このカレンダーは Ctrl + 矢印キーなどでキーボードからも操作可能です。 このようなカレンダーの表示をどのようにしたら実現できるでしょうか。実はこの動作はデフォルトの操作そのままなので、ほんの一行でできてしまい
(地図を見る) 東京都豊島区東池袋3-1 アルパ3Fクオーゼ (サンシャインシティ) 地下鉄有楽町線東池袋駅2番出口徒歩3分/西武池袋線・JR線・地下鉄・東武東上線池袋駅東口徒歩8分 月~日、祝日、祝前日: 11:00~21:30定休日:なし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く