今更ですが、拡張機能「Specctr」を使ってみました。 Illustrator、Photoshop、Fireworksを購入時に選択できるので、 Fireworks版の「Specctr」を購入しました。 Specctrを使うと何ができるのかというと、オブジェクトの情報を教えてくれます。 例えばオブジェクトの幅、高さ、色、文字のサイズ、行間などをわかりやすく表示してくれます。 公式サイトからSpecctrをダウンロードします。 http://www.specctr.com/ Extension ManagerからSpecctrをインストールすると、FireworksでSpecctr-Proという ウィンドウが使えるようになります。 機能としては大きく3つあります。まず「Shape / Text」からみてみましょう。 オブジェクトを選択して、「Shape / Text」をクリックすると、下図

2014年4月26日開催のCSS Nite LP33の再演版で登壇して参りました。僕はLP33に出てませんので、再演版なのに再演ではないという按配。それと、再演でもないのになんで出てんのっていうと、ネットイヤー坂本くんが急きょ登壇中止となったので代わりに出てくれないかという打診がありまして、準備期間が短いけれども、本ブログでもすでに公開済みの「おかんでもわかるUXデザイン」であればいけるだろうと快諾した次第でありました。 先日公開しました「おかんでもわかるUXデザイン Ver.0.1」は、スライドシェアにて15,000viewsを超える参照数を頂いておりまして、正直、CSS Nite来る人とかもう全員見てんだろう、と思っておりました。なのでただでさえ再演じゃないのに、内容もみんな知ってるみたいな前提を思っていて、本当に心折れそうな按配だったのですが……、アンケート的には「ま、いんじゃねえの

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

スクリプトは目的別にフォルダに分けます。 それぞれのフォルダの中にあるスクリプトは アルファベット＋説明分で構成します。 ここまで整頓すればあとは気持ちよく実行するだけです。 例えばテキストの連結がしたいと思ったら 例えば続けてアートボードをフィットさせたいと思ったら と、こんな感じでほぼ何も考えないでスクリプト実行することが出来ます。 なれると気持ちいいですよ。 私的illustraotスクリプトの整理と実行でした。 【追記】 Windowsだと直前に使用したフォルダを覚えてくれないのでうまくいきません。orz OSXでもLionはFinderがヌルっとして全然気持ちよくない。MountainLionは改善されたので大丈夫。

先日、Twitterの方で、Illustratorのアピアランス魔人たちが盛り上がっていた話題がありまして。 「Illustratorのふち文字を作った時にできる隙間をアピアランスで埋められないか？」というお題。 きっかけはハム子さん（@hamko1114）のこの発言から。 ここから、皆さんがアピアランスであーでもないこーでもないと試行錯誤がはじまって色々なやり方がためされ、これが正解だ！みたいな解もだされたのですが、まぁその辺の流れはtoggetterのまとめ（イラレ魔神たちの穴埋め談義）をみていただくとして。 私がその中で気になったのは 「まったく同じ（と思われる）アピアランスを設定しているのに、結果が違ってしまう」というもの。 ■二つの結果が異なるオブジェクトが発生するのはなぜ？ 下の画像で確認していただくと、上と下のテキストはアピアランスパレットではまったく同じ設定になっているのに

以前、Twitterでアピアランスの基本について連続ツイートをしました。その後、フォロワーの方にまとめ（その1／その2）も作っていただき、多くの方に見ていただくことができました。で、その中でアピアランスで効果の順番がイマイチ分からないというような発言していましたが、最近になってようやく分かってきたので、基礎的な部分を共有したいと思います。少し長いかもしれませんが、アピアランスで効果の順番が分からないという方は、ぜひ参考にしてみてください。 解説実例を交えながら流れに沿って順番に見ていく方式にしました。少し複雑なので、1つずつ順を追っていくと理解しやすいと思います。 まずは、Illustratorのオブジェクトが、どのような流れで画面に表示されるかを確認しておきましょう。 最初は「線」や「塗り」など一切の装飾要素を持たないただのオブジェクト（パス）があります。「線」も「塗り」もなく、ただ軸と

未経験者向けHTMLとCSSの授業です。基礎的なHTMLタグ、レイアウトを調整するためのCSSを使用して、受講生の皆さんと一緒に作業をしながらWebページを組み立てる実習授業です。架空のカフェ「KUJIRA cafe」のサイト2ページ分を作成します。 ページの作成に使用する写真などは用意しているので、あとはHTMLとCSSを書いてみるだけ。書いて作って、結果を確認したら、「なるほどこういうものなのか」と、おおよそのことは理解できるようになるでしょう。 「はじめてみたいけどなにから手を付けたらよいかわからない」という方は、是非参加してみてください。 この授業の実習内容 HTML ・すべてのページで使われるHTMLを記述する ・見出し、段落、リストを記述する ・リンクを張る ・画像を挿入する CSS ・背景色、文字色を指定する ・背景に画像を指定する ・レイアウトを調整する など ※実習ではこ

