ノンプログラマーがJavaScriptを初めて学ぶときにありがちな9つの失敗 - WPJ
Webデザイナーにとってもっとも身近なプログラミング言語といえばJavaScriptですよね。ところがいざ勉強を始めたものの挫折してしまった…という人のために、典型的な失敗例と学習のコツを教えます。 JavaScriptの学習をしても挫折する人の多くは、「JavaScriptは分かりにくい」「自分はWeb開発に向いていない」と言います。悲観的になってあきらないでください。アプローチの仕方を変えることが大切です。 この記事では、多くの人が学習中に経験する失敗の対処法を取り上げます。JavaScriptだけではなく、Web開発全体に当てはまる内容なのでぜひ活用してください。 失敗その1：始める前にあれこれ調べすぎる JavaScriptの学習を始める前に、たくさんのことを調べたくなるかもしれません。ちょっと調べるだけでJavaScriptがどれだけすばらしいものか、逆にいかに悪いものかといった
Atomがめっちゃ便利に！ Web制作者が絶対入れたいプレビュー系アドオン7選
人気エディターAtomをもっと使いやすく、生産性を高めるパッケージの紹介です。プレビュー周りの機能を強化して、コーディングの効率をアップしましょう。 この記事では、コードエディターAtomで使えるパッケージを紹介します。このパッケージを使うと、タイプしながら変更点をプレビューしたり（特にWebサイト開発向け）、エディターからコンソールやIDEに移動せずにコードをコンパイルして実行したりできます。また、メリットについても記しました。 参考：ショートカットのCtrl|Cmdは、Windowsなら「コントロール」キー、OS Xなら「コマンド」キーを指します。 変更点のライブビジュアライズ プログラムのコーディングからビジュアライズ（結果確認）へと移動するのは時間のムダなだけでなく、認知のロスを伴います。つまり、タスクの切り替えにより集中力と精神力が失われるため、生産性が低下するのです（『The
海外デザインライターが注目する「Behance」でフォローしたいクリエイター7人
世界中のアーティストやデザイナーが作品を公開しているアドビのデザインコミュニティ「Behance」。デザインライターのGabrielle Goshaが、創造性を刺激するアーティストとデザイナー7人を紹介します。 Adobeのデザインコミュニティー「Behance」 Bob Dylanの名言 「インスピレーションはなかなかやって来ない。見つけたらすぐにつかまえるべきだ。」 ビジュアルデザインやUX改善などをしているときに、どうしてもこれといったデザインが閃かないことがあると思います。そんなとき、数回クリックするだけでデザインのインスピレーションやクリエイティブなソリューションを見つける方法があります。金鉱の1つがAdobeのデザインコミュニティーBehanceです。 BehanceはDribbbleと比較するとグローバル市場をより広くカバーしています。写真、イラスト、アート、デザインなど分野
PC版Gmailの3ペイン表示でメールチェックを超効率化！
Gmailをメインの登録先や連絡手段として使っているユーザーは多いかと思いますが、ちょっと設定を加えるだけでさらに便利になります。ライターの島徹さんが日常生活でも役立つGmailのTipsをご紹介。 メールアプリでは当たり前の3ペイン表示は PC版GmailのLabs機能で実現できる PC版Gmailの不満として、メールリストと本文を同じ画面に表示できないという点があります。いわゆる、PCメールアプリの“3ペイン表示”ができません。このため、メールを読む際に、いちいちメールリストとメール本文の画面を行き来する必要があります。 実は、PC版のGmailでもLabs機能を有効にすると3ペイン表示を利用できます。
知らないと絶対損する！WebデザイナーのためのChrome拡張機能7選
CSSの調整、フォントの調査、画像の作成など、Webデザイナーの作業効率をアップさせるChromeの拡張機能を紹介します。 Webデザイナーなら自分なりの仕事のやり方があると思います。コードを書きながらブラウザー上で直接デザインしている人、ブラウザーは実装テストの時にだけ使う人、どんな人でもWebデザイナー向けのChrome拡張機能を使えば普段の作業が見違えるほど簡単になります。私は一番煩わしいと思っている「ちょっとした作業のために大掛かりなソフトを起動すること」をはじめ、Webデザインでありがちな問題を解決するために、Chrome拡張機能を探しています。 これなしではやっていけないほど便利なChrome拡張機能を7つ紹介します。普段Firefoxで作業をしているなら（Web開発者ならすべてのブラウザーでクロステストするはずですが）、Webデザイナー向けのFirefoxの6つの拡張機能が参
「Instagramで情報収集」が30代女性で急増
（株）ADDIXが運営するマーケティング情報メディア「BWRITE（ブライト）」がこのほど実施した「情報収集についての意識調査」によると、30代で情報収集にスマートフォンを利用している人の割合は75％に上り、中でも「Instagram」「LINE」で情報収集する割合が急増していることが分かった。 女性18歳～30代の8割が「スマホで情報収集」 同調査は、18歳以上の「Skets」の女性会員133人を対象としたインターネット調査で、調査期間は7月5日～17日。 同調査によると、「普段プライベートで知りたい情報に何を使っているか」との問いに対し、「スマートフォン」と答えた割合は、18～29歳が86．4％、30代が75％に達し、PCや新聞など他のツールよりも多かった。昨年の調査では、スマートフォンが情報収集ツールの1位だったのは18～29歳のみで、30代ではPCと答えた人が多かったことから、この
Photoshopブラシを効率よく整理する5つの方法 (1/3)
Webデザインに便利なPhotoshopブラシ。ネット上に大量に公開されているブラシライブラリを使えば、カッコいい背景やロゴも手軽に作れる（関連記事1、関連記事2）。だが簡単に使えるだけに、新しいブラシをついつい追加しすぎてしまい、管理不能になってしまった――という方も少なくないだろう。 この記事では、大量のブラシを効率よく整理する方法を紹介する。ブラシの整理に困ったときにぜひ試してみよう（以降の操作は「Photoshop CS2」をもとにしています）。 1：やみ雲に追加してしまったブラシの“捨て方” 整理の基本は、身の回りの荷物と同じ。「これは使わない」と思ったものを思い切ってさっさと捨ててしまうことだ。 以前の記事で紹介したとおり関連記事、ネット上でダウンロードしたブラシファイル（ABRファイル）は、Photoshopのブラシパレット→[ブラシファイルの読み込み]で選ぶだけで追加できる
iPhoneからWindows 10にウェブページがシェアができるようになった
Windows 10の最新情報を常にウォッチしている探偵・ヤナギヤが、Windows 10にまつわるギモンに答える本連載。 基本技から裏技・神技、最新ビルドのInsider Previewの情報まで、ドド～ンと紹介します。 監視報告 iPhoneからWindows 10にウェブページがシェアができるようになった 7月26日、Windows 10 Insider Previewの最新ビルド16251がFast Ringに公開された。大きな変化としては、新しく「設定」の中に「電話」という項目が追加されている点があげられる。これは、マイクロソフトアカウントと連動し、AndroidやiPhoneといったスマートフォンとデータをやりとりできる機能だ。
【週末まとめ読み】10年遅れたJavaScriptの知識を取り戻そう ほか
今週公開した記事の中から、この週末に読んでおきたい注目記事をまとめて紹介。今週は、10年遅れたJavaScriptの知識をざっくりアップデート、Vue.jsとAxiosで作るWebアプリ実例、テーブルからグラフを描ける「AnyChart」の使い方など、話題の記事を中心に8本をセレクト。平日は忙しくてチェックできなかった人も、休日にゆっくりまとめ読みしてみては？ 【今週の一番人気】 10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう 久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは？ モダンなJavaScriptの知識をコンパクトにまとめました。 【アプリ開発ヒント】 Vue.jsとAxiosなら驚くほど簡単に作れる！外部APIを使ったWebアプリの実例 ReactやAngularと並び、ここのところ人気が高まっ
「自分語り」になってない？ コンテンツマーケティングでよくある勘違い
コンテンツマーケティングがうまくいかないのは理由があります。陥りがちなミスから、成功の秘訣を探りましょう。 オンラインで製品やサービス、ブランドをうまく売り込んでも、効果的なコンテンツがなくては良い結果を得られません。訪問者が思わずコンバージョンしたくなる、楽しく魅力的で役立つコンテンツが必要です。コピーでコンバージョンを促すにも「売れるコピー」はコンテンツマーケティングのもっとも難しい部分の1つです。コンテンツマーケティングでの努力が的外れなものになってしまう状況は数多くあります。 この状況を踏まえ、コンテンツの計画・作成時に陥りがちな「コンテンツマーケティングによくあるミス」を6つ紹介します。 1.カスタマーのことを理解していない ほかの要素とのかかわりを持たないコンテンツはありません。コンテンツはマーケティング活動全体の一部であるべきです。マーケティングの戦略に従ってコンテンツを計画
Google DocsみたいなUIデザインツール「Figma」Sketchから乗り換えるべき？
Chrome上で使えて、リアルタイムの共同編集もできるーーそんなGoogleドキュメントライクな特徴を持つUIデザインツール「Figma」がすごいと評判です。Sketchと比較してみました。 デザイン系のブログをフォローしている人なら、新しいUIデザイン作成ツール「Figma」の話題はもう知っているかもしれません。サンフランシスコのプロダクトデザイナーがFigmaを絶賛して注目されるようになりました。FigmaはSketchの長所を持ち、チームで共同編集が可能で、すべてブラウザー上（技術的に言えばChrome）で作成できます。 とはいえ、Figmaは実際どこまで使えるのか？ Sketchと比べてどうか？ Figmaをワークフローに組み込むべきか？ Figmaを試したので、まとめます。 FigmaとSketchの違い 1. Figmaはブラウザー上で動く（Chromeアプリ） Figmaはブ
HTML5テンプレ、Sketch、変態的CSS…2016年アクセス数1位はあの開発者ツールでした
デザイナー、エンジニア、マーケターの「掛け算」のスキルアップを応援するパスファインディング・メディア「WPJ」がオープンしたのは2016年7月20日のこと。この半年間で公開した記事は400本あまり。HTML、JavaScript、UXデザイン、SEOなどのテクニカルな記事から、クリエイターへのインタビューまで、さまざまな記事を公開してきました。 オープン初年度によく読まれたのはどんな記事だったのか？ トップ20を紹介します。 1位■まだChrome使ってるの？ Web開発者専用ブラウザー「Blisk」に惚れた！ 1位は、Web開発者向けの専用ブラウザー「Blisk」。レンダリングエンジンにBlinkを採用し、エンドユーザー向けの機能は最低限に、開発者向けの便利な機能を搭載したブラウザーです。国内ではほぼ無名のブラウザーでしたが、この記事がソーシャルで話題になり、その後、他のメディアでも紹介
Amazon「プライムラジオ」 聴けば聴くほど自分好み選曲に
Amazon.co.jpは4月22日、Amazonプライム会員向けの聴き放題・音楽配信サービス 「Prime Music」 （プライムミュージック）において、Prime Musicの配信対象楽曲を音楽ジャンル別に途切れることなく再生する「プライムラジオ」 を開始した。 J-POPやポップス、ロック、ジャズ・フュージョンなどの音楽ジャンル別に、Prime Musicが配信する100万曲以上の中から、ユーザーの嗜好に合わせた楽曲をエンドレスに再生するラジオステーション機能。 音楽のエキスパートが選曲したという一定数の楽曲を決まった曲順で視聴する「プライムプレイリスト」とは異なり、途切れることなく、ランダムに楽曲を再生するのが特徴となる。 また、ユーザーが楽曲を聴きながら親指マークが上を向いた「サムアップ」（= お気に入り）、または親指マークが下を向いた「サムダウン」（= 気に入らない） を選択
Windows 10無償アップグレード終了まで約3ヵ月 - 期限は7月29日 (1/2)
日本時間の2016年7月29日に、Windows 10への無償アップグレードサービスが終了する。ちょうど今日、100日を切ったところだ。 Windows 10の無償アップグレードサービスは、Windows 7およびWindows 8.1ユーザーを対象に、昨年7月29日からの1年間の期間限定でWindows 10に無償でアップグレードできるものだ。7月29日を過ぎると、無償アップグレードサービス期間が終了し、有料でアップグレードをしなくてはならなくなる。 マイクロソフトの発表によると、Windows 10は、Windows史上最速のスタートを切り、2億7000万を超えるデバイスで稼働。展開ペースはWindows 7を145％も上回っているという。昨年末時点では、2億2000万台で稼働していたと発表しており、それから3ヵ月強で5000万台も利用が増加した計算になる。 さらに、Windows 1
なにこれヤバイ！ 「パラッパ」「Rez」並の衝撃「PlayGround」
もうヤバイ！ びゅーんって音が出る！ ヤバイ！ 誰でも感動する！ ヤバイ！ とだけ書いていたら、上司が悲しそうな顔で「この仕事を辞めたいのか？」と聞いてきたので、ヤバイ理由をマジメに書くことにする。自分のクビがヤバくなってしまった。 百聞は一見にしかず。操作している画面を見るとそのかっこよさがわかる。 動画を見ればわかるが、操作方法は実際カンタン。楽曲パターンを選ぶと、画面上にパッドが現れて、それをなぞれば音が出る。これだけ。感覚としてはKORGの「iKaossilator」（関連記事）に似ているだろうか。 でも、そういうアプリは本当に山ほどあるのだ。PlayGroundならではの、誰でもかっこよく演奏できるヤバイ秘密はどこにあるのか。 触ってみればわかる……というのはズルいので筆者なりの考えを言えば、パッドの配置が絶妙なのである。これに尽きる。 まず、リズムがカンタンに叩けるのが大きい。
Web制作会社を辞めて、「注目の無職」に。 (1/5)
ツイッターで、1万9000人のフォロワーを集める無職がいる。処之助さんだ。彼が初めに注目を集めたのは、かわいい女の子への愛にあふれすぎたツイート。 「とり肉屋の奥さんかわいいよ！」「とり肉屋の奥さんの顔を見れば雨の日も心が晴れ渡るよ！心の洗濯日和だよ！」と、毎朝欠かさず2か月間、ラブソングを歌うようにえんえん愛を語り、フォロワーたちの心をくすぐりつづけた。
演説下手の候補に読ませたい「モンロー式説得術」
駅前に停車した選挙カーから出てきた若者は、弱々しい声で「○○駅前の皆さまお騒がせします。○○党の○○○○でございます」と演説を始めた。どんな内容なのかと思ったが、小声で名前しか言わないので立ち止まらずに改札に向かった。私が電車に乗るまでの数分間の出来事だから、もしかすると彼は演説の名手なのかもしれない。だが恐らくは、党本部から演説原稿を受け取っただけで、街頭演説の「極意」のような指導は受けていない新人候補だろう。 私が新人記者・編集者だったころは「文章が下手だから転職しろ」とか「この業界に向いていないから辞めろ」とか、さんざん先輩社員から嫌みを言われた。今から思えば、先輩たちの意見は正しくて、初期の記事を読み返すと確かにひどい。今でも上手な文章を書いている自覚はないが、昔は本当にひどかった。ただ、本や雑誌はたくさん読んでいたので、原稿を書くとき、ゼロから考えるのではなくて、自分が上手だと思
ショッピングカート＆EC構築ツール 徹底比較表
ネットショップに欠かせない「ショッピングカート」。「製品やサービスが多すぎて、どれを選べばいいのか分からない」「必要な機能が搭載されているか、調べるのが大変」――そんな悩みを解決する「主要ショッピングカート＆EC構築ツール 徹底比較表」ができました。 本比較表は、国内で販売されている主要なショッピングカート／ECサイト構築ツール、全8サービス（製品）を対象に、ディスク容量やGoogle Analytics対応などの機能面から、契約期間やサポート方法などの契約面まで、約80項目に渡って利用者視点で徹底調査。一覧表形式でまとめたものです。 ショッピングカートの導入や変更を検討しているネットショップのオーナー、クライアントへネットショップの構築を提案したいWeb制作会社など、どなたも自由に利用できます。A3サイズ1枚におさまるようにレイアウトしていますので、印刷して持ち歩くにも便利です。ご活用く
ユーザーを“納得”へ導く「サイトストーリー」の作り方 (1/3)
Webでは一度に1ページずつしか読めません。各ページはリンクされていても視覚的には分断されていますから、各ページがユーザーの心の中でしっかりつながるようなサイト構成にするには「サイトストーリー（納得への流れ）」が必要です。サイトストーリーを作ることで各ページ、各コンテンツが有機的にユーザーの心の中で結びつき、「納得」につながるのです。 Webサイトは、アクセスしてくれたユーザーに対して情報を提供します。情報の見せ方は「情報の持つ質、量、幅」によって大きく変わってきます。ある単独の商品について訴求するようなプロモーションサイトを作るケースと、会社案内サイトのように会社の規模、事業内容から社長の経歴、役員構成まで幅広く掲載するようなサイトを構築するケースでは、作り方もまったく変わってくるわけです。 プロモーションサイトは、「この商品を売りたい」「広く宣伝したい」と目的がハッキリしています。です
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASCII.jp：“サイトのメディア化”で、息の長いショップを目指す (1/3)｜繁盛店からヒントをつかめ！ECサイト研究レポート