2015年08月の記事一覧



20150831-Jimdo-サブドメイン名はwwwのみ-01

みなさん、クラウド型CMSのJimdo使っていますか?

Jimdoでサイトを構築について調べていて、こんな記述に出会いました。

Jimdoで利用できるサブドメインはwwwだけです。残念ながら、それ以外のサブドメインを利用することは出来ません。

Jimdoで出来ること出来ないこと - JIMDO研究所(Jimdoで出来ること出来ないこと - JIMDO研究所)


ここでの話はJimdo ProやJimdo Businessで使用できる独自ドメインの話です。

独自ドメインを設定するときにblog.example.com や m.example.com みたいな形は使えず、www.example.com の形しか使用できないということです。

この仕様は外部のDNSで使いたいサブドメインを指定して、CNAMEでJimdoのサーバーに行き先を指定すれば、何とかなるのでは?と思ったので、Jimdoの日本担当であるKDDIウェブコミュニケーションズに問い合わせてみたので、内容をシェアします。

記事の続きを読む




asahi.comが登場して20周年記念で、開設当時の様子を再現したページが公開されています。

トップページでリンクしているニュース記事は2015年8月10日の最新のものだが、ページデザインは横480ピクセルに収まるサイズで作られており、背景色はシルバー(bgcolor="#c0c0c0")で、「HTML 3.0をベースにデザインしています。Netscape 1.x の使用を推奨します。」との注意書きもある。

Netscape 1.xでの閲覧を推奨、20周年の「asahi.com」トップページが開設当時のデザインに -INTERNET Watch(Netscape 1.xでの閲覧を推奨、20周年の「asahi.com」トップページが開設当時のデザインに -INTERNET Watch)

20150822-BlinkタグをCSS3で再現-02

画像出典:Asahi NewsPaper Index(Asahi.com)


懐かしいですね。灰色の背景とか、バナーの感じとか、微妙に英語とか。



●昔よく使われていた文字を点滅させるタグ「blink」

このNetscape 1.0ネタではないですが、テキストを点滅させるblinkタグが昔のウェブブラウザーにあって、ホームページでよく使われていました。

こういうものですね。(アニメーションGIFです)

20150822-BlinkタグをCSS3で再現-01

何か懐かしさを感じる表現ですね。

最近のブラウザーではこのblinkタグに対応していないものがほとんどですが、これを新しい技術(CSS3)を使って再現してみます。

記事の続きを読む



みなさん、Photoshop CC 2015の新しい画像書き出し(※)を使っていますか?

※:メニューから「ファイル」→「書き出し」→「書き出し形式」


新しい画像書き出しでJPEGはかなり高性能って話を「ファイルサイズは半分に。Photoshop CC 2015のJPEG保存を検証/JPEGmini不要という結果に」の記事で書きましたが、この画像書き出しのウインドウで不満点があります。



●不満点はプレビューが縮小表示されてしまうこと

それは、大きな画像から画像を書き出そうとすると、プレビューが縮小表示されて細部がすぐに見ることができないこと。

実例としては、1600×1020ピクセルの画像を書き出そうとすると、中央のプレビュー表示が以下のように縮小表示されてしまいます。

今回は25%の縮小表示になっています。

PNG-8などで減色している場合やJPEGで品質を下げているときには100%表示(dot by dot)で見ておかないと心配ですよね。

20150819-Photoshop-CC-2015-画像書き出しの倍率変更-04


今回はこれを一発で100%にする方法を紹介します。

記事の続きを読む



ネットで印刷の注文をする「印刷通販」市場について、少し思う所があるのでまとめておきます。

なお、所属する会社・団体の意見と必ずしも一致するものではありません。



●印刷業界全体は20年で30%売上高が減少

まず、印刷業界全体としては、そんなに盛り上がっていないことは多くの方は感じているところではないでしょうか。

ウェブを始めとするデジタル媒体の方に予算を取られて、印刷媒体はどんどん減っている印象です。

実際の統計を見てみると、約20年前のピーク時の8.9兆円から現在は5.4〜5.9兆円に縮小していることになります。30%程度の減少です。大きく減少していますね。

まず最初に、印刷業界の現状と印刷通販マーケットの流れを押さえておきたいと思います。印刷業界のピークは、1997年時であり、その時の市場規模は8.9兆円でした。そして様々なレポートなどを拝見すると、現在の市場規模は5.9兆円と言われ、ピーク時より30%市場が減少していることになります。
特集|印刷通販特集 2015 : 成功の鍵はオムニチャネルによるブランディング 〜 寄稿・船井総研 岩邊久幸氏(印刷ジャーナル)
「工業統計」は2013年について4人以上の事業所に限定した速報を公表した。2013年の出荷額は2.4%減の5.4兆円と、大震災後、印刷出荷額の下げ幅は2年続けて3%台を下回る小ささで安定した。
2014年の印刷市場を振り返る(JAGAT)
記事の続きを読む



