「AdobeユーザーのためのBlender入門」というチュートリアルを作りました
普段 Adobe Illustrator や Photoshop を使ってデザイン制作をしている、あるいはそれと同等のPCスキルがある方向けの Blender というアプリケーションを使った3DCG制作の入門チュートリアルを公開しました。 こちらのページで体験できます。 AdobeユーザーのためのBlender入門 Blenderとは Blender とは、オープンソースで公開され無償で利用できる統合型3DCGソフトウェアです。 ※統合型3DCGソフトウェア: 要するに色々なことができる3DCGソフトのこと。「モデリング」とよばれる形を作る機能はもちろん、アニメーションやレンダリング、動画編集など色々なことができる。 無償というと「低機能ではないのか」と思われる方もいらっしゃるかもしれませんが、Blender は数十万円の有償ソフトと比べても劣らないほど多機能なソフトウェアです。 おそらく
2015年11月の、これだけは押さえておきたいWeb関連の動き
PC関連 国内PC出荷、1998年度以来の1000万台割れへ 落ち込み止まらず MM総研 – ITmedia ニュース 「Windows 10の正式リリース後も好転の兆しは見えない」とのこと。 「MM総研によると、市場縮小の最大の要因はWindows XP買い換え特需の反動減」だそうですが、この先回復することはあるのでしょうか？ Internet Explorerのサポートが変わる2016年1月12日 アップデートが必要に – ライブドアニュース まだご存じない方もいらっしゃるようなので書いていますが、2016年1月から、Microsoft がサポートするIEは各 Windows で利用できる最新バージョンのみとなります。 つまり、 Windows Vista……IE9 Windows 7……IE11 Windows 8.1……IE11 ということになりますが、Windows Vista
El CapitanではXtraFinderやTotalFinderではなくForkliftを使おう
OS X 10.11 “El Capitan” では XtraFinder や TotalFinder などの Finder を拡張するアプリが使えなくなっています。 これは、アプリが El Capitan に対応していないということではなく、El Capitan の「SIP」または「Rootless」と呼ばれる新しいシステム保護機能によって、システム管理者でも変更できない領域ができたためです。 詳しくは、下記記事などで解説されています。 参考: OS X 10.11 El CapitanのSystem Integrity Protection(SIP)についてちょっと詳しく Google で「El Capitan XtraFinder」や「El Capitan TotalFinder」などのキーワードで検索すると、「El Capitan で XtraFinder を使うために SIP を
2015年7月の、これだけは押さえておきたいWeb関連の動き
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 Flashとセキュリティなど ニュース – Flash Playerに致命的な脆弱性、修正プログラムなくIPAは無効化を推奨：ITpro 現在は修正版がリリースされていますが、Flash コンテンツはこういうこと（脆弱性が発見され、修正版が出ていない時）があると、安全にコンテンツを見る方法がなくなるので困りますね… 東京都、職員のPCがウイルス感染、ニュースサイトのバナー広告で不正サイトへ誘導される -INTERNET Watch 「Flash Playerの脆弱性を突いて自動ダウンロード」されたそうです。 この記事にある「動画再生ソフトの欠陥」とは、上記記事の Flash Player の脆弱性の事
2015年2月の、これだけは押さえておきたいWeb関連の動き
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 コーディング HTML／CSSコーディング時間を激減させる「Creative Cloud Extract」と、その真価を引きだすための10のポイント （1/3）：CodeZine Webブラウザー、Dreamweaver CC 2014、Brackets などで利用できる、PSD の Extract（抽出）機能は、最近私もWebブラウザー版と Brackets で利用してみましたが、なかなか便利で、コーディングが速くなると感じました。 たとえば、長方形シェイプレイヤーをクリックで選択した状態で、CSS で ba… と入力開始すると、background: #f00; のように、今選択しているシェイプの
2014年11月の、これだけは押さえておきたいWeb関連の動き
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 コーディング関係 マイクロソフト、開発者向けにAndroid/iOS/OS XでIEを実行可能に – TechCrunch 最新の IE の動作確認を、Android/iOS/OS X で行うための RemoteIE のベータ版を Microsoft が提供開始しました。 以前紹介した Modern.IE と何が違うかというと、Modern.IE は Mac や PC にインストールするのに対して、これは Microsoft のサーバー上にインストールされている Windows + IE を実行し、スクリーンショットを手元の Mac や PC で見ることができます。 そのため、ストレージ（HDD や
2014年10月の、これだけは押さえておきたいWeb関連の動き
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン関係 新米デザイナーは知っておきたい、“美しい”バナーを“効率的”に制作するための10のステップ | 株式会社LIG バナーのレイアウト例が参考になりました。 トレーステクニック（現代版）｜3倍早くなるためのDTP講座 Illustrator CCの新機能を使ったパスの描き方が、GIF アニメで分かりやすく解説されています。 SVG MANIAX Ver.2 – Mars vanilla 「SVGってもう使っていいの？」勉強会の資料です。 viewBox の説明が詳しいのが良かったです。 正しくKeynoteでプロトタイプを作るコツ : could iOS アプリのプロトタイプ制作には、最新版
ブログのスマートフォン対応の際に考えたこと
遅ればせながら、2014年8月にこのブログのスマートフォン対応を行いました。 iPhone, iPod touch, Android, Windows Phone, BlackBerry などの各種スマートフォンのほか、 Kindle, Sony Tablet, Nexus 7 などのタブレットではスマートフォン用のテーマで表示されるはずです。 iPad は、PC 用のテーマのほうが見やすいと感じたのでそのままにしています。 なぜ今までスマートフォン用のテーマを作っていなかったのか 一番大きな理由は「見づらいというご意見をいただかなかったから」です。 また、昨年まではスマートフォンからのアクセスは 10% ちょっとしかなかったため、それほど必要性を感じていませんでした。 とはいえ全く何の対応もしていなかったわけではなく、iPhone や Android の場合は、本文のフォントサイズが少し
Macintosh HDを整理し、空き容量を効率よく増やす方法
MacBook Air などのラップトップ型の Mac を長く使っていると、Macintosh HD（内蔵ハードディスクや SSD などのストレージ）の空き容量がなくなってきて困ることもあるかと思います。 私の場合、MacBook Air の 256GB モデルを使用しており、先日どうしても Macintosh HD に 64GB 以上の空き容量が欲しかったので、以下の方法を試したところ 90GB 以上の空き領域を作ることができましたので紹介します。 ※この記事は、ファイルの移動や削除、パーティションの作成などについて書いています。それらの作業を行う際は、必ずバックアップを取ったうえで作業を行い、必要なファイルやパーティションを誤って削除しないよう、細心の注意を払って作業を行ってください。 この記事を参考にしたことで発生した、いかなる損害も一切補償できません。 何がHDを占領しているか調べ
GoogleとAdobeのフォントNoto Sans（Source Han Sans）の画期的なところ
2014年7月16日に、Google と Adobe がリリースした Noto Sans（Adobe からは Source Han Sans という名称でリリース）というオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。 これまでの問題 ウエイトの不足 普段Webデザインなどの仕事をされている方でないとあまり気にすることはないかもしれませんが、たとえば Android は、アプリによっては下記のように日本語部分と英数字部分で大きくウエイト（フォントの太さ）が異なることがありました。 ※この画像は、Nexus 7（Android 4.4）で Twitter 公式アプリを表示した時のものです。 Nexus 7 では Chrome ブラウザーなどでは日本語・半角英数字ともに丸ゴシックで表示され、ウエイトもおかしくないのですが、アプ
WebデザイナーのためのPhotoshop CC 2014の新機能まとめ
この記事は、Photoshop CC 2014 の新機能をWebデザイナー視点からまとめた記事です。 6月19日の「Adobe Create Now 2014」および、6月23日の「アドビ 報道関係者向けCreative Cloud 最新製品 デモセッション」で聞いた話を含みます。 新機能の一覧 現在私が把握している、Photoshop CC 2014 の新機能は以下のとおりです。 Webデザイン制作に深く関係しそうなものは太字にしています。 ぼかしギャラリーのモーション効果 文字ツールでフォント検索が可能に ライブフォントプレビュー 開いたPSDにフォントが存在しなかった場合、Typekit のフォントで置換可能に スマートガイドでオブジェクト間の距離を表示、均等に配置が可能に リンクされたスマートオブジェクトのレイヤーカンプの切替が可能に 焦点領域 埋め込まれたスマートオブジェクトをリ
Macの基礎の基礎: システム環境設定編
「Macの基礎の基礎」連載の第4回目は、OS X のシステム環境設定です。 本来は、システム環境設定は OS X を使い始めて最初に設定変更のために開くものと思いますが、事情により4回目の記事としました。 Mac で効率よくWeb制作をするにはシステム環境設定をきちんとやることが肝心です。 この記事ではおすすめの設定や、見ただけでは分かりづらい箇所について主に解説しています。 「システム環境設定」の起動 システム環境設定は、画面の下の方に表示されている Dock の中の「システム環境設定」アイコンをクリックするか、画面左上（メニューバーの左端）の Apple マーク（リンゴのマーク）をクリックして「システム環境設定」を選択します。 WindowsからMacに乗り換えた方へ 「システム環境設定」は、OS X の設定を変更するためのアプリケーション、つまり Windows でいう「コントロール
Macの基礎の基礎: テキスト入力と編集とテキストエディット編
このブログをお読みの方であれば、「テキスト入力や編集、テキストエディットなんてさすがに分かってる」という方が多いかもしれません。 しかし、以下のことをご存知でしょうか？ Mac は、control キーを使用することで、マウスを操作することなくさまざまなテキスト編集が可能である Mac には文字列を一時的に保持しておくための「クリップボード」のようなものが2つある。それらを使いこなすことでより効率のよいテキスト編集が可能である 「テキストエディット」では、複数行の検索や置換が可能である もしこれらのことをご存じなかった場合、この記事を読む価値があるかもしれません。 写真素材: ぱくたそ この記事では、前半は基本的な文字の入力方法、後半は control キーなどを使用したやや高度なテキスト編集の方法、テキストエディットの使いこなしなどについて書いています。 なお、この記事では Apple
Macの基礎の基礎: Finder編
「Windows から Mac に乗り換えたけどよく分からない」「いまいち使いこなせない」という声を最近よく聞くので、これから数回にわたって「Macの基礎の基礎」という連載をすることにしました。 アプリケーション別に記事を書く予定で、第1回目となる今回は「Finder」編です。 記事の内容は基礎編ですが、最後に Mac ユーザーの間でも意外と知られていない機能や新機能について書いています。 なお、この記事は主に Mac OS X 10.7（Lion）以降向けに書いていますが、私は OS X 10.9（Mavericks）を使用していますので、設定画面や機能など多少異なる場合があります。 画面キャプチャー（画像）は、すべて OS X 10.9（Mavericks）のものです。 はじめに: Windowsユーザーの方へ この記事は、基本的に「Mac に乗り換えたけどいまいち使いこなせない」方向
Windows XPだとページ全体に警告表示するJavaScriptを配布します
Microsoft による Windows XP のサポートはあと数十日で終了します。 サポート終了後はどのような脆弱性が見つかったとしても修正されません。 参考: 警察庁も注意喚起、サポート終了後のWindows XP利用は危険 -INTERNET Watch にも関わらず、まだまだ利用者がたくさんいるのが実態です。 さらに恐ろしいことに、ほぼWeb制作者向けの記事ばかりのこのブログも Windows XP からのアクセスが多い事がわかりました。 そこで、このブログでは Windows XP 利用者が記事を表示しようとした場合に警告（Webブラウザーの種類にかかわらず警告）するようにし、その JavaScript を配布することにしました。 Windows XP利用者はどのくらいいる？ このブログの2013年12月のアクセス解析を見ると、Windows の割合が 43.2% で、Wind
Macでも無料でIE確認するためのModern.IEが想像以上に快適だった
これまで、MacBook Air 上で制作したWebページを IE 確認する時は、「VirtualBox」や「Parallels Desktop」という仮想PCアプリケーション上で Windows 8 などを起動し、そこで IE を起動して表示確認しています。 私は、 Windows XP – IE8 Windows 7 – IE9 Windows 8 – IE10 のように、なるべく一般的なOSとブラウザーのバージョンで合わせて個別の仮想PCをインストールしていますので、実機で確認するのと比べてもほとんど遜色のない精度でIEでの表示確認をすることができています。 その際、「Windows 8 – IE10」環境は、パフォーマンスが良いと聞いて購入した「Parallels Desktop 7」という仮想PCアプリケーションを使用していました。 しかし、OS X を Mavericks（10
Photoshop CC（14.1.2）の「属性」パネルでシェイプのサイズや位置を変更する方法
Photoshop CC では、長方形などのシェイプを作成した際に「属性」パネルでシェイプのサイズや位置を変更することができるようになりました。 これでWebデザインカンプ制作がやりやすくなる！と思ったのですが… Photoshop CC を 14.1.1 以降にアップデートすると、移動ツールでシェイプを選択しても「属性」パネルでサイズや位置を変更できなくなりました。 今の今まで、てっきりこの挙動はバグだと思っていたのですが、社会人のためのWebデザインスクール の受講生の方が Adobe に電話で問い合わせたところ後日回答をいただき、「そのように仕様が変更された」のだそうです。 そして、「属性パネルによるサイズや角丸の変更は [パス選択ツール/パスコンポーネント選択ツール] から利用できます」とのことだそうです。 つまり、Aキーを押すか、ツールから [パス選択ツール（白矢印）] か [パ
Webデザイナーやコーダーの方でも知っておきたいPHPの便利な使い方
この記事は、普段サーバーサイドスクリプト言語（PHP、Perl、Ruby等）を書いていない方を対象に、PHP を使うとどのようなことができるのか、あるいはできないのかを解説した入門記事です。 キャンペーンページで、指定の時間に受付を終了する たとえばキャンペーンページで、指定の時間までは「お申込みはこちら！」というボタンを表示し、それ以降は「キャンペーンは終了しました」と表示させたいとします。 こういう時、PHP はわりと直感的に書けるので便利です。 "; // 現在時刻が、キャンペーン終了後であれば } else { echo "キャンペーンは終了しました "; } ?> ※コメントで、「日付はUNIXタイムスタンプに変換してから比較したほうがよい」とご指摘いただいたので、strtotime() を使用するよう変更しました。 3行目に “2013-09-01 00:00:00” という箇
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
auのiPhoneからSIMフリーのiPhoneにMNPで乗り換え、月々の通信料を1728円にした方法
WordPressのログイン・管理画面にBasic認証をかけるプラグイン「WP Admin Basic Auth」を作りました
