Webサイトやブログを作った後の最終確認に便利！WW checkerでmetaタグやリンク切れ、SNSタグを自動でチェックする！ | 経験知
Webサイトやブログを作った後の最終確認に便利！WW checkerでmetaタグやリンク切れ、SNSタグを自動でチェックする！ ※本ページはプロモーションが含まれています 作成:2018/01/11 Webサイトやブログを作った後にやってしまいがちなのが、metaタグやGoogle Analytics、SNSのシェアタグの設定ミス。 一見ちゃんとページが表示されているように見えても、実はちゃんと動いていなかったということは多々あります。 しっかりチェックしたつもりでもmetaタグは何かを見落としがちですし、本当にこれで良いのか不安になったりもします。 その辺の最終チェックを自動で確認してくれるツールがほしいなと思っていたら、それを実現する「WW checker」がリリースされました！ 2018年1月11日現在、β版ですが、β版期間中は無料のようです！ 実際にこのブログをチェックしてみまし
Qiita beta版のフロントエンドパフォーマンス改善案 - Qiita
ふとログインすると beta 版UIってのが使えた。完全に dev.to 意識してて笑った。 実際には自分が残してきたロードマップや、Component が使われているのであろうのがわかって、そうそうこれがやりたかったんだよって感じで、とはいえまだ改善点がたくさんって、今の中の人達もわかってると思うけど、元中の人として dev.to ぐらいやるにはどうすればいいってのを残しておきます。 わかる変更点 CSSの脱bootstrap色が強くなった トップ画面が、ユーザーごとのカスタムフィードから beta版 の人気の投稿が主になった 元々そういう目的で企画を起こした記憶がある… フレンドフィードもうあんまり使われてないよね クエリが重いフレンドフィードより、静的にキャッシュできるランキングがトップにあるのはチューニングしやすい 改善案 やや無理難題だったり、中の都合も察してるけど、できるだけ目
細かすぎるけど伝わってほしい私的BEMプラクティス30（ぐらい）
BEMのいいところは、それが何者なのかが明白ということに尽きる。とある要素を見たときに、そのスタイルがどこに書かれているのか、何を表しているのかがクラス名を見ればわかる。手を入れる際も、どこに追記すればよいのか、どれくらいの影響を及ぼすのかの大部分が推測できる。 レスポンシブ・デザインと相性がいいとか、流行りのコンポーネント指向と相性がいいなど、BEMの良さは他にもいくつか挙げられるけど、決定的なのは明瞭さであると思う。 BEMを使いはじめてかれこれ３，４年くらい経った。その間に色々な命名規則や設計思想が登場してきたけれども、今のところは浮気する程の魅力を他に感じることもなくBEM一筋でやってきている。ただし実践するにつけて、より明瞭で破綻しづらい設計を実現するために、様々な制約やガイドを設けてやってきたので、「もともとのBEM」からは多少なり離れているかもしれない。 ただし、それはBEM
ワイヤーフレームを捨ててHTMLプロトタイプに移行した結果 | ベイジの社長ブログ
私たちの会社では長らく、画面設計といえばPowerPointを使い、ワイヤーフレーム（以下、WF）を作っていました。Web制作会社における非常にスタンダードなやり方であったため、ベターな方法と受け入れつつも、例えば以下のような無駄も多く、決してベストではないとも感じていました。 設計者がコーダーに文書構造の意図を説明する時間の無駄 設計者が考えたファイル構造やヘッダ情報を定義するためのドキュメントの無駄 コーディング時にWFやPSD上のテキストをコピペして移し替える無駄 リンク構造や動き、使い勝手を紙面上で表現しようとする努力の無駄 共通パーツに修正が入った時に各ページごとに修正を入れていく無駄 PC用とスマホ用の2種類のWFを作る無駄 更新するたびに新しいWFを印刷する紙の無駄 いずれも工夫次第で軽減できる問題でしたが、意思疎通のための中間成果物の体裁を整えるための多くの時間が無駄では？
海外の動向からみるデザインツールの現在
デザイナーとツールは切っても切り離せない関係です。ときにはデザイナーのスキルはツールの熟練度や使い分けの仕方で決まることもあります。長く使い続けたいですが Web やアプリのデザインは、テクノロジーと密接に繋がる仕事であるが故に、いつの間にか新しいツールが主流になることがあります。 特にここ 10 年でデザインの仕事は大きく変わりました。今でも Web デザイン、アプリデザインにおいて Adobe 製品は多大な影響力をもっていますが、それがほぼ唯一の選択肢だった頃と今は違います。また、今まで以上にデザインにスピードと柔軟性が求められているので、Adobe 以外のツールも必要になってきています。 では実際、世界のデザイナーはどのようなツールを使っているのでしょうか。ニューヨークのデザイナー Khoi Vinh さんが、The Tools Designers Are Using Today で
webデザインを作り上げるのに参考にしたい フリーUIキット10種「10 Fresh And Free UI Kits For Designers」
TOP > Design > webデザインを作り上げるのに参考にしたい フリーUIキット10種「10 Fresh And Free UI Kits For Designers」 ハイクオリティなデザインを手がけるのには、いろいろなデザインリサーチや構成の企画立てなど、たくさんの工程が必要になってきます。しかし時にはコスト面や納期面で困難な状況に陥ることも。今回はそんな時に参考にしたい、フリーUIキット10種「10 Fresh And Free UI Kits For Designers」を紹介したいと思います。 Dribbble – Freebie PSD: Flat UI Kit by Marcel Akiyama デザイン形成時に役立ってくれるUIデザインが揃っており、欲しいデザインや目的に合わせて選ぶことができるようになっています。 詳しくは以下 Download Flat
UXデザインで考えるコンテンツ設計 | ykazu.com
先日、ベースキャンプ名古屋にて開催された WCAN mini 2015 Vol.1 「UXデザインプロセスを活用したコンテンツの評価方法」（講師: 長谷川 恭久さん）の参加レポートとなります。 このセミナーでは、主に Web サイトにおけるコンテンツの実状と把握、その評価やより良いコンテンツを提案するための UX デザインの手法をレクチャーとワークショップを交え、5時間で学ぶというものです。 良いコンテンツを設計し提供するためには、ユーザーを理解すること・今のコンテンツを評価すること。これらは制作プロセスでは当たり前なことでも「できていない現実」に改めて気付かされます。いくつか自分なりの解釈も含めて、特に印象的だった内容をハイライトとしてレポートします。 良いコンテンツとは？ 「良い」は誰が決めるのでしょうか。利用者、ユーザーです。コンテンツ提供者は、ユーザーになり代わって良いコンテンツを
【デザイナー目線】ディレクターがデザイン依頼時に書いてくれると嬉しい3つのポイント
年の瀬ですね。今日あたりで仕事納めの方が多いのでしょうか。今年も一年お疲れ様でした。 ところで、今日こんな記事をSNSで見かけました。 【超基礎】デザイン苦手なディレクターが依頼時に気にすべき7つのポイント | Webディレクターズマニュアル 唐突ですがみなさん… ・デザイナーから上がってきたデザインがイメージと違っていた ・ワイヤーを装飾しただけみたいなデザインが出てきてしまった なんて事態に困ったり、迷ったりしていませんか？ 僕自身も上記の質問に「そんなことあるわけ無いじゃん」と言ってみたいところなんですが、残念ながら…。 というわけで、今回は僕が超苦手としているデザイン制作依頼時に、なるべく失敗を起こさないよう必死で気をつけているポイントを紹介しつつ> > 反省してみようかと思います。 なかなか面白いのでぜひ読んでみてください。 「デザイナーから上がってきたデザインがイメージと違って
CSS Nite「Webデザイン行く年来る年（Shift8）」
CSS Nite in NAGASAKI @cssnite_ngsk 今週末、東京で、年末恒例イベント「Shift」シリーズの第8弾、CSS Nite LP38「Webデザイン行く年来る年（Shift8）」が開催されます。 cssnite.jp/lp/lp38/ 遠方の方には、フォローアップ参加が用意されています。 CSS Nite in Miyazaki @cssnite_myzk 今週末、東京で、年末恒例イベント「Shift」シリーズの第8弾、CSS Nite LP38「Webデザイン行く年来る年（Shift8）」が開催されます。 cssnite.jp/lp/lp38/ 遠方の方には、フォローアップ参加が用意されています。 CSS Nite in Nagoya @cssnite_nagoya 今週末、東京で、年末恒例イベント「Shift」シリーズの第8弾、CSS Nite LP38「W
「越境」しようとして失敗し、自分の長所を見つけた話｜tommmmy
こんにちは。ツクロアの秋葉ちひろです。 この記事はDevLOVE Advent Calendar 2014 「越境」の12月14日担当となります。 はじめてDevLOVEのAdvent Calendarに参加しましたが、DevLOVE関連では、DevLOVE甲子園2013、DevLOVE現場甲子園2014 東日本大会、そしてプレイバックDevLOVE現場甲子園で発表させていただきました。 ちなみに、わたし自身はいろいろなことに興味を持ってしまうデザイナーでして、わりとエンジニアもりもりのところにも乗り込んでいくタイプです。 今回のテーマ、「越境」で超個人的に思うところを書いていきたいとおもいまーす。 自分はあるていどすでに越境しようとしていると思う「越境」は漢字のとおり境目を越えることですよね。 単純な話だと、たとえば、 ・デザイナーだけどコードもかきます ・デザイナーだけどディレクション
デザイン設計に集中する時間を増やしてみよう - クックパッド開発者ブログ
こんにちは！ ユーザーファースト推進部のデザイングループのジョン・ジンホ(@img75)です。 前回、クックパッドのデザインプロセスについてご紹介しましたが、私からはクックパッドのデザインプロセスをより効率的にまわす為に、デザイナーとしてどのようなツールを活用しているのかを、今回は Adobe Photoshop CC のプラグインを中心にご紹介したいと思います。 デザイン設計に集中できる Photoshop などでの作業効率を向上させると、デザイナーにとって貴重な「デザイン設計に集中できる時間」が生まれます。それは結果的にクックパッドを利用してくださるみなさまにより良い機能をすばやく提供できることにつながるので、私はいつもデザインするにあたって不必要な時間を減らす努力をしています。 最近、私は「撮るレシピ」（Android/ SPweb版）のデザインを担当しました。 「撮るレシピ」は、こ
これからのWeb制作スタイルとプロトタイプの考え方 - よつば手帖
近年、プロトタイプやフレームワークと言った言葉をよく耳にします。 どのような変化が起きていて、それに至るまでの考え方や、個人的な見解を書きたいと思います。 閲覧環境と利用者の変化 Webサイトの役割の変化について スマートフォンやタブレットの登場によってWebサイトの閲覧環境は大きく変化しました。 PCの前にわざわざ座り、電源を入れて「さぁ、Webサイトでも見るか〜」から、リビングのソファに座りスマートフォン閲覧するようなスタイルが当たり前になってきました。 Web制作者は常時PCをたちあげてると思いますが、Web業界に関わっていない方はわざわざPCのある部屋に行って見るなんて事は少なくなっていると思います。 コミュニケーション的視点の重要性 Webサイトの価値観や利用状況は変化しているのに、実際にそれらをふまえて制作されている場合は少ないように思います。 利用者の見方が変わって来ているの
成果が出るサイトにするために改善すべき10のポイントを紹介 | LISKUL
「サイトを作成したが、思っていたよりも成果が出ていない」「どこからサイトを改善すればいいかわからない」とお悩みの担当者の方が多いのではないしょうか。 成果の出るサイトにしたい場合、まずは段階を踏んで改善をしていく必要があります。 今回はサイト改善で成果を出すためのポイント10選と、活用するべきツールを紹介します。 サイトを改善するためのポイント10選今回は貴社のサイトの成果を改善するためのポイントとして、視覚的なポイントと思考的なポイントに分けて、10のチェックポイントをご共有します。 以下の資料では、2万件以上のデータベースから最短30秒でサイト改善案を手に入れられるツールについてまとめています。無料ですので、ぜひダウンロードしてご覧ください。 サイトのコンバージョン率を改善するためのノウハウを、自動提案してくれるツール「dejam」 1. Webサイトの構成は、一般的なパターンか結論か
おかんでもわかるUXデザイン Version 0.1 - ネコメシCEOブログ
3/24、TAM Coworkingをお借りして、「おかんでもわかるUXデザイン」というセミナーを自分で主催して実施しました。これ、ゆくゆくはマジでおかんでもわかるようにしたいんだけども（ようは、専門家じゃない人向けということですが）、まずはそのたたき台という感じで（だからVersion 0.1）、単にUXデザインって何よっていうのを単純化しただけの内容になっていて、完全におかんを突き放しているという、タイトルに偽りアリのものとなっております。 Version 0.1とはいえ、まー、UXデザインやってみたいけどやったこと無い人とか、何したらいいのかわからん人とかにとっては、ひとつの道しるべになるかもしれないので、スライドを公開する次第なのですが、本気で本職でUXデザインしてる人とか、アーキテクト的な人とか、そゆ人たちが見たら憤慨しそうなくらいに単純化しております。ツッコミどころ満載かと思い
スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ツクロア - DESIGN LAB
Loading...
Webデザインのタネ | Web制作の効率化やトレンド・ノウハウ
レスポンシブWebデザインの基礎
企画アイデアがざくざく生まれるUX発想シート＋UX的発想の超基本 | 実践！ プロも使うラピッドUX手法
