2018年7月の、これだけは押さえておきたいWeb関連の動き
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン・UI アドビ、iPad向けに完全版フォトショップを開発中 – すまほん!! 現在リリースされている機能制限版ではなくフルバージョンがリリースされるとAdobeのCreative Cloud製品責任者が認めているとのこと。 Photoshopは極めて多機能なので、本当に全機能移植できるのかな？と少し懐疑的ですが、iPadでできることが増えるのは良いですね。 Adobe MAX Japan 2018開催決定 2018年11月20日(火)に横浜で開催、先行告知の登録受付中です。 iPad版Photoshop完全版が発表されるのかなど気になりますね。 ユーザーが許可したくなるPush通知を考える｜s
7月に「WordPressカスタマイズ講座」を開きます。 | Stocker.jp / diary
以下の方を対象として WordPress の開発環境の準備からインストール、ブログテーマ制作、中小企業サイト制作やカスタマイズまで行う講座を動画で開催します。 動画は生放送ではなく録画で、ご自宅でお好きなときに受講可能です。視聴期限はありません。 授業内容は、WordPress 5.0以降のGutenbergにも対応した最新の内容になっています。 ※COVID-19感染拡大防止のため、現在渋谷の教室では開催しておりません。現在は動画受講のみ可能です。 ※動画受講の場合、ご不明な点はメールにてご質問頂けます。 これからWordPressによるサイト制作を始めたい方 WordPressでオリジナルデザインのブログを作りたい方 WordPressで中小企業サイトを作りたい方 WordPressプラグインの使い方を知りたい方 WordPressのカスタマイズ方法を知りたい方 WordPressのG
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 に乗り換えたけどいまいち使いこなせない」方向
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
「WebデザイナーのためのWordPress用サーバセットアップ勉強会」を開きます
9月17日（火）に、渋谷 Stocker.jp / Space にて「WebデザイナーのためのWordPress用サーバセットアップ勉強会」を開きます。 講師は paperboy&co.（ロリポップやヘテムルなどの運営会社）や mixi のサーバ管理をしていた @srockstyle さんこと小林 翔平さんです。 （私もアシスタントをします） ※この勉強会は、早くも満席になったため一旦お申込みを締め切らせて頂きました。 なぜ、Webデザイナーもサーバのセットアップ方法を知るべきなのか 例えば、 WordPress を少しでも高速に動かしたい（表示を速くしたい） サーバ代金を抑えつつ、たくさんの方が同時にアクセスできるようにしたい 同じサーバ内の他のユーザーの影響を受けたくない ターミナル（いわゆる「黒い画面」）と仲良くなりたい と思っている方であれば、サーバのセットアップについて勉強する価
7月に「PHP徹底入門講座」を開きます | Stocker.jp / diary
「デザイナー、コーダー、これからWordPressを始めたい方が知っておくべきPHPの基礎を徹底学習」というテーマで「PHP徹底入門講座」を動画で受講可能です。 動画は生放送ではなく録画で、ご自宅でお好きなときに受講可能です。視聴期限はありません。 講座の内容 この講座は「HTMLは分かるがプログラミングの経験はない」という方向けに、 PHPの基礎的な文法を繰り返し書いて覚えていただいた上で、メールフォームなどのプログラムを自分で書いて覚える講座です。 PHPはWordPressを使用したWebサイト制作の際に必要になりますので、WordPressカスタマイズ講座 の受講をご検討の方は先にこちらを受講されることを強くおすすめします。 この講座では、以下の内容を予定しております。 プログラマーの方でなくても知っておくと役立つPHPの基礎についてのやさしい解説 簡単なPHPスクリプトをたくさん
「プロになるためのWebデザイン入門講座」を執筆しました
私が執筆した「プロになるためのWebデザイン入門講座 実践で役立つPhotoshop＆Illustrator徹底ガイド」が7月24日に技術評論社より発売されました。 表紙（カバー含む）も私がデザインしています。 Amazon で紙の書籍版を購入する Gihyo Digital Publishing で電子書籍（PDF）版を購入する この本は、PCの基本操作（エクスプローラーや Finder でファイル整理、文字列を選択してコピーなど）ができる方であれば、まったくWebデザイン制作の経験がない方でもWebデザインの基礎を学び、Web制作のためのPhotoshopとIllustratorの基礎を学び、広告バナーや架空のカフェのWebサイトを制作できるように書かれています。 本書の内容 本書は、7つの Chapter（章）で成り立っています。それぞれの Chapter は以下の内容となっています
「a-blog cmsってなに？」という勉強会を開きます
7/23（火）19:30〜渋谷「Stocker.jp / Space」にて、PHPを記述せずにカスタマイズ可能な国産CMS「a-blog cms」の入門勉強会を行います。 a-blog cmsは、4周年を迎えた6月24日に、商用利用可能な機能制限付き無料版のライセンスが発表されました。 リリース情報: liteライセンス新登場 それに伴い、今回は a-blog cms について、 Webサイト制作者・運営者視点でのセミナー 静的な（つまり普通の）HTML で構築したWebサイトをCMS化する実習 を無料で行います。 a-blog cms liteライセンスの特徴 a-blog cmsなら、すでにある静的なサイトのお知らせなどの部分のみ、ブラウザ上から更新ができるように制作できます。 テンプレートを HTML で作成するため、それまでに利用されていたデザインを崩さずに導入することができます。
「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について
2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はそう遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。 なぜそう言えるのかについて、簡単にまとめてみました。 目次 FireworksとPhotoshop、それぞれのメリットとデメリット なぜ「Photoshopは効
「Webデザインの基礎と実習」の無料動画講座を開講します
4/11（木）21:00より、schoo（スクー）というオンライン動画スクールで「Webデザインの基礎と実習」という講座を3週連続で行ないます。 生放送には Ustream を使用しており、どなたも無料で視聴頂けます。 授業の内容 この授業は実際に手を動かしながら、つまりPhotoshopを起動して、受講者の皆様にも実際に制作をして頂くタイプの授業となります（実習は2週目、3週目のみ）。 Webデザインに興味はあるけどやったことはないという方はもちろん、実際の作業を見ることで、既にWebデザイナーとして活躍されている方も新しい発見があるかもしれません。 授業は全3回で構成します。 1限目：Webデザインの流れと基礎を学ぶ 1限目のみ、実習ではなく話を聞く授業となります。 以下の内容を予定しております。 Webデザインに関心を持とう レイアウトの4原則 Webページをスケッチしよう 色彩・配
[連載]WordPressでWebサービスを作る方法（1:PHPとは） | Stocker.jp / diary
このブログでは何度も触れていますが、3月に フリー写真素材 :: Free.Stocker という無料写真素材サイトをオープンしました。 このサイトは、WordPress というブログ向けの CMS（コンテンツ管理システム）を使って作りました。 このサービスを作った際の手順をケーススタディとして「PHPやWordPressを全く知らない方でも、WordPressでWebサービスを作り、それをたくさんの方に利用して頂ける方法を分かりやすく学べる記事を書こう」と思い書き始めたのがこの記事ですが、「PHPとは」から「WordPressサイトにおける内部SEO」「ソーシャルメディアマーケティング」まで網羅する特大記事になり、1記事として一度に掲載することが難しくなったので、全10回の連載としてお送りします。 WordPressやPHP初心者の方はぜひ1ページ目からソースコードを書き写しながら、既に
![[連載]WordPressでWebサービスを作る方法（1:PHPとは） | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/947985bcd7f71a4e7f7feaf02c144a8017885e3c/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2F83-1.png%3Ffit%3D500%252C300%26ssl%3D1)
[連載]WordPressでWebサービスを作る方法（6:SEO） | Stocker.jp / diary
さて、ここまででとりあえず WordPress を使った写真素材サイトの土台はできました。 しかし、「サイトが出来さえすれば、誰にも見てもらわなくていい（むしろ見られたくない）」という場合は別として、一般的には折角作ったサイトは沢山の方に見て欲しいし、利用して頂きたいものです。 私がWebにおけるプロモーションの必要性を痛感したのは、以前 イタリア旅行記 Caffè Laguna という旅行ブログを作った時でした。 これは私が初めて作った WordPress ブログで、テーマも結構こだわって作り、内容も真面目に書いていたのですがPVはとても残念な状態です。 このブログを作ったときは「タイトルや h1 に “イタリア旅行記” というキーワードを書いて、きちんと内容も書いていれば検索エンジン経由でそこそこ人が来てくれるのでは」くらいに考えていたのですが、実際は Google や Yahoo!
![[連載]WordPressでWebサービスを作る方法（6:SEO） | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/2ef8886e0740b2e8c1efc4b32088c9996783bae1/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2F82-1.png%3Ffit%3D500%252C300%26ssl%3D1)
[渋谷] JavaScript / jQuery 特別講習を開きます
表題の通り、渋谷駅新南口そばの「LightningSpot 渋谷」にて、JavaScript / jQuery 特別講習を2013年1月に開きます。 前後半それぞれ 5時間 x 2日間 の授業で、 前半: 1/12（土）、13（日） 13:00-18:00 後半: 1/26（土）、27（日） 13:00-18:00 に開講します。12（土）、13（日）と26（土）、27（日）はそれぞれ同じ内容ですので、 どちらかご都合の良い方をお選びください。 受講料は、2日間あわせて 2万円 となります。 こちらは前後半のセットで受け付けており、前半のみ、後半のみの受講はできませんのでご注意ください。 講師 今回講師をされるのは、Webプログラミングスクールで私と一緒に講師をされている高梨ギンペイさんです。 高梨ギンペイさんは、横浜在住、フリーのWebプログラマーの方で、「AKB48 STREAM ぐぐ
![[渋谷] JavaScript / jQuery 特別講習を開きます](https://cdn-ak-scissors.b.st-hatena.com/image/square/7511bd1b90e7a5689210698a054fc14a7ebca817/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2F6bd1e39bb566a7c72a1f8699dd07e5b6-1.png%3Ffit%3D240%252C240%26ssl%3D1)
私が月に1度やってるMacのメンテナンス方法 | Stocker.jp / diary
私はメインマシンとして Mac を使用していますが、一時期全くメンテナンスをせずに使っていたら、10ヶ月ほどで買った時より明らかに動作が遅くなってしまいました。 そこで、最近は毎月1回メンテナンス作業を行うことにしています。 具体的には以下のような感じです。 関連記事: Windows 10を快適に使用し続けるために月1回やった方が良いメンテナンス ディスクユーティリティ メニューバー右端の検索アイコンをクリックするか、command + space または control + space キーを押して Spotlight を起動します。 disk と入力します。すると、候補にディスクユーティリティが出てくるはずなので、Enter キーを押して起動します。 ディスクユーティリティでディスクを検証 ディスクユーティリティの［First Aid］ボタンをクリックし、［実行］をクリックするとMa
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件
私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密にはエディタではなく、Windows・Mac・Linux用の無料で利用できるIDE（統合開発環境）の一種です。 ちなみに、↓のキャラクターは NetBeans IDE 日本語コミュニティの公式マスコットの「ねこび〜ん」です。 私はWordPressのテーマファイルを作成しているときに、PHPで独自のCMSを開発されている @kawagooch さんに勧められて使い始めたのですがとてもしっくりきたので、以後 HTML/CSS/PHP などWebサイトのコーディングには NetBeans IDE をメインで使っています。 私自身、NetBeans IDE を使うようになってからサ
10分くらいで分かるXHTML+CSS
このブログをお読みの方には既に不必要かもしれませんが、XHTML 1.0 と CSS 2.1 の入門記事です。 社会人のためのWebデザインスクール 用に作成したプレゼン資料をもとに記事にしています。 授業の時は、先にこの話をしてから XHTML を書いてもらうのではなく、先に HTML/XHTML&スタイルシートレッスンブック―ステップバイステップ形式でマスターできる を読みながら XHTML と CSS で簡単なページを作成してからこの話をしています。 その理由としては、HTML や XHTML を1度も書いたことがない方に「ブロックレベル要素」や「インライン要素」、CSS の「セレクタ」等の話をしても何のことか分かりにくいだろうと考えているからです。 ※この記事は2012年に執筆したものです。現在の 社会人のためのWebデザインスクール では、HTML・CSS コーディングについては
Coda 2 ファーストインプレッション
Coda 2 が5月24日の0時に発売され、「本日限り半額（App Storeで ¥4,300）」ということで、発売直後から Twitter でだいぶ盛り上がってましたね。 私もせっかくなので、半額のうちに買いました。 最近はスクールの準備でちょっと忙しいし、レビューは後日でもいいかなーと思ってたところ Webクリエイターボックス の Mana さんに下記のように脅されたため、泣きながらこの記事を書きました。 @stocker_jp 皆がCoda2のレビュー書かないのは、本日中にナツキさんがうｐするレビュー記事を見てから購入予定だからですよ :) ﾎﾚﾎﾚ…ﾝ? — Manaさん (@chibimana) 5月 24, 2012 結論から言うと、Coda 2 はかなり気に入りました。 これは、特に CSS 書くのが速くなるのではないでしょうか。 実は私は Coda は体験版しか使ったことが
WordPressテーマ制作チュートリアル
この記事は、はじめてブログ用のオリジナル WordPress テーマを制作される方向けに書いたチュートリアル記事です。 なぜこの記事を書いたかというと、「WordPress でブログを作ってみたい、でも作り方がわからない」とおっしゃっている方が想像以上に多いことと、私が Webデザインスクールで WordPress ブログテーマの作り方を教えていると、想像以上にテーマ制作の基礎を理解していただくのが難しかったからです。 おそらく、HTML+CSS コーディングができる方であれば、この記事を読めばブログ用のWordPressテーマを制作できるようになるはずです。 このチュートリアルでできるテーマのサンプルファイルも以下からダウンロードできます。 実際のファイルを見ながら（あるいは作りこみながら）読むと理解が深まると思います。 WordPressのインストール まだレンタルサーバを借りていない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressのログイン・管理画面にBasic認証をかけるプラグイン「WP Admin Basic Auth」を作りました
