知って得する、Webブラウザ上で利用できるグラフィック関連技術。HTMLのような感覚で図形が描画できる「SVG」をハックしよう SVGドキュメントの書き方 本連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。第2回となる今回のテーマはSVGです。 ご存じの方も多いと思いますが、SVGはXMLをベースにしたベクトルグラフィックスの記述言語です。PNGのような画像フォーマットの1つでもありますが、実際にはXMLを記述したテキストファイルであり、HTMLと同様にJavaScript(DOM API)による制御も行えます。HTMLがタグによって文書の構造を記述するのと同様に、SVGはタグで図形を記述します。 ■ XMLでベクトルグラフィックスを記述するSVG 実はSVGの規格自体はかなり以前から存在したのですが、長らくInternet Explorer(以降IE)
6月19日より、TwitterでGIF画像が投稿できるようになりました!今回は、GIFアニメーションの作り方をご紹介します! GIFアニメの作り方 まず、GIFアニメーションを作るには2つの方法があります。 画像を繋げてGIFアニメーションにする。 動画の一部をGIFアニメーションにする。 載せたいGIFアニメーションの用途に合わせて、制作方法を選択しましょう。でも、「GIFアニメーションって作るの難しいんじゃ…」と思ってしまうかもしれませんが、簡単に作れるサイトやフリーソフトがあるのでご紹介します! GIFアニメ(アニメーション)作成 – バナー工房 「GIFアニメ(アニメーション)作成 – バナー工房」では、画像を繋げることでGIFアニメーションを作成することができます。 動かしたい画像ファイルを順番に選択 GIFアニメーションがどれくらいの速さで動いてほしいのか秒数を選択 ループして
はじめに 2017/10/27 追記 本記事はAmazon API Gatewayがリリースされて間もない時期に執筆されたものです。現在、Amazon API GatewayではCORSを有効にする設定が追加されています。CORSを有効にするには、対象のリソースの「Actions」ドロップダウンメニューから「Enable CORS」を選び、設定を行う必要があります。CORSを設定する際には公式の手順と照らし合わせながらお読みいただけますようお願いいたします。 http://docs.aws.amazon.com/ja_jp/apigateway/latest/developerguide/how-to-cors.html CORS (Cross-Origin Resource Sharing)とは、ブラウザがオリジン(HTMLを読み込んだサーバのこと)以外のサーバからデータを取得することで
最近になって、SVGを利用しているサイトさまをよく目にするようになりました。 それもこれもiPhone 6 Plusという画面サイズのどデカい問題児の存在が影響し ています。 なんとこいつだけ今までと違いピクセル比が3倍なのです。 今までretina対応で通常の2倍サイズの画像を書き出していましたが、ついに3倍サイズの画像を書き出さねばならぬ時代がやってきたわけです。 2倍サイズの画像でもスマホサイトなんかは容量的にもかなり無理があったのに、3倍サイズ画像とか現実的じゃ無いですよね… そこでベクターグラフィックのSVG画像の登場です。 そもそも、拡大を想定した画像にしておけば解像度なんかキニシナイでいいのです。 今回は、基本的なSVGの作り方、スプライトの作り方、ほんのちょっとしたテクニックまでをご紹介します。 目次 基本的なSVGの作り方 SVGスプライトの書き方 画像の呼び出し方 色を
任天堂・岩田氏をゲストに送る「ゲーマーはもっと経営者を目指すべき!」最終回――経営とは「コトとヒト」の両方について考える「最適化ゲーム」 編集部:TAITAI カメラマン:佐々木秀二 12345→ 連載第20回めとなる,ドワンゴ・川上量生氏との対談企画「ゲーマーはもっと経営者を目指すべき!」。最終回となる今回の“ラスボス”的ゲストは,日本――いや,おそらくは世界最強の“ゲーマー経営者”である任天堂の岩田 聡氏です。 コンピューターオタクだった学生時代を経てゲーム開発者になり,現在は,任天堂の取締役社長を務める岩田氏。昨今は,「Nintendo Direct」や「社長が訊く」でもお馴染みの岩田氏は,実際にはどんな人物で,どんなことを考えているのでしょうか? 読者にもおなじみの,任天堂社長としての岩田氏だけではなく,プログラマーとして,ゲーマーとして,あるいは一人の人間として――さまざまな角度
iTerm2 may be integrated with the unix shell so that it can keep track of your command history, current working directory, host name, and more—even over ssh. This enables several useful features. How To Enable Shell Integration The easiest way to install shell integration is to select the iTerm2>Install Shell Integration menu item. It will download and run a shell script as described below. You sh
開発が佳境に入ると、お昼をゆっくりと食べる時間はない。そんな場合、近くのコンビニで弁当を買って済ませる人も多いのではないだろうか。そこで、フードプロデューサー、フードジャーナリスト、料理研究家でタレントの園山真希絵さんに、健康的なコンビニ弁当の選び方を伝授してもらおう。 お昼どき、コンビニに行ったはいいものの、何を買っていいのか迷ってしまうという方も多いのでは? 忙しくてコンビニで悩む時間はない! そこで、今回は、メインとなるエネルギー源食品(おにぎり・パン・お弁当)を軸に、ぱぱっと選べて、体にいい食べものをチョイスしてご紹介します。 おにぎりランチにオススメはあるか? おにぎりは、海苔(のり)がおにぎり全体に巻いてあるものを選びましょう。海苔は、ビタミン・食物繊維・カルシウムを豊富に含むアルカリ性食品であるため、酸性に傾きがちな体を正常に戻す働きがあります。また、大豆に匹敵するくらいの良
概要 Macの「サービス」ってありますよね。 これ使って、任意のエディタ上に入力したJavaScript/CoffeeScriptのコードを実行させてしまおうという記事です。 実は以前、Rubyバージョンを作成された方がおられまして、それが元ネタです。すみませんアイデア丸パクリですw 準備 まずはNode.jsをインストールしましょう。ちなみに私はnodebrewというnode.jsの環境構築ツールを使いました。 次に、CoffeeScriptもインストールします。
「世界がどんどん走るサッカーをしているのに、南アフリカW杯以降、日本ではポゼッションという言葉が流行ってしまった」 杉本龍勇(岡崎慎司の専属フィジカルコーチ) 日本のサッカーには何かが足りない――。ブラジルW杯における日本代表の惨敗を見て、多くの人がそう感じたのではないだろうか。 技術水準が上がり、経験も積んで、戦術の引き出しも増えた。なのにW杯で1勝もできなかった。メキシコ人のアギーレが来ても、ボスニア・ヘルツェゴビナ人のハリルホジッチが来ても停滞感が漂い続けているのは、重要な何かが欠けているからに違いない。 そんなことを考えているとき、答えのひとつを示す人物に出会った。 フィジカルコーチの杉本龍勇(法政大学教授)だ。 陸上選手だった杉本はベルリン留学を経て、清水エスパルスのフィジカルコーチなどを歴任し、2012年から岡崎慎司の専属コーチを務めている。ブラジルW杯前には吉田麻也の指導も行
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く