コンピュータの言語である「コード」を記述するためには「エディタ」が必要です。 WebデザイナーもHTML＆CSSをはじめとした言語を書いていきます。 Webデザイナーにとって、コーディングそのものが「仕事」ですが、「学び」でもあります。 新しい技術・表現の模索はコーディングから始まることも多いのです。 そして、コードを書く「道具」がエディタということになります。 よい道具の条件は使いやすい機能あることと、育てられること。 お気に入りのエディタは、自分の相棒のようなものです。 この授業では、HTML＆CSSのコーディングを通して、 OS標準のエディタから、Adobe Dreamweaver、Sublime Text2の使い方を学びます。 また、実践的なカスタマイズ方法をご紹介する予定です。 目標は「会話をするようにコーディング」すること！ いっしょに頑張っていきましょう！

デザインやレイアウトのツールとしても幅広く利用されているIllustratorですが、読んで字のごとくイラストを作成するツールでもあります。 しかし鬼門はペンツールですよね、難しいですよね。アレをマスターしなくても、ちょちょっと描いて図形を組み合わせれば、ちょっとしたカットやキャラクターイラストなんかは作れてしまうのです。 イラストレーターを目指す人はペンツールで自由な曲線を描ける様になりたいですけれど、それなりに練習が必要です。その準備として、図形を使ってベジェ曲線の特徴を掴めますし、ペンツールをマスターする近道になります。 デザイナーでも、（主に予算的な理由で）ちょっとしたイラストやカットを描く機会はあると思います。この授業では、図形を使ってオブジェクトをつくっていくコツなどが解ると思います。 初心者の方は、Illustratorという若干とっつきにくいアプリケーションに親しむ一歩にな

WEBデザインでPhotoshopを使っている皆さん、こんなことはありませんか？ •印刷物も合わせて提案した案件ができた（全部一人でやるかも…） •クライアントから印刷物作成も頼まれた（安すぎて他に頼めないかも…） などなど…ありがちだと思います。 WEBデザインからPhotoshopを使い始めた方でも、これから印刷に関わる仕事が出てくることもあるかもしれません。 初めてやるけど大丈夫かな…印刷用の画像を作るのは難しいのでは…と思った方にこそお伝えしたいことがあります。 実は、印刷用の画像データの「キモ」を押さえておけば、今までやってきたRGB補正の経験は全てそのまま使えるのです!! 今回はその「キモ」についてじっくり説明します。 Photoshopでの操作は必要最小限に留めます。最新バージョンも必要ありません。 TAC値（総インキ量）、グレーバランス、プロファイル、印刷用シャープネス、網

この授業は実際に手を動かしながら、つまりPhotoshopを起動して、受講者の皆様にも実際に制作をして頂くタイプの授業となります（実習は2週目、3週目のみ）。 Webデザインに興味はあるけどやったことはないという方はもちろん、実際の作業を見ることで、既にWebデザイナーとして活躍されている方も新しい発見があるかもしれません。 授業は全3回で構成します。 1週目はWebデザインの基礎知識についてお話しします。2週目は、WebデザインのためのPhotoshopの環境設定と基本操作、Webボタンの制作となり、3週目は広告バナーの制作方法についてお話しします。 PhotoshopによるWebデザインの基本操作は、バナー制作やWebページのデザインカンプ制作はもちろん、iPhoneアプリのデザインなどさまざまな分野で役に立つと思います。ぜひこの機会に身につけておきましょう！

WEBが圧倒的なインフラとなりつつある昨今ですが、素人には理解が難しい・取っつき難い領域の一つに、「サーバ」が挙げられます。 エンジニア以外の人には馴染みのない分野ではありますが、あなたが今利用しているこのschooWEB-campusをはじめ、WEBサービスの全てに「サーバ」が利用されています。 「twitterが落ちている」、「このサイトが繋がりにくい」、「503エラー、と表示されていて、サイトを利用できない」など、サーバに関する問題は、本当に身近に溢れていますが、サーバとはどんなものなのでしょうか？ また、どうしてサーバは“落ちて”しまうのでしょうか？ WEBがもっと普及していくこれからの社会で暮らすためにエンジニア以外の人達にも「サーバの基礎知識」をわかりやすく伝えたい。 可愛いイラストを交えたサーバの入門書を執筆された、女子大生サーバエンジニアのaicoさんを先生にお迎えし、参加

同授業「WEBライティング実習」は、ユーザー参加型にて実施致します。事前に題目に沿った課題を提出することで、当日先生による公開添削を受けることが可能です。詳細は下記【事前課題提出要項】をご覧ください。 ※エントリー多数の場合は、全てを取り上げることが難しくなってしまうことをご了承ください。 ※事前課題を提出しなくとも、もちろん授業に参加可能です。 授業概要 WEBで文字を使ったコミュニケーションが活発に行われる昨今。メール・ブログ・WEB記事など、オンラインで文字を書き、誰かに情報を届ける技術は、ビジネスパーソン必須の技術となりました。その機会はソーシャルメディアの普及により、仕事の場に限らず、プライベートにもどんどん広がっていると言えるでしょう。 ですが、オンラインで掲載する文章の中で、読まれている文章と、そうでないものに二分されているのは紛れもない事実。そして、紙の文章とは違い、オンラ

