こんにちは、しょこたんです。 今日はCanvasについて使い勝手を比較してみます！ CanvasというのはHTML5の機能で、 簡単かつ自由に描画することが可能。 しかし本当に便利なのか？ というのは疑問ですよね。 そこで、 同じようにHTML上で描画をすることができる、 SVG形式との比較からCanvasの使い勝手がいいのか悪いのか 解剖してみます(^^) 1章 SVG形式って？ ここで寄り道して SVG形式を紹介します。 SVGとは、xml形式で記述することで、 描画を提供するものです。 特徴は拡大縮小した時に、解像度が落ちないこと。 ちなみに、画像やテキストも扱うことができます。 一方Canvasは、ピクセル単位で詳細な描画ができる反面、 拡大縮小時に解像度は変化してしまいます。 どちらもW3C標準で規定されている形式です。 この二つを比較していきます。 2章 図形を書くための下準備

In the previous table, think of a mental model of the two in terms of existing software. Canvas resembles MSPaint, where you can draw and create images by using shapes and other tools. SVG resembles a Office PowerPoint slide that has programmable support and the ability to add a theme. When to Use <canvas> and when to Use SVG: The Scenarios This section describes the technical benefits and limitat

日本語ウェブフォントとは 日本語ウェブフォントも本当にゆっくりですが、広がりを見せてきています。私のホームページで使っているのも日本語ウェブフォントですし、このブログも実は日本語ウェブフォントを使用しています。ちょっと可愛い文字でしょ。SEOにも有利ですし今後広がっていくと思います。 FONTPLUSのFONT TIPS　https://fontplustips.comではわかりやすく日本語ウェブフォントの説明がされているので、まずは基礎知識を得てみるのも良いと思います。Webディレクターとしておさえておきたい！日本語Webフォント最新事情でもわかりやすい説明があります。 私の公開しているフロップデザインフォントと、うつくし明朝体もウェブフォントを見据えてデザインされています。このブログはフロップデザインフォントをカスタマイズしたフォントです。フロップデザインフォントはフラットデザインのイ

ネットワーク経由で安全にファイルを転送する方法として、SCPやSFTPがある。最近では、セキュリティ向上のためファイル転送にFTPではなく、SCPやSFTPを推奨しているサイトも多い。本記事では、Windows用のSCP/SFTP/FTPクライアントである WinSCP を使ってファイルをやりとりする方法を解説する。 SCPとは「SeCure CoPy」の略で、暗号化通信を行うSSH（Secure SHell）の機能を使用してファイル転送を行うものだ。また、SFTP（Secure FTP）はSSH経由でFTPを利用するもので、ともに通信を暗号化するため通信内容が盗聴されにくいという特徴がある。 従来、ファイル転送にはFTPが多く使われていたが、FTPは暗号化を行わないためパスワードや通信内容を盗聴されてしまう可能性があった。そのため、最近はファイル転送にSCPやSFTPを推奨する例が増えて

令和6年1月1日に発生した能登半島地震により亡くなられた方に心からお悔やみを申し上げるとともに、被災された方々に心よりお見舞い申し上げます。 和倉温泉はかつてない未曾有の事態となっておりますが、一方で、千年に一度のピンチを千載一遇のチャンスに発想転換し「温泉街全体の創造的復興」に向けて、次世代を担う旅館・商店経営者・リーダーらと共に新たなまちづくり推進団体を設立し、産学官金の連携体制のもとで未来志向の魅力あるまちづくりを強力に推進してゆきたいと考えておりますので、今後とも和倉温泉をご愛顧賜りますよう何卒宜しくお願い申し上げます。

こんにちは。 今回はSNSボタンをオリジナルの画像にする！です。 サイトのデザインに合わせてSNSボタンも好きなデザインにしたいですよね。 今回はSNSボタンのオリジナル画像の設置の仕方について書いてみました。 WordPressに記述する例になります。 Twitter <a href="http://twitter.com/share?count=horizontal&original_referer=<?php the_permalink();?>&text=<?php the_title();?>&url=<?php the_permalink();?>" onclick="window.open(this.href, 'tweetwindow', 'width=550, height=450,personalbar=0,toolbar=0,scrollbars=1,resiza