リクエスト予約希望条件をお店に申し込み、お店からの確定の連絡をもって、予約が成立します。 1 予約の申し込み ご希望の条件を当サイトよりご入力ください。 2 お店からのメール ご予約が承れるか、お店からの返信メールが届きます。 3 お店へ来店 予約が確定した場合、そのままお店へお越しください。
日本航空は12日、男性機長(47)が飛行中、安全確保のため操縦室に入った客室乗務員(CA)(28)を操縦席に座らせスマートフォンで撮影していたと発表した。 The interior view of the flight deck, or cockpit, of an Airbus A350XWB test plane is pictured at the Farnborough Air Show in Hampshire, southern England, on July 16, 2014. European aircraft maker Airbus won orders for its passenger planes from leasing companies worth about $25 billion at the Farnborough airshow on Tuesda
他人の無線LANを勝手に使う「ただ乗り」をしたとして、警視庁と愛媛県警は12日までに、電波法違反容疑で、松山市の無職の男(30)を再逮捕した。「ただ乗り」の摘発は全国で初めて。 HANOVER, GERMANY - FEBRUARY 28: The new Vodafone LTE high-speed router (L) and modem stand on display at the Vodafone stand at the CeBIT technology trade fair on February 28, 2011 in Hanover, Germany. LTE, also called 4G, is a new mobile broadband standard that promises speeds many times that of current UMTS a
ท้าทาย เพิ่มเติมประสบการณ์ รวมไปถึงลุ้นเงินรางวัลได้อย่างมีอิสระ บาคาร่า99 ทางเลือกที่จะเข้ามาเติมเต็มให้กับนักพนันทุกคนอย่างทั่วถึง สำหรับคนทั่วไปที่มีความสนใจตัวเกมพนันออนไลน์ อยากจะให้เริ่มต้นกับทาง บาคาร่า99th ที่มีการเน้นบริการเกมพนันยอดนิยมระดับโลกอย่าง Baccarat เกมพนันที่กลายมาเป็นอันดับที่ 1 สามารถครองใจนักพนันไปทั่วโลก เนื่องจากว่าขึ้นชื่อว่าเกมพนัน จะต้องง่ายและหลากหลาย สามารถตอบสนองทั้ง
SEO は、外部対策と 内部対策 の2つの手法が存在します。 外部対策は、自社ホームページの外側の部分、つまり被リンクの構築を指します。 一方、 内部対策 はホームページのソースなど内側の部分を Google に読み込まれやすいように最適化する施策を指します。 今回は、 内部対策 に効果的なテクニックを4つご紹介します。少しでも SEO を強化したいという方は是非チェックしてみましょう。 1. クローラー にホームページを巡回させるためのテクニック https://ferret-plus.com/1343 クローラー と呼ばれる 検索エンジン 内のロボットが各ホームページを巡回しデータを蓄積し、 検索結果 に反映させていきます。 巡回のしやすさをクローラビリティといいます。クローラビリティを向上させることは SEO に良い影響を与えられると考えられます。 クローラビリティを向上させるには、
水泳の中で芸術点を競う競技のひとつに「飛び込み」がある。いかに水しぶき上げないように着水するか、そして空中でアクロバティックな技を組み合わせるか、などが採点基準になる競技だ。 誰しも一度は見たことのある競技だが、つい先日0点を叩き出した選手が話題になっている。一体何があったのか。さっそく、動画「Funny and Embarrassing Moments of Filipino Divers in SEA Games 2015. Anyare???」で確認してみよう! ・飛び込みで豪快すぎる着水 動画には、シンガポールで開催中の東南アジア競技大会の一部が収録されている。演技は高度な技術が必要とされる「男子3m板飛び込み」。台の上に立っているのはフィリピンのジョン・エルメルソン・ファブリガ選手だ。 緊張をしている様子が映像から伝わってくる中、いざ演技が始まる。そして次の瞬間、思わぬ映像が……
はじめに ■目的 ImageMagick と PHP。 そしてPHPからImageMagickを利用するためのPHP 拡張モジュールImagick。 これらを利用することでPHPスクリプトから画像変換が出来ます。 しかし、これだけではPDFから画像変換が出来ません。 そこでGhostscriptを導入しPDFの画像変換を行ってみました。 ■Ghostscriptとは PostScript/PDF インタプリタ。 よく分かりませんが、アドビシステムズのPostScriptファイルを画像ファイルに変換することが出来るもののようです。 こちらを導入することでImageMagick+PHPでPDFより画像変換が可能となるとのこと。 ■公式サイト http://www.ghostscript.com/ ■今回の実装環境 CentOS 6.5 (64bit) php 5.4.33 httpd 2.2.
こんにちは、cloudpack の 橋本です。 はじめに ■目的 ImageMagick と PHP。 そしてPHPからImageMagickを利用するためのPHP 拡張モジュールImagick。 これらを利用することでPHPスクリプトから画像変換が出来ます。 しかし、これだけではPDFから画像変換が出来ません。 そこでGhostscriptを導入しPDFの画像変換を行ってみました。 ■Ghostscriptとは PostScript/PDF インタプリタ。 よく分かりませんが、アドビシステムズのPostScriptファイルを画像ファイルに変換することが出来るもののようです。 こちらを導入することでImageMagick+PHPでPDFより画像変換が可能となるとのこと。 ■公式サイト http://www.ghostscript.com/ ■今回の実装環境 CentOS 6.5 (64bi
【perl おぼえがき】Image::Magick で画像を操る。その 42。3D 効果。Shade. Image::Magick 画像の操作ができるらしい。 (というか、今はそこまでしか分からない。) こういう画像があるとして、Image::Magick を使ってあーだこーだしてみます。 先日のブログ記事で画像の倍率をセグメント化して表示することができたので、その続き。 #!/usr/bin/perl use strict; use warnings; use Image::Magick; my $filename = "./tmp/zawazawa.png"; my $image = Image::Magick->new; $image->Read("$filename"); $image->Shade(geometry=>"0x0"); print "Content-type: im
現在製作中のCMSで、新しいメニューを追加したときメニューボタンも画像で書き出せないかと考えました。 ウェブアプリを主に制作していると、あまりLinux上のフォントなどを意識しません。 SSHでアクセスして作業するので、フォントなんて関係ないからです。 自分が管理しているウェブサーバにいったいどれぐらいのフォントがインストールされているのか調べたことも有りませんでした。 convert -list typeというコマンドで一覧は表示してみましたが、どんなタイプフェイスを持ってるのか、それらを実際に画像化できるかもわかりません。 そこで、PHPとImageMagickを使ってサーバにインストールされているフォントをそれぞれのフォントで画像にし、表示してみました。 【準備するもの】 CentOS5以上 ImageMagick PECL imagick モジュール 【手順】 convert -l
Image Magick の convert コマンドで、文字を埋め込んだ画像を作ることが出来る。 文字を画像にして保存するのにも convert コマンドで可能である。 実例はこれ。 convert -background white -fill black \ -font /System/Library/Fonts/ヒラギノ明朝\ ProN\ W6.otf \ -pointsize 256 label:精力善用 text4.png これが出来上がり text4 解説 convert コマンドは convert \ -background white \ #背景職 -fill black \ #文字色 -font /System/Library/Fonts/ヒラギノ明朝\ ProN\ W6.otf \ #フォント・ファイル -pointsize 256 \ # フォントサイズ label
年が明けたと思ったら、もう1月も終わり。。。 今年もあっという間なのだろうなと思いつつお問い合わせ対応に追われる毎日でございます。 おひさしぶりです。塚原です。 先ほど追われているとは書きましたが、お問い合わせばかりではく合間に開発もガッツリおこなってます。この前、スマホにPush通知できたりするParseを使う機会がありましたのでそれについて書きます。 元々仕組みはあったのですが、一度に大量に送るとトラフィックが集中するためサーバに負荷がかかることや一部自動化されていないところがあったので、PHPでバッチ化し自動で少量ずつこまめに送るようにしました。 まず、やったのがデータはすでにParse側に登録済みのものが大量にあったので、こまめに送るためのグループ分けをしました。 PHPのcurl関数を使いParseのREST APIを利用します。 条件指定してデータの取得 // ご自身でお使いの
Image::Magick で画像に透かしを付ける手順 文字なども透かしにできます。手順は少し複雑で、以下の通りです。 透かしにする内容(文字やマーク)を白黒画像として描く 透かし部分だけを薄く有効にするマスクを作成 マークファイルとマスクと元画像を結合 もし透かしにアイコンなどの画像を使用したい場合はマークファイルとマスクファイルは手動で作成しサーバにアップロードしておき、Image::Magick で読み込みと結合を行います。 Image::Magick サンプルコード:Image::Magick で画像に透かしを付ける my $watermark; my $watermarked; eval{ #元画像と同じサイズの画像を作る $watermark=$img->Clone(); $ret = $watermark->Set( colorspace => ‘RGB’, ); #一旦黒で
Linuxに使われる日々 主にLinux関連の話題中心にお届けしております。 たまに、家族や友達のこと。パソコンのことなど趣味や日々の思い付きを書いてます。 < GWのイベント画像に文字を重ねてみる > 2010年05月07日16:02 カテゴリLinux業務連絡(ただの覚書) Image Magickで文字を描く My Yahoo!に追加 文字列を画像にするのに、コマンドラインから描画する方法があったのでメモしとく。 基本は下の様なコマンドで文字列を描画。 convert -size 240x60 xc:none -font /usr/share/fonts/truetype/sazanami/sazanami-mincho.ttf -gravity center -fill green -draw "font-size 28 text 0,0 '装飾なしの普通の文字'" test1.p
ImageMagickで画像を作成するシリーズです。 今回は基本中の基本、文字に影を付けたり文字を立体的に見せたりするやり方です。 ■文字に影をつけます 先に黒系文字を少しずらした位置でぼかします。 あとは普通に文字を書けばOK [ソースコード] #!/usr/bin/perl use strict; use Encode qw/from_to/; use Image::Magick; #白背景キャンバス用意 my $img= Image::Magick->new; $img->Set(size=>'420x260'); $img->Read("xc:white"); #テキストをUTF-8変換 my $text= '風景'; from_to($text, "shiftjis", "utf-8"); #文字入れ(影用) $img->Annotate(text=>$text, stroke=
► 2020 (9) ► 08/02 - 08/09 (1) ► 07/26 - 08/02 (4) ► 07/19 - 07/26 (4) ► 2019 (49) ► 06/09 - 06/16 (1) ► 06/02 - 06/09 (1) ► 05/26 - 06/02 (2) ► 05/19 - 05/26 (3) ► 03/17 - 03/24 (21) ► 03/10 - 03/17 (10) ► 02/03 - 02/10 (5) ► 01/27 - 02/03 (3) ► 01/13 - 01/20 (3) ► 2018 (72) ► 12/30 - 01/06 (3) ► 12/23 - 12/30 (6) ► 12/16 - 12/23 (5) ► 12/09 - 12/16 (3) ► 12/02 - 12/09 (7) ► 11/25 - 12/02 (8) ► 1
明日もデザインで食べていこう![22]HTML5 canvas要素でimg要素をぐにゃぐにゃ曲げるスクリプトを作ってみる ── 秋葉秀樹 ── 投稿:2011年10月03日 著者:秋葉秀樹 以前HTML5案件で作ったもので、canvasで下の図のようなことができるJavaScriptファイルなんですが、これをライブラリ化(っぽく)スクリプトファイルにしてみました。まだ欠陥が多いしAPI仕様もまとまってないのですが、ひとまずこんな表現が可能です。 < > ソースはここにあげときました。(使い方よくわかんないけど) < https://github.com/Hidetaro7/trianglerJS > ActionScript 3.0には、GraphicsクラスにdrawTriangles() ってメソッドがあります。何をするかって言うと、ビットマップ画像をテクスチャマッピングすることが目
このチュートリアルは、 <canvas> 要素を使用して二次元のグラフィックを描画する方法を、基本から説明します。ここでの例は、キャンバスで何ができるかを明確に示すものであり、独自のコンテンツを作成するためのコードスニペットも提供しています。 <canvas> は HTML の要素であり、スクリプト(ふつうは JavaScript)を使ってグラフィックを描くことができます。これは例えば、グラフを描いたり、写真を合成したり、簡単なアニメーションを作成したりすることができます。 <canvas> は Apple が macOS Dashboard のために WebKit に初めて導入した後、ブラウザーに実装されました。現在は、あらゆる主要ブラウザーが対応しています。 <canvas> を使うのはそれほど難しくはありませんが、 HTML と JavaScript の基本的な理解が必要です。一部の
赤い点をドラッグしてみてください。 あくまで基礎中の基礎なので、もっと詳しい方はこちらのほうがおすすめです。 「2009-02-11 - 最速チュパカブラ研究会」 http://d.hatena.ne.jp/gyuque/20090211#1234364019 ■画像を3D的に遠近感を出すには? 例えば正面を向いている画像が上を向いているように見せるにはどうすればよいでしょう? それは、画像を台形にして上辺が狭くなれば、立体的に上を向いているように見えますよね? 今回はcanvas要素を使ってこういった画像を変形させることにします。 しかし、現在仕様が固まりつつあるcanvasの2Dレンダリング方式では、こういった画像に奥行を与える直接的な機能を持っていません。 つまり長方形のカタチから台形に変形させるのは簡単にできないというべきです。 Flash Playerはvar10からムービークリ
[69-10] Canvasの描画の状態を保存・復元する save() と restore() 最終更新日:2019年02月06日 (初回投稿日:2015年02月16日) 前回の「[69-9] Canvasでグラフィックスの変形をしよう」で、1度指定した変形は初期化のソースを書かない限り、ずっと継承することがわかりました。 変形だけでなく、Canvas では、線や塗り、透明度、フォントの指定などの描画の状態は、一度指定したらずっとそのまま変わらないという特徴がありますね。 今回はこのような描画の状態を一時保存したり、それを必要なタイミングで呼び出して復元するメソッド、save() と restore() を使ってみます。 これは、複雑な図形や 描画を何度も繰り返すアニメーションなどを作る場合に大事になってきます。 今回のサンプルはこちらです。 save() と restore() 前回の「
最近Canvasと触れ合う機会があり、色々勘違いしていたり、こんなことも出来るんだみたいなことがあったのでメモ。 描画をプログラミングでするのがはじめてだったので、やっている人には常識なことばかりかもしれませんが。 参考 まず最初に見るサイトとしては日本語だとこの辺りがわかりやすいんじゃないかと思います。 http://www.html5.jp/canvas/index.html https://developer.mozilla.org/ja/Canvas_tutorial Canvasの基準点 Canvasには基準点というのがあって、全てはその位置から「x」にいくら「y」にいくらというように図形を配置する場所を指定します。例えばx軸に「100」、y軸に「50」ずらした「40」の正方形を描画するには下記のように指定します。(他にも指定する方法はあります) // ctxはcanvasのco
構文 context . save() 現在の状態をスタックの最後に加えます。 context . restore() スタックの最後の状態を抜き出し、その状態をコンテキストに復元します。 仕様 コンテキストは描画状態のスタックを維持します。描画状態は次の要素から構成されます: 現在の変換マトリックス 現在のクリップ領域 次の属性の現在の値: strokeStyle, fillStyle, globalAlpha, lineWidth, lineCap, lineJoin, miterLimit, shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor, globalCompositeOperation, font, textAlign, textBaseline. 現在のパスと現在のビットマップは描画状態に含まれません。現在のパスは、b
HTML5 のキャンバスでは bezierCurveTo メソッドを使ってベジェ曲線を描くことができます。 今回はこれを使って、Illustratorなどのベクトルソフトぽく、制御点を動かして、曲線を変形させられるようにしてみます。 サンプル 先に動作サンプルからどうぞ。Firefox, Chromeで動作確認済み。 (このサイト、HTML5じゃないんですが、まぁ気にしないでください 笑) けっこうグリグリ動かせていい感じですね! 解説 そんなにむずかしいことはありませんが、簡単にするためにベジェ曲線はBezierCurveクラスにまとめています。 コンストラクタで初期化したあとは、メインループからhitTestメソッドとdrawメソッドを呼び出しています。 ソースコード JavaScript ソースコードの全文です。こちらからダウンロードすることもできます。 function Bezie
canvasで画像を歪ませる、例えばActionScript 3.0のdrawTriangleのような、メッシュを作ってマッピングするにはどうしたらいいんだろう?と思い調べてたら、やはりありました。
HTMLファイ部のほんだです。シュッ 「ページ遷移」、聞くだけでゾクゾクしませんか? 僕は大好きです。 Web Creator's Contest Q(HTML、CSS、JavaScript エンジニアのためのコンテストサイト)では、 ページ遷移・画面遷移をテーマにしたコンテストを開催中です。 とても好評で、5回目となった当コンテスト。 今回のテーマも、力の入ったコードがたくさん投稿されています! 魅力的な画面遷移エフェクトのコード集! Cubic Transition ※「▶Play」ボタンをクリック!
ぱんかれはいつも「なんかないかのう」とつぶやきます。 しかし、このワードをつぶやいているときは面白いモノを作るきっかけを探しています。 高速道路フォントを作り始める前にも「なんかないかのう」とつぶやいていました。 最近はコンビニエンスにいろいろなものが簡単に実現できるようになりました。 調べることも、遊ぶことも、作ることも、何か始めることでさえ、ネットにつなげることができればすぐ完結できてしまいます。 そんな世の中を受け入れつつも、他の方の「こんなのないかのう」を満たすような、なにか変わったものをつくりたい。 サイト名称「5r4ce2(ファイバーフォースツー)」は、Fiber(繊維のような)とForce(力)、この2つを組み合わせたものです。 みなさんと、がっしり結びつきながら、新たな方向性という「力」を、世に発信していければと考えています。 いっしょに、私たちと楽しんでみませんか? 20
ファミコン風フォントを使ってみよう!(2) こんにちは、さち です。 以前、ファミコン風フォントを使ってみよう!という記事を書きましたが 今回はその第ニ弾をしてみようと思います。 前回紹介したファミコン(ゲーム)風フォントは 半角英数字しか使用できませんでしたが 今回は上の画像のように日本語が使える フリーフォントを紹介していきます! FAMania ファミコンのフォントの特徴が上手に再現されています。 ひらがな,カタカナ,数字,アルファベット(大文字,小文字),一部の記号 など 多くの種類の文字を打つことができます。 →ダウンロード (Chiphead 様) ドラクエフォント ひらがな、数字 などの他にドラクエっぽい記号を使うことができます。 ドラクエフォントエディタというソフトが同サイトで配布されており これを使用することで簡単にドラクエ風の画面を作ることができます。 ちなみにこの記事
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
無料ジェネレーター取り扱いサイト様 とある魔術の禁書目録っぽい とある魔術の禁書目録・とある科学の超電磁砲っぽいのロゴが作れます。 今回のアイキャッチにさせて頂きました! ちなみに、枠は自前で追加しています。 けいおん!っぽい けいおん!っぽいロゴが作成できます。 png形式でダウンロードができます。 試しに作ってみました。 文字色や背景色なども変更が可能になっています。 とらドラ!っぽい とらドラ!っぽいロゴが作成可能です。 png形式でダウンロードができます。 試しに作ってみました。 使用できる文字はひらがなとカタカナのみです。 文字の背景色の変更が可能です。 Twitterっぽい Twitterっぽいロゴが作成出来ます。 png形式でダウンロードができます。 海外サイトなので、日本語は利用できませんでした。 わかりやすいように背景色をいじってあります。 透過画像でダウンロード出来るの
こんにちは、haruです。 春到来で桜がきれいな今日この頃ですね。 通勤時に通りかかる桜並木が最近の癒しです。 今回はイラレとフォトショでDQ風ロゴを作りたいと思います。 完成図はこちら。 step1 イラレを起動し、ロゴにしたい文言を用意します。 文言の字数は10~12字くらいが理想的です。 フォントはImpact 、また高さを150%にし文字を縦に伸ばしておきます。 なおこのとき文字間は結構きつめにしといた方がいいです。 step2 ワープオプションをつかって文言を歪ませます。 【ウィンドウ】→【コントロール】で表示しておき、下図のようにクリックし、ワープオプションを設定します。 step3 設定した文字を【Ctrl+shit+O】でアウトライン化し、文字を複製、95%に複製します。 手前文字が黒色のままだとわかりにくいので赤色に変更しました。 下の黒部分が立体になることを意識して文字
追加したリンクにはNewにて。 --------- ふっかつのじゅもんジェネレータ 復活の呪文ジェネレータ(ドラゴンクエスト1) http://new-beetle.net/jp/Game/DragonQuest/Password/dq1passwd.html ジェネレータ ドラクエ成分分析 http://seibun.nosv.org/maker.php/dradra/ ドラクエ占い http://yan-cocktail.sakura.ne.jp/hp/uranai/dq/ ドラクエマップジェネレーター http://www.geocities.co.jp/AnimeComic/8742/img/swf/dq_map_generator.html ドラクエステータス作成 http://eucaly.net/~iso50/createStatus/createStatus.html お気
はじめに ドラゴンクエスト風のロゴの作り方を紹介します。 レイヤースタイルを使って立体感を出した後に岩肌の質感を出すために手書きで陰影をつけます。 簡単にできる方法ですのでぜひ挑戦してみて下さい。 では作り方の説明を始めます。 作り方の説明 800×200pixelで新規ファイルの作成して下さい。 フォント:Impact サイズ:110 pt 色:f0e132 で好きな文字を入力して下さい。 【編集】→【変形】→【拡大・縮小】を押して下さい。 高さを130%にして文字を縦に伸ばします。 (自由変形で適当な好みの高さにしてもOKです。) ワープテキストを作成します。 上の画像の赤丸のボタンを押して下さい。 ワープテキストを設定していきます。 【でこぼこ】を選択。 【水平方向】を選択。 カーブ:-15% 水平方向のゆがみ:0% 垂直方向のゆがみ:-15% こんな感じになります。 レイヤースタイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く