代表的なソーシャルメディア(SNS)のTwitter・Facebook・Google+をやっている方であれば、誰でも一度は「この投稿と同じ内容を複数のSNSに投稿したい」と思ったことがあるはずです。


iOSアプリ・Androidアプリ・WebアプリのHootSuiteを使えば、Twitter・Facebookへの同時投稿は可能です。

でも、もっと簡単に気軽にできないものか、ということで昔はSelective Tweetsというアプリがありました。

動作は「ツイートにハッシュタグで『#fb』を付けたものだけをFacebookに投稿する」というもので、全てをFacebookに投稿してしまわない点が非常にウケていたようです。


同じものはないか?と調べてみたら、ありました。

IFTTTに。

それがこれ。

20150813-Twitterから指定したツイートだけFacebookへ投稿-01

画像出典:Post your tweet on Facebook by including a specific #hashtag by linden(IFTTT)


説明には特定のハッシュタグを付けたツイートをFacebookにポストすると書いてありますね。まさにこれ。

1万人以上が使っているようです。やはりこういう需要はあるのですね。

記事の続きを読む



Facebookで素敵な動画が紹介されていました。


木で作られた線路のようなものが森の中にずら〜っと設置されています。

階段のようにも見えますね。

201500809-森の木琴-ドコモ-touch-wood-01

画像出典:Ruben Mandolini(Facebook)


そこに木の玉を転がすと…

201500809-森の木琴-ドコモ-touch-wood-02

画像出典:Ruben Mandolini(Facebook)


ピタゴラスイッチじゃないですが、玉がコロコロと木の階段を転がり落ちながら音を出していきます。

それぞれの階段の音は違うようですね…木琴になっているのか!…とよく聞いてみると、これは誰もが知っているあの曲ですね! すごい!

201500809-森の木琴-ドコモ-touch-wood-03

画像出典:Ruben Mandolini(Facebook)

記事の続きを読む



Yahoo!BBのページをスマートフォンで見ていたときに、この電話受付はなかなか良いな、参考にしようと思ったのでブログでシェアします。


●ウェブからの電話対応

そのページはYahoo!BBの ADSLのキャンペーンページです。

「お電話で今すぐお申し込み・ご相談」の下に「tel:」で始まるリンクが仕込まれた「電話をかける」ボタンがあります(なぜか「受付時間」という言葉がダブっていますが…)

「電話をかける」ボタンをタッチすると、電話アプリが立ち上がって電話が掛かります。


「電話をかける」ボタンのすぐ横に目立つ緑のカラーで「折り返し電話予約」ボタンがあります。

今回、いいなと思ったのはこの緑色のボタンです

20150802-Yahoo_BBのウェブから電話をかける-01

記事の続きを読む



20150801-Jimdo管理画面に文字を追加する-01

画像出典:ホームページ作成サービス - Jimdo(ジンドゥー)


ウェブサイトが簡単に作れるJimdoのロゴや管理画面が新しくなりましたね。



●新しい管理画面は分かりやすくなった

さて、新しい管理画面ですが、以前Web担当者フォーラムのUX侍にてJimdoを取り上げたときにアイコンのラベルの常時表示した方が良いという話が出ていました。

今回はこのUX侍の提案に沿った改善になっています。

▲▲ぅ灰鵐瓮縫紂爾離薀戰襪肋錣防充┐垢

森田:あと、アイコンメニューのラベル文字は、常に表示しておくのが得策だと思います。マウスオンで見せるのでは、かっこいいかもしれないけれど、ユーザーは覚えられないし、メニューの意味がわからなければ、ユーザーは毎回マウスオンしないといけません。

他にも、グラフのマークは、エクセルとかパワポを使っているユーザーは、図版が入れられるのかって勘違いしてしまいそう。アイコンは、どうしてもそういうミスマッチが起きるケースが多いので。アイコンを小さくしたとしても、ラベルを表示すべきだと思います。

高畑:メニューのラベルの常時表示は対応検討します。

スマホでウェブサイトを作る人増加中! UIリニューアルのカギは「モバイル対応」 Jimdo × UX侍 | UXサムライ(Web担当者Forum)


ですが、以下の2つだけなぜか対応せず。ディスプレイっぽいアイコンと、電源マークのアイコン。

これ、どういう機能か想像できますか?

20150801-Jimdo管理画面に文字を追加する-01


実は「編集しているページのプレビュー」「ログアウト」です。

プレビューは分かりづらすぎでしょ…。なぜこの2つはラベルの常時表示にしなかったのか、理解ができません。


というわけで、この2つのアイコンも常時ラベルを表示する方法を紹介します。

記事の続きを読む




ブログ著者

名前:(Google+のプロフィール)

ケータイ好き。ガジェットが好きでiPhoneやらAndroidなどを所有。Surface Pro 2も持っている。

お仕事は印刷会社で営業・広報活動・DTPオペなどをしています。要は何でも屋さんです。最近は印刷関連より、自社のウェブサイトを制作するお仕事がほとんど。使用しているCMSはMovable Type。

ブログ著者について

サイト内検索