この授業は実際に手を動かしながら、つまりPhotoshopを起動して、受講者の皆様にも実際に制作をして頂くタイプの授業となります（実習は2週目、3週目のみ）。 Webデザインに興味はあるけどやったことはないという方はもちろん、実際の作業を見ることで、既にWebデザイナーとして活躍されている方も新しい発見があるかもしれません。 授業は全3回で構成します。 1週目はWebデザインの基礎知識についてお話しします。2週目は、WebデザインのためのPhotoshopの環境設定と基本操作、Webボタンの制作となり、3週目は広告バナーの制作方法についてお話しします。 PhotoshopによるWebデザインの基本操作は、バナー制作やWebページのデザインカンプ制作はもちろん、iPhoneアプリのデザインなどさまざまな分野で役に立つと思います。ぜひこの機会に身につけておきましょう！

この授業は実際に手を動かしながら、つまりPhotoshopを起動して、受講者の皆様にも実際に制作をして頂くタイプの授業となります（実習は2週目、3週目のみ）。 Webデザインに興味はあるけどやったことはないという方はもちろん、実際の作業を見ることで、既にWebデザイナーとして活躍されている方も新しい発見があるかもしれません。 授業は全3回で構成します。 1週目はWebデザインの基礎知識についてお話しします。2週目は、WebデザインのためのPhotoshopの環境設定と基本操作、Webボタンの制作となり、3週目は広告バナーの制作方法についてお話しします。 PhotoshopによるWebデザインの基本操作は、バナー制作やWebページのデザインカンプ制作はもちろん、iPhoneアプリのデザインなどさまざまな分野で役に立つと思います。ぜひこの機会に身につけておきましょう！

「デザイン」の視点でビジネス文書を眺めてみませんか？ Adobe Illustratorを使用して、実際の授業中に皆さんと一緒に「プレスリリース」「プレゼンテーション資料」を制作していきます。 Adobe Illustratorの基本的な操作方法やレイアウトなどのセオリーもご紹介いたしますが、いわゆるデザイン理論は控えめに、デザインのコツを散りばめていきたいと思います。 目標は、一般的に使用されるMicrosoft Officeでも通じる…アプリケーションに左右されない「デザインのエッセンス」をお伝えできたらと思います。 自分が伝えたいことをデザインすることの大切さを学び、「相手が知りたいことが伝わる資料」を目指して制作していきましょう！ デザインについて、いつもより深く考えるきっかけになれば幸いです。 ▼授業で使うダウンロード素材はこちら https://bit.ly/15aboMt ■

この授業は、配色の基本原則と色を楽しみながら学ぶ方法を知り、さらにWEB（RGB）と紙（CMYK）で意外と知られていない、書籍にもあまり書かれていない、色に関する掟とコツを知ってもらう授業です。 配色には絶対的な正解はありません。それゆえに配色は難しいと思ってしまう人も少なからずいるのでしょう。日常のあらゆる物に目を向けたり、色とはいったい何なのかを知るだけで、配色はうんと楽しくなります。 あなたはミニコミを作るのですか？　フライヤーですか？　WEBサイトですか？　それとも全部作る人ですか？　配色の基本原則はメディアが変わっても変化するものではありませんが、いざ使える色となるとメディアによって様々です。RGBとCMYKは知っていても、それらの色がどういうものなのかを知らないまま配色すると、思った通りの結果にならないこともあります。 この授業ではまず、色とは何だろうかを手始めに、配色の基本原

Webサイトのページ数が多くて、HTMLの管理が大変だったり、クライアント（お客様）が情報を更新したいとおっしゃっていたり、あるいはオリジナルデザインのブログを作りたいと考えているのであれば、WordPressに挑戦してみることをおすすめします。 1回目はWordPressのインストールと使い方 この授業は、全2回となっています。既に、HTMLとCSSがわかる方向けの内容です。 1回目の授業では、まずはご自分のPCにWordPressをインストールする方法について解説します。 なぜレンタルサーバーなどではなく、ご自分のPCにインストールするかというと、WordPressテーマなどを制作する際、ご自分のPC上で編集したほうが素早く編集できるうえ、制作途中のWordPressサイトを他の方に見られることもありません。 2回目はWordPressテーマ制作 2回目の授業では、ごく一般的なHTML

「WordPress」って最近よく聞くけど、どんなものなのかよくわからない。 ホームページをこれから作りたい、もしくはいまあるホームページをリニューアルしたい。 サイトの運用は自分でできるようにして、いつでも更新できるようにしたい。 できれば、スマートフォン対応もしたいけど、できるだけ費用はおさえて、サイトを作りたい。 そんな方にぜひ講義に参加いただければと思います。 「WordPress」はWeb全体の18％をカバーするにまで普及しているCMSです。 そもそもCMS(コンテンツマネジメントシステム)とは、どういうものなのか？ 「WordPress」について、初心者を対象になるべくわかりやすく解説します。