サインインした状態で「いいね」を押すと、マイページの 「いいね履歴」に一覧として保存されていくので、 再度読みたくなった時や、あとでじっくり読みたいときに便利です。
画像からHTMLを生成する深層学習とは？AIがwebサイト自動コーディング。 | Ledge.ai
サインインした状態で「いいね」を押すと、マイページの 「いいね履歴」に一覧として保存されていくので、 再度読みたくなった時や、あとでじっくり読みたいときに便利です。
【2017年度版】Webエンジニアでも最低限押さえておきたい、SEO施策のまとめと実装 - Qiita
Webエンジニアでも最低限のSEO知識を持っておきたい ferretやferretOneといったウェブマーケティングのメディア、ツールを開発、運営している株式会社ベーシックで働いており、近々ECサイトphocaseにて本格的にSEO施策を行うので、勉強がてらエンジニアが覚えておくべきだと思ったSEO周りの知識をまとめました。 この記事も書いていたら長くなってしまったので知らない部分をピックアップして読んでいただければと思います。 実装方法やSEO施策の詳細は貼ってあるリンクだけではなく、 別途Googleで検索するなどして複数の意見をインプットすることをおすすめします。 ###★この記事を読むとどうなるか マーケター、ディレクターとのやりとりがスムーズになる。 意図せず検索順位を下げてしまうコードに気づける様になる。 エンジニア側だけで動けるSEO施策を提案できる様になる。 なんとなくSE
なぜ私たちは「web制作会社」という古臭くてダサい肩書を使うのか？ | ベイジの社長ブログ
現在公開中の自社サイトリニューアル時に悩んだことの一つが「自分たちをどう名乗るか」ということでした。様々なことを熟考した結果、「web制作会社」が相応しいと判断したのですが、その結論に至るまでの諸々の考えを、改めてまとめてみました。 目次web制作業の実態業界で嫌われている「制作」という言葉web制作に対する市場ニーズ事業ドメインを変えるリスクドリルと穴の話ブランド・レレバンスとブランド選好性顧客の選考プロセス顧客を具体的にイメージする私たちがweb制作会社でなくなる時web制作業の実態web制作会社というのは、一般的には、「企業から依頼を受けてwebサイトを作ることができる会社」と認識されていることでしょう。しかし、具体的な業務内容は千差万別です。 2000年代中頃のFlash全盛時代あたりまでは、グラフィックデザインから派生した商業デザインの一形態として、ビジュアルデザインにプログラミ
Webデザイナーさんは、サイトを作る人じゃありません
メルマガやってると、よくいただく質問にこういうのがあります。いいチャンスなので１回まとめて回答しておきます。同様に「いいエンジニアさんの探し方」とかもありますが・・・・・。 ・・・・・・ 質問ここから ・・・・・・・ 永江さん、はじめまして。2017年分から購読しております。どうぞ、よろしくお願いいたします。今回、教えていただきたいのは、いいウェブデザイナーさんを見つける方法です。妹がウェブショップで、手作り品を販売しています。おそらくサイトの作りが悪く、最初は全く売れませんでした。数年前、夫の知り合いのウェブデザイナーさんに頼んで、ショップサイトを作り直したところ、妹のブログ更新などの販促活動もあり、少量ながら、商品はほぼ完売するようになりました。 ショップはカラーミーショップです。妹がコンテンツを用意し、私が商品ページの更新とメンテナンスをしています。サイト完成後も、ウェブデザイナ
数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている８つのこと。 - 笑顔を創りたいWebディレクターの日常
なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様（謎） そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸１２年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです
もう、レスポンシブでいいんじゃない？
先月末、藤井さん の働く株式会社ザッパラスさん にお邪魔して、レスポンシブWebデザインの基本のキ的なお話しをさせていただきました。 題して「もう、レスポンシブでいいんじゃない？」 いま、改めてレスポンシブWebデザインについて考えるきっかけになれば、という視点で内容をまとめてみました。 4年前に「レスポンシブWebデザイン 制作の実践的ワークフローとテクニック 」という本を執筆したんですけど、そのころからウェブ制作のデフォルトはとりあえずレスポンシブでいいんじゃない？と思っていたのですが、最近、その思いがより強くなっています。職場のウェブサイトをレスポンシブでリニューアルしてから約5年が経ちますが、やっぱり、あの時レスポンシブを選択しておいてよかったとつくづく感じています。おかげで、Googleさんがモバイルインデックスを優先するという昨今のニュース にもあまり翻弄されなくてすんでいます
How speeding up your mobile site can improve your bottom line
Marketing is at an inflection point. Here’s why that’s an opportunity
UX課題を”つくる前”に改善！インド発の無料プロトタイピングツールが、人間の仕事を本気で奪いにきてる | Ledge.ai
TOP > Technology > 注目テクノロジー > UX課題を”つくる前”に改善！インド発の無料プロトタイピングツールが、人間の仕事を本気で奪いにきてる こんばんは、イイノです。 つい先日にはAdobeXdのプレビュー版がリリース。プロトタイプが本格的に現場に浸透するぞー！なんて、話題になってますが、個人的にはXdを超える？なんて思えるプロトタイピングツールを発見してしまったので、紹介してみようかなと。 これまでのプロトタイピングツールでは難しかった『複数人プロトタイピングでの挙動をトラッキング分析』や、『個別＆全体での行動をレポーティング』といった機能を搭載し、なんと無料で利用可能にしてしまったという衝撃のツール『CanvasFlip』。 インドの天才たちが作ってくれたこのツールで、プロトタイピングとユーザーテストの手順や手間やコスト、その他もろもろな常識が変わってしまう？…かも
[CSS]画像を使わずに、スタイルシートでぎざぎざの線をかくテクニック
画像を使わずに、ノコギリの歯のようなぎざぎざの線をスタイルシートでかくテクニックを紹介します。 下記は、p要素一つだけです。 実装は、こんな感じです。 HTML HTMLはpでもdivでも適当に。 <p>塩レモン</p> CSS ぎざぎざの線はlinear-gradientでかきます。 ぎざぎざのサイズは、4pxを4箇所、それを倍にした8pxを2箇所、変更してください。 p{ padding:1em; background: linear-gradient(-135deg, #4885ff 4px, transparent 0) 0 4px, linear-gradient(135deg, #4885ff 4px, #fff 0) 0 4px; background-color: #4885ff; background-position: left bottom !important; b
AMPのドキュメントを読んだのでざっくりまとめる - razokulover publog
Accelerated Mobile Pages(AMP)の導入ガイド日本語版が公開され、いよいよAMPが動き出しそうなのでAMPのドキュメントを読んでみた。 AMPとは Googleが絶賛推進中のモバイルウェブ環境をより使いやすくするためオープンな仕組み。 AMP対応するとモバイルウェブでのユーザー体験向上する他にGoogleの検索結果の上部にAMP別枠として表示されるというメリットがある。 TwitterやPinterestなどでも公式対応するらしい。wordpressなど有名CMSは対応するって発表してる。 なぜ速いか 基本方針は、「レンダリングをブロックするHTTPリクエストはゼロを目指すこと」と「省エネレンダリング」。 非同期JSしか使わない すべてのリソースのサイズを直指定 instaとかtwitterでブロックさせない(amp-iframe) iframeでのみ外部JSを利用
いい加減、<script src="http://.. と書くのはやめましょう - DQNEO起業日記
外部サイトのJSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由 あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。 ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、ブラウザによっては安全装置が働いて読み込んでくれないのです。 上の例ではjQueryの読み込みに失敗していますが、エラーメッセージ「Uncaught ReferenceError: jQuery is not defined 」を見てもHTTPS/HTTPのプロトコルが原因だとはすぐ気づかないので、わかりにくいバグになってしまいます。 結論 JSファイル(とかCSSとか画像とか)を読み込むときは、"http:"の部分を省
HTML6 でも CSS4 でもない Web 技術のゆくえ - WCAN 2015 Winter に登壇してきました
@kazumich さんにお声がけいただき、WCAN 2015 Winter でおよそ 60 分ほどのセッションを登壇してきました。32:9 のスクリーンがあるという、TED でもやるんかオイという特殊な環境でした。普段はプロジェクター的な投影なので、スクリーンの前に立つのが微妙なんですが、ここはディスプレイが壁面に大量に並んでいて自ら発光するので、部屋を暗くしなくてもテレビのように十分に見えますし前に立っても平気です。 一緒に登壇したのが @yhassy さんと @Hidehisa さんということもあり、近年まれに見る胃痛を伴う緊張を味わいながらお話させていだきました。（リアルにセッション終了後、1時間くらい胃痛がズキズキしてました） 技術的なお話でした 参加されたみなさま、メインセッションや LT に登壇された各位、ならびに運営されたスタッフの方々、ひとまずお疲れさまでございました。貴
「Web制作会社では生き残れない」サンフランシスコに拠点を構えるbtraxが捨てたもの
2015年10月4日、チームラボ、LIG、IMJの3社の共催による「CREATOR’S KITCHEN」の第4弾が行われました。イベントの前半パートには、日米市場向けのBranding/Marketing会社「btrax」のCEO・Brandon K. Hill氏が登壇。ブランドン氏は、同社が拠点を構えるサンフランシスコのビジネスの現状と、クラウドソーシングの発達を背景に、今後企業に求められるサービスの付加価値について語りました。 Webデザインの仕事がない！ 選択肢は「無職」か「起業」 ブランドン K. ヒル氏（以下、ヒル）：こんにちは。猪子（寿之）さんと誕生日が一緒のブランドン・ヒルです。昨日、イベントやってたんですよ。 DC（David Collier氏）が予選1位（笑）。Japan Nightという、スタートアップのピッチコンテストで、12社プレゼンしました。全部英語なんですけど。
WEBプッシュ通知の使い方/事例まとめ！ | SIROKグロースハックブログ
WEB Pushとは Chromeの最新バージョンより、ブラウザを開いていない状態でも、アプリのプッシュ通知と同じ形で、通知を配信できるようになりました。 (Android版のChromeで可能で、iPhone版は非対応） 今まで、WEBサービスのユーザーの呼び戻し施策は「メール」しかありませんでした。メールはメールアドレス入力が必要で、また会員登録があるようなサービスでないとなかなか集めることが難しい状況にありました。さらに最近ではLineを使うユーザーが多く、メールを見る機会は減ってきています。 しかし、このWEBプッシュは、「許可」のボタンを1タップするだけで、ユーザーにお知らせを送り始めることができます。また、端末の上部に表示されるので即時に確認でき、開かなくてもタイトルから情報を伝えることができます。 WEB Pushの流れ では実際にどのような流れでプッシュ通知を受け取り、開
複数ブックマークサービスに一括対応できるAddThisを導入する前にいろいろ調べたのでメモ
ブックマークやTwitterへの投稿、Facebook のいいね！をしやすいようにボタンをサイト側 で設置するのはもはや当たり前のようになり つつあります。僕も例外なく、昔から貼ってる んですが、どんどん新しいのが出てきて、結構 面倒なので、よく見かけるAddThisを導入する ことにしました。 AddThisは国内でもよく見かけるので認知度的にいいかなと思ったんですが、ドキュメント見てみたらそこそこカスタマイズ出来るようなのでちょっと導入前に軽く調べてみましたのでついでにメモします。 いろいろな所で見かけてるかと思いますので説明はいらないですよね。世界中のソーシャルサイトをまとめてくれているサービスです。 多少ごちゃ付いてきたので遅ればせながらAddThisを導入してみようかなと思ったんですが、いろいろとカスタマイズ出来るようなので以下に調べた事をメモとして残しておきます。 初めに まず
あなたのWebページ表示を爆速にするための、HTTPリクエスト状況分析ガイド（前編） | Moz - SEOとインバウンドマーケティングの実践情報
Webページの表示を高速化するための無料ツールWebPagetestを使って、「どこに問題があり、どう解決するのか」を調べる方法を解説する。 画像・JavaScript・CSSといったページを構成する要素こそが表示パフォーマンスの要因であり、HTTPリクエストの数やTCP接続・1バイト目までの時間（TTFB）などを調べれば、遅い原因がどこかわかるのだ。 今ではだれもがよく知っていることだが、SEOとユーザー体験の観点から見て、ウェブページの表示速度は非常に重要だ。ページの表示が速いほど検索エンジンによる検索順位も上がるし、ウェブサイトの動作が速ければユーザーが離脱せずにたくさんのページを見て、コンバージョン率も高くなる可能性が上がる。 要するに、賢明なWeb担当者やSEO専門家なら、コンテンツと同様にページ表示速度の最適化についても考慮しなければならない。 ウェブサイトの表示速度（パフォー
企業・店舗の電話番号と営業時間のGoogleワンボックスが日本でも表示される
[対象: 上級] 企業や店舗の問い合わせ電話番号や営業時間を表示するワンボックス/アンサーボックスが、日本のGoogle (google.co.jp) でも表示されるようになっていることを確認しました。 電話番号や営業時間のワンボックスは今年4月に導入されましたが、その時点では日本のGoogleでは表示されていませんでした。 問い合わせ電話番号のワンボックス 問い合わせ電話番号のワンボックスの例です。 3つ目の、中小企業であるセルフデザイン（僕が所属している会社です）が出ているくらいなのに、超大手のJCBやANAは出ません。 Googleが情報を取得できていないのかもしれません。 また企業によっては「電話番号」以外にも、「カスタマーサービス」のような一般的に用いられる問い合わせ用電話番号の呼称でも出てくることがあります。 営業時間のワンボックス こちらは営業時間のワンボックスです。 電話番
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
アイコン素材ダウンロードサイト「icooon-mono」 | 商用利用可能なアイコン素材が無料(フリー)ダウンロードできるサイト | 6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO
たった数分！ページ高速化のためhtaccessでキャッシュ設定は絶対やっておこう！
