タグ

関連タグで絞り込む (128)

タグの絞り込みを解除

webに関するryoheifのブックマーク (199)

  • 2016年は情報収集力が鍵!IT業界の人がチェックするべき海外ブログやメディア25選! | バンクーバーのうぇぶ屋

    まぁ、ぶっちゃけいつの時代も情報収集なんて大事にきまってんですが、今年は特にIoTの流れが急速に進みつつありますし、どのメディアでもVRだったり、リアルタイムメディアの成長についてだったり、変化の兆しが非常に顕著にあらわれていると思います(まぁ毎年ですが…)。 WEBからモバイルへ移り、モバイルからIoTの進化により様々なデバイスへフィールドが移ろうとしつつ、その次は、その次は…、その次…。 僕らの主戦場もなかなかに落ち着きを見せないようですが、まぁ落ち着く事なんて僕らが生きてるうちに訪れるのかと思うのと、そんな時代の流れを含めて楽しむのがWEB屋かなと。 と、言うことで、今日は改めて情報収集に関する記事として、このメディアは見といた方が良いよねってリストを改めて整理してみましたので、共有させて頂きたいと思います!かなり雑多にまとめるので、自分にとって学びになりそうな物をチョイスしてみて貰

    2016年は情報収集力が鍵!IT業界の人がチェックするべき海外ブログやメディア25選! | バンクーバーのうぇぶ屋
  • CSS Cursor

    CSS cursor showcase. View, experience and choose one for your application ;).

    CSS Cursor
  • MdN Design|総合情報サイト

    Webディレクターの良しあしは どこで決まるのか “Webディレクター”という肩書から連想される業務内容とは、いったいどのようなものだろうか。このように質問すると「予算を管理する」、「クライアントの意向をまとめる」、「クリエイターに指示を出す」、「見積もりを立てる」、「スケジュールを調整する」、「デザイナーにイメージを伝える」、「サイトマップを考える」、「デザインをチェックする」、「サーバを手配する」、「SEO対策をする」など、人によって答えは実にさまざまだ。それゆえに「私はWebディレクターです」と名乗っても、それだけではなかなかはっきりとWebディレクターの役割というものは相手に伝わりにくい。 役割が伝わりにくいということは、クライアントやクリエイターといったプロジェクトを一緒に推進していく立場の人たち(ステークホルダー)に、想定外の期待をされてしまう可能性をはらんでくる。さらに言うな

    MdN Design|総合情報サイト
  • 「普通のやりかた」を疑おう。チームマネジメントを失敗させるルールと、成功させる空気

    ども。ナカムラです。今回は珍しく(?)チームマネジメントに関するネタ。 実は僕自身マネジメントや管理業務が苦手で嫌いっていうダメな人だったりするんですが、無視できる話でもないよなーと。 で、おなじみデスクトップワークス 田口さんのセミナーでチラッと学んできましたのでそのレポート紹介です。 残業・徹夜が当たり前?浸透してしまった制作会社の変な常識 あんまり認めたくはないですが、Webに限らず制作の仕事って時間がぐちゃっとなりがちです。当に。 基終電 / たまに徹夜 がデフォ なぜか「社内の風呂とベッド」が福利厚生扱い 最終的に会社が自宅化して住み着く奴多数 そしてそれを「アットホーム」と言い切る風潮 んん...。うん。悲しいけどこれ、現実なのよね。ぶっちゃけ僕もそういう会社たくさん知ってますし、僕自身も経験したこと何度かあります。 で、これがまた結構楽しいもんだからいつの間にか『制作なん

    「普通のやりかた」を疑おう。チームマネジメントを失敗させるルールと、成功させる空気
    ryoheif
    ryoheif 2015/12/18
    “デスクトップワークス ”
  • Flipsblog.jp

    サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

    Flipsblog.jp
    ryoheif
    ryoheif 2015/11/27
  • Web用保存は古い!? JPEG画質が改善したPhotoshop CC 2015の新方式の画像保存機能まとめ – ICS MEDIA

    みなさんはAdobe Photoshopでどのように画像を書き出してますか? 最新のPhotoshopではさまざまな画像書き出し機能が搭載されていますが、どれを選択するかで手間が異なります。 記事ではPhotoshopのさまざまな画像書き出し機能を紹介し、最適な画像書き出し方法を検証します。 この記事はPhotoshop CC 2022 (23.5.0)で検証しています。 この記事のポイント 新しい画像保存方式(書き出し形式、クイック書き出し)は手間が少ないので、作業効率が良い 新しい画像保存方式はデフォルト設定で、小さなファイルサイズの結果を得られやすい アニメーションGIF保存は「Web用に書き出し(従来)」を使う Photoshopの画像書き出し方法一覧 Photoshop CCにおいて、画像を書き出す方法は分けて5種類あります。 書き出し形式 [ファイル]→[書き出し]→[書き出

    Web用保存は古い!? JPEG画質が改善したPhotoshop CC 2015の新方式の画像保存機能まとめ – ICS MEDIA
  • アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点(スライド付) | ベイジの社長ブログ

    スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。このような時代におけるスタンダードなデザインルールを学ぶために、弊社デザイナーの荒砂を中心に、Appleが公開しているiOS Human Interface Guidelineと、Googleが公開しているMaterial Design Guidelineの比較を行いました。(以降、両者をガイドラインと略します) スマートフォン向けのWebサイトのデザインを考える上で、アプリのUIデザインの定石を知ることは重要です。なぜなら、スマートフォンにおいてはWebサイトをブラウズする機会は14%しかなく(comScore調査/2014)、多くの時間をアプリの中で過ごしているためです。さらにユーザは「これは

    アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点(スライド付) | ベイジの社長ブログ
  • Web担当者が見るべきWebマーケティング調査データ15選|ferret [フェレット]

    ホームページで売上を上げるためには、何から手をつければいいのでしょうか。 SEO や 広告 で集客を強化する、 コンバージョン しやすいように 導線 設計する、SNSで リピーター を増やすなど、手段は無数に存在します。 しかしそれらを実行する前に、知っておくと有利になるのが市場調査データです。 今はどのSNSが一番使われているのか、検索順位で1位になった場合はどの程度クリックされるのか、動画への関心が高まっているけど実際はどうなのか…というようなデータを知っておくことで、 ・利用するべき手段の選定が容易になる ・仮説の根拠を増強できる ・自社データと平均値との比較ができる(何が悪いかが可視化される) などのメリットを享受できます。 今回は、Web担当者であれば確実に知っておいた方がいいWeb マーケティング 関連の最新調査データをまとめました。 Web全般 広告 やWebサービス全般につ

    Web担当者が見るべきWebマーケティング調査データ15選|ferret [フェレット]
  • ここ数年前から2015/5までのモダンフロントエンドを総まとめしてみた

    HTML5や、次々と台頭するJavaScriptフレームワークにみられるように、現在のフロントエンドは異常なほど動きがあります。 常にキャッチアップしていないと、いつのまにかOLDな技術を使い続けることになります。実際に今回記事にしてみて、ちょっとつらくなりました。。 しかし、フロントエンドエンジニアとしてコードを書いていて(最近は主にJavaScript)、そのおもしろさに日々驚いています。 そこで今回は、ここ数年~2015年のフロントエンド界隈で一度は流行った技術、今後の動向などをまとめました。タイトルにモダンとありますが、その辺は適当です。ぜひ一度整理してみてください。 目次 Javascriptフレームワーク React.js Angular.js Angular.js 2.0 Backbone.js Vue.js Mithril.js Aurelia.js Knockout.js

    ここ数年前から2015/5までのモダンフロントエンドを総まとめしてみた
  • 英語でお問い合わせはなにがベスト?「Contact」と「Inquiry」の違いを解説 | 越境EC ・海外WEBマーケティング専門の世界へボカン

    よく英語サイトのグローバルナビにある、お問い合わせフォームへの導線ボタンに「Contact」や「Inquiry」と記載されているのを見かけますが、「Contact」や「Inquiry」の違いをご存知でしょうか? 海外のホームページでお問い合わせフォームを探したことがある人は疑問に思ったこともあるでしょう。 もしご存じでないのであれば必見です! 海外向けWebサイトで良く見られる表現、「Contact」と「Inquiry」の違いについて、実際の英語ホームページ例を交えながらお伝えさせていただきます。 (最終更新 2021/9/15) 「Contact」や「Contact Us」とは Contact usと書かれることもありますが、「Contact」は一般的に「お問い合わせフォームを含む電話やメール、SNS等、様々な連絡手段」の意味を含んだ総称を意味しています。Inquiryより一般的な、大き

    英語でお問い合わせはなにがベスト?「Contact」と「Inquiry」の違いを解説 | 越境EC ・海外WEBマーケティング専門の世界へボカン
  • グーグルが順位付けに使ってるのはページ表示速度ではなくクロール時間らしい | 初代編集長ブログ―安田英久

    今日は、SEO寄りの話題を。「グーグルがページ表示速度を順位付けの要因として使うようになった」と公式に発表したのは2010年。それ以来、Web担当者さんはどれだけ早くページが読み込まれるようにするか工夫しているのではないでしょうか。 しかし、ある研究者によると、グーグルが検索結果の順位付けに使っているのは「ページ表示にかかる時間」ではなく、「HTMLのクロールにかかる時間」だというのです。 グーグルが意味する「ページ表示時間」とはどれ?WebSiteOptimization.comが、ページ表示速度と順位に関する研究の記事を公開しました。ポーランドのポズナン工業大学に所属する3人の研究者が、次のようなことを発表したのです。 グーグルの検索順位と相関するのは、「ページ表示時間」ではなく、「ページのクロール時間」である 追加実験をしたところ、ページのクロール時間を変えると、(他の要因が同じであ

    グーグルが順位付けに使ってるのはページ表示速度ではなくクロール時間らしい | 初代編集長ブログ―安田英久
  • 縦に長い画像を1枚で印刷する際に自動分割してレイアウトするツール「Print1」 | WebNAUT by Beeworks

    モバイルサイトのデザインデータなど、縦長の画像を自動分割して印刷用に1枚にまとめるツールを作成しました。 データのアップロード等も不要ですので、機密性の高いデータを印刷する場合でも安心して無料でお使いいただけます! 明けましておめでとうございます。年もWebNAUTをよろしくお願い致します。私の新年1目の記事は特に正月らしい内容ではありませんが、Web制作の各場面で使える「痒い所に手が届く」ツールを紹介させていただきます。 デザイン確認時のよくあるやりとり ディレクター: ここでディレクターさんはデザインの確認と指示出しをどのように行うでしょうか? デスクトップ上で修正指示を書き込むようなアプリも幾つかありますが、やはり見やすさや書き込みのしやすさでは紙に印刷して手書きで指示を書く事が多いと思います。 その際、縦に長い画像を印刷しようとすると一般的なアプリではこのようになってしまいます

    縦に長い画像を1枚で印刷する際に自動分割してレイアウトするツール「Print1」 | WebNAUT by Beeworks
  • 企業Web担当者なら取得したいWeb解析・マーケティングに関する資格10選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、ディレクターのエリカです。 さて、世間にはさまざまな資格がありますよね。Web関連の資格をとっても、技術系だけではなく、解析、マーケティング、そしてリテラシーといった多岐に渡る分野の資格が存在します。 そこで今回は、知ってるようで知らない、企業のWeb担当者におすすめの資格について紹介していきたいと思います。 長くWeb担当をされている方は知識の確認や棚卸しに、最近担当になったばかりという方はスキルアップのために、ぜひチャレンジしてみてはいかがでしょうか。 ※受験料のほか、認定、受講、テキストなどの費用が別途発生する場合もあります。 ※下記掲載の受講・受験料は2014年10月現在のものとなります。 企業のWeb担当者におすすめの資格10選 1. WACAウェブ解析士認定講座 http://www.web-mining.jp 「一般社団法人 ウェブ解析士協会」が認定するウェブ解析

    企業Web担当者なら取得したいWeb解析・マーケティングに関する資格10選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Webディレクター必見のプロジェクトマネジメント術!遅延を発生させないポイント3つ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、ディレクターのなかみーです。 さて、プロジェクトのスケジュールが遅延してしまうと、クライアント・制作会社問わず関係者全員が不幸になってしまいますよね。逆に、安心安全にプロジェクトを回せたら、Webディレクターとしてこんなに幸せなことはありません。 ところでこのWebディレクターの仕事って、何なのでしょうか。企画提案、制作進行、クライアント調整……と、必須スキルは多岐に渡っています。 しかしそれにも関わらず、参入障壁がとても低く、産業として歴史が浅いこともあってか、他の業界に比べてプロジェクトの遅延が発生しがちなのかな……と思うときがあります。 かくいう僕自身も過去にさまざまなプロジェクトを担当させていただき、思いきり遅延を発生させてしまったこともあります。そこで日は、反省と自戒を含め、プロジェクトを遅延させないためのポイントを3つにまとめてみました。 他のWebディレクターの

    Webディレクター必見のプロジェクトマネジメント術!遅延を発生させないポイント3つ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 「CMS案件の制作フローは変化する。先にCMSを導入し、あとでデザインする」を読んで - よつば手帖

    菱川さんのブログの「CMS案件の制作フローは変化する。先にCMSを導入し、あとでデザインする」を読んで。 Facebookにシェアしようとしたら文章長いよ的な事を警告されたのでブログに書きます(笑) 制作フローを変化させていく 菱川さんのいう「先にCMSを導入し、あとでデザインする」という方向は増えていくと思う。 ただし、このフローが確立するにはクライアント(依頼者)のWebサイト制作への参加姿勢も重要。 丸投げしてた会社なんかは大きな意識改革をもとめられそう。 運営にはコストや時間がかかります。社内である程度やれる体制を作るか、外部に委託するか、どちらにしろそれなりのコストはかかってきます。 自動化もできないし、その会社を理解してる人じゃないと無理なので。 CMSって運営してなんぼなので当たり前といえば当たり前なんだけど。 でもまだWebサイトを会社案内程度に考えてるところが多いのも確か

    「CMS案件の制作フローは変化する。先にCMSを導入し、あとでデザインする」を読んで - よつば手帖
  • Wayback Machine

    We’re fighting to restore access to 500,000+ books in court this week. Join us! Can You Chip In? Please don't scroll past this—the Wayback Machine is fighting for universal access to quality information. The Internet Archive, which runs this project, relies on online donations averaging $15.58 to help us keep the record straight. We'd be deeply grateful if you'd join the one in a thousand users th

  • 最近話題になったイケてるWebサービス・アプリ11選(2014年2月編)

    2月が終わり3月も始まったということで、2月中に話題になったWebサービスやアプリを11個ほどご紹介します。 Threes!(2/6) 2月6日に世界的に配信されはじめ、2月10日に米国有料アプリランキング1位にランクインしたパズルゲーム「Threes!」が注目されています。 ルールはシンプルで、4×4のグリッド上になったマスの上で、3の倍数になるように数字をスライドさせていくパズルゲームです。1度挑戦すると何度も挑戦してしまう中毒性を持っています。シンプルだけど面白いです。 姫騎士と最後の百竜戦争(2/07) 2月7日に正式リリースされ、Androidだけで2週間で40万ダウンロードされた姫百(ひめひゃく)というアプリ。 ディフェンスとアタックをタイミングよく押し、敵を倒していく新感覚のアプリです。ゲームを体験して思うことは、演出のレベルここまでいくともはや「家庭用ゲームと変わらない」く

    最近話題になったイケてるWebサービス・アプリ11選(2014年2月編)
  • 役立たずなディレクターにならないためのコンセプトの考え方と具体的手法―ワークショップのスライド公開

    先日行ったディレクターワークショップについて、ちょいちょいスライドが見たい!とのお声をいただいたので今更ながら公開します。 勢いよく書き上げたものな上、しゃべりまくる前提で書いてしまったのでかなり読みにくいとは思いますが、全画面表示すれば多分何とかなるんじゃないかなーとか思います。 ワークショップ資料01 初日に公開したもの。 ワークショップのそもそもの目的からサイトコンセプトの考え方。コンセプトシートの実際の作り方などについて書いてあります。 今回は課題がコーポレートサイトのリニューアルだったこともあり、そこそこ汎用的な内容になってる・・・といいなぁ。 このスライドを見ながらあれこれしゃべった後、実際に参加者全員でエンドクライアントを囲んでヒアリング大会を行いました。以前あげたレポートでも書きましたが、自分以外の人が何を書くのか?は結構興味深かったですね。 ワークショップ資料02 こちら

    役立たずなディレクターにならないためのコンセプトの考え方と具体的手法―ワークショップのスライド公開
  • すごい役立った!Web制作に特化した「提案書」に入れておきたいこと、知識

    作成:2014/02/3 更新:2014/11/01 ディレクション > 提案書に必ず書いておきたいことを順を追ってメモしました。イメージはブログ用なので簡易的なものとなっています。フローや内容は会社によって違うと思います。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイトリニューアルの提案 自社分析によるサイトの問題点とその解決策 見やすさ、管理しやすさへの主な工夫 サイトレイアウト案(トップページ) フロント画面+管理画面 イメージ 保守+運用 セキュリティ面でのご提案 バックアップと緊急時の対応 サイトマップ案 強み、実績、事例 スケジュール サイトリニューアルの提案 企画提案書の流れをメモしておきます。実際に提案するときは、ポイントをおさえて簡潔に説明していきます。必要な部分だけピップアップして使います。 自社分析によるサイトの問題点とその解決策

    すごい役立った!Web制作に特化した「提案書」に入れておきたいこと、知識
  • 2013年にお世話になった3つのWeb系◯◯の教科書|男子ハック

    新婚旅行中に読んだ「SEO内部対策の教科書」2013年3月頃にスペインに新婚旅行に行ってきました。ゆっくり時間を取ることができるタイミングなんてないので飛行機の中や旅先で勉強しよう!ということで購入した。 2013年になってSEOの外部対策よりも内部対策のほうが重要になるだろうな...と予想していたのですが、結果的に予想通りになったのでとても参考になりました。 内容も「教科書」と書かれているように、とても読みやすくわかりやすいものでした。内部対策のことを勉強したいと思っている人にはおすすめです。 WordPressをもう少し使いこなしくて読んだ「WordPressの教科書2」男子ハックでは記事執筆担当は僕(@JUNP_N)が行い、開発案件はさく(@saku_t2)が行っています。 当初は2人でWordPressを触っていたのですが、今は任せっきり。技術レベルが離れていってしまったので、少

    2013年にお世話になった3つのWeb系◯◯の教科書|男子ハック