タグ

web制作に関するumakoyaのブックマーク (31)

  • 商用利用無料、国内のフリーイラスト素材の総まとめ

    商用でも無料、かわいくておしゃれなイラスト素材をまとめました。Webやアプリ、プレゼン、提案書、ポスター、同人誌など、さまざまなメディアで無料で利用できます。 ほぼすべてがクレジット表記は必要無しなので、使いやすいと思います。 イラストセンター 個人・商用プロジェクトで無料で利用できます。 現在10,000点以上、分かりやすくて使いやすいイラストが揃っています。カテゴリも豊富で、だいたいのものが揃っています。野菜や果物など、同じテイストでたくさんあるのもいいですね。料理もたくさんの種類があります。一度に利用できるイラストの数は20点までとなっており、詳しくは利用規約をご覧ください。

    商用利用無料、国内のフリーイラスト素材の総まとめ
  • オンデマンド動画配信を支える技術 - わかる!HLS編 - Qiita

    TL;DR HLSは原理がシンプルでわかりやすく情報が豊富。 HLSはほとんどのブラウザで視聴可能だが実装依存もある。 HLSでの視聴制限は一工夫必要。 はじめに 近年NetflixやPrime Videoなど、たくさんの動画配信サービスがありますね。皆さんも使われているものもあるのではないでしょうか? Netflixなどほど大規模でなくとも、様々な場面で動画配信の技術を活用しているのを目にします。 私たちはWebサービス受託開発の会社ですので、これまでにお客様からのご相談にお応えして、動画配信サービスも開発してきました。 この文書はオンデマンド動画配信 (VOD: Video on Demand) 開発についてまとめた社内資料を一般向けに再編集したものです。 動画配信サービス開発に興味のあるエンジニアにとってのはじめの一歩となれば幸いです。 想定する読者 VOD実装経験がない バックエン

    オンデマンド動画配信を支える技術 - わかる!HLS編 - Qiita
    umakoya
    umakoya 2020/05/21
    HLS単体ではブラウザが限られるので、動画プレイヤーの実装が必要
  • 動画をストリーミング配信する方法

    HTML5の<video>タグは単純に指定した動画を再生するだけ 上記のように、<video>タグを使えば、簡単に動画をWEBサイト上で利用できます。バックグラウンドに動画を配置したり、HTML5のCanvasやJavascriptと併せて利用することで、動きのあるサイトを構築したい場合などにも良く利用されます。 しかし、<video>タグでサイズが大きい動画を指定するとどうなるのでしょうか、動画再生ボタンをクリックしても、一向に再生されない、忘れた頃に再生されるという状態であったり、バックグラウンドに設定したはずの動画がいくら待っても再生されないという状況になり、再生が始まる頃にはほとんどの訪問者が離脱しているというという状況になります。 このためサイズが大きい動画を扱う場合は、ストリーミング配信により、動画を読み込みながら動画を再生していく必要があるのですが、<video>タグにはこれ

    umakoya
    umakoya 2020/05/21
    動画配信の案件がでてきたので再勉強。
  • 【CSS】おしゃれなボックスデザイン(囲み枠)のサンプル30

    使い方 HTMLCSSの編集方法をご存知の方は読み飛ばしてくださいませ。 スキップ 手順1:CSSをコピペ のちほど紹介するボックスデザインのうち、気に入ったものがあればCSSをコピーします。これをブログやWebサイトのCSSファイルに貼り付けます。貼付け先はブログサービス別に以下のようになります。 link rel〜を貼る場所 WordPress[ダッシュボード][外観][テーマエディター]右側のバーの[style.css]※もちろんFTPソフトを使ってもOK はてなブログ[デザイン][][デザインCSS]スマホ用はの[フッタ]に<style></style>と入力、この中に貼付け アメブロ[マイページ][デザインの変更][CSSの編集] Livedoorブログ[ブログ設定][PC][カスタマイズ][CSS] FC2ブログ[設定][テンプレートの設定][スタイルシートの編集] Blog

    【CSS】おしゃれなボックスデザイン(囲み枠)のサンプル30
  • ぐるなび伊東氏が明かすオウンドメディア立ち上げの極意――新米担当者に贈る“タスクリスト”付き | Web担当者Forum

    わが社でもオウンドメディアを始めたい。 ぜひ君に、担当者として立ち上げを任せたい。 よろしくたのむよ! こんな風に、いきなりオウンドメディアの担当者に抜擢されたら、何から始めればよいかわからず困ってしまうのではないだろうか。 コンテンツマーケティングの有用性が広く理解され、さまざまな企業がオウンドメディアを立ち上げるようになった。それにともない、メディア運営やコンテンツ制作の経験がない人が担当者になるというケースも増えている。 メディア運営って、何が必要なの? 自分で書く? それともライターに依頼する? どうやって探せばいいの? 必要な人員や予算の見当がつかない……。 もし、「もともとオウンドメディアをやってみたかった」という方なら、目標や参考にしているメディアがあるだろうし、作ってみたいコンテンツのイメージを持っているかもしれない。それでも、何もないところからの立ち上げでやるべきことをす

    ぐるなび伊東氏が明かすオウンドメディア立ち上げの極意――新米担当者に贈る“タスクリスト”付き | Web担当者Forum
    umakoya
    umakoya 2018/07/19
    オウンドメディアを立ち上げる際のポイント。
  • 『ノンデザイナーズ・デザインブック』

    About 20年以上愛されている、デザインの定番書です。デザインはデザイナーだけに必要な要素ではありません。いまやエクセルやワード、パワーポイントを使って資料を作る際にも重要となります。読みやすいデザイン、伝わるプレゼン資料、わかりやすいレイアウトを作りたい方におすすめの一冊です。ロングセラーの書を活用し、ステップアップを目指しましょう! Feature 1.デザインの「4つの基原則」がわかる 近接、整列、反復、コントラスト……4つの基原則だけで、デザインはぐっとずっと、よくなります。良い例、悪い例をそれぞれ挙げて、具体的に解説します。 2.作例を多数解説 「4つの基原則」を活用しながら、名刺、チラシ、パンフレット、広告などをデザインする際のテクニックを丁寧に解説します。 3.活字を用いたデザインを解説 文字および活字は、デザインにおいて大きな役割を担っています。タイポグラフィの

    『ノンデザイナーズ・デザインブック』
    umakoya
    umakoya 2018/05/18
    プロのデザイナーには当たり前すぎるので、文字通りノンデザイナーであるウェブディレクターにおすすめしたい。自分も昔、この本(青表紙)に救われた。
  • 飲食店のホームページの作り方。最近はすごく簡単になってるけど

    1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない><」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか? HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる 飲店のホームページの作り方が、最近すっごくすごーく簡単になってます。 例えば「グーペ」というホームページ作成サービス。「1分であなただけのHPが作れます」というキャッチコピーに「え、ほんとなの?」と、首を傾げたくなりますが、ええ当です。 あらかじめレストラン、カフェ、居酒屋向けのテンプレートがたくさん用意されてます。その中から自分好みのデザインをひとつを選ぶだけで、すぐにホームページが完成します。 飲店用のホームページ作成サービス 「グーペ」 デザインが良いだけでなく、機能的にも充実してます。フ

    飲食店のホームページの作り方。最近はすごく簡単になってるけど
    umakoya
    umakoya 2018/04/06
    ウェブサイト立ち上げのパターンの参考に
  • Free Online OCR - Image to text and PDF to Doc converter

    1. Upload Image Upload Image or PDF document for conversion. You can upload any type of input images or documents, such as PDF, Tiff, PNG, BMP and other. One limitation for the input document is that the file size is no more than 15 MB 2. Language and output You should select appropriated recognition language for most accuracy conversion image to text. And also, you may choose output format (MS Do

    Free Online OCR - Image to text and PDF to Doc converter
    umakoya
    umakoya 2018/03/19
    画像しかない原稿の文字起こしに重宝。精度が高い。
  • 【工作】魔法少女になりたくて、自分だけの「使い魔」を作ってみました | オモコロブロス!

    こんにちは、ARuFaです。 突然ですが質問です。皆さんには幼少期に憧れていた職業はありましたか? 僕はというと、じつは一時期「魔法少女になりたい」と思っていた頃がありました。 可愛い服に身を包み、魔法を駆使して平和を守る魔法少女。 ちょうど僕が小学生の頃に「おジャ魔女どれみ」が放送されており、それに触発されて魔法少女に憧れを抱いていた時期があったのです。 とはいえ、魔法少女になれるのは『選ばれし少女』だけ。あれから時が経ち、少女から最も遠い「成人男性」になった僕は今、魔法少女の夢を諦めて会社員として働いています。 しかし、僕は魔法少女の全てを諦めた訳ではありません。 そう……魔法少女になれないのなら……ならばせめて…… ”使い魔”ぐらいは欲しい! ご存知でしょうか。魔法少女のかたわらには、かなりの確率で「使い魔」と呼ばれる小動物が浮遊しているのです。 むしろ、使い魔の存在こそが、魔法少女

    【工作】魔法少女になりたくて、自分だけの「使い魔」を作ってみました | オモコロブロス!
    umakoya
    umakoya 2017/07/01
    アニメーションGIFの新たな可能性が開かれた感がある。
  • 素人でも簡単に一流のホームページが作れる無料Webサイト作成サービス7選+α - Life is colourful.

    【2017年3月31日】 いまやホームページは誰でも、もの凄く簡単に作れる。ホームページ作成サービスがあり、無料で始められるものもある。 正直なところ、個人の商店や中小規模の企業レベルならコレで十分なケース多い。 ホームページを作るための言語(HTML)やデザインの知識も全く要らない。キーボードを叩けて、マウスをクリックできれば十分だ。 この記事では、誰でも使える便利なホームページ作成サービスを紹介する。日語対応で無料から始められるもののみに限る。 この記事の後半では、実際に無料で簡単にホームページを作る手順を解説する。実際に無料のサービスを使ってホームページを一つ作ってみたので、興味のある人はのぞいてみてほしい。 目次 目次 ビジネス用のホームページなら少し投資を ホームページ作成サービスを利用するときの注意点 グーペ BiND クラウド BASE(ベース) Jimdo(ジンドゥー)

    素人でも簡単に一流のホームページが作れる無料Webサイト作成サービス7選+α - Life is colourful.
    umakoya
    umakoya 2016/06/15
    お金が無いというお客さんや安く作ってくれという知人に紹介
  • 7つの実例で学ぶ「ワイヤーフレーム通り」のデザインから脱却する具体的な方法

    「ちょっと〇〇君!これワイヤーフレームそのままじゃない!」 Webデザイナーなら、できることなら聞きたくないセリフですよね。私自身ももれなく、こう言われた経験はありますし、逆に後輩に対して同じく「これだとワイヤーフレームのまんますぎるね。。」と伝えたこともあります。 この「ワイヤーフレーム通り問題」は、Webデザイナーなら誰しも一度は経験するあるあるの一つと言えますが、なぜ「ワイヤーフレーム通り」と言われてしまうのでしょうか。また具体的に何をすれば、ワイヤーフレーム通りではなくなるのでしょうか。今回はそのあたりの原因と対処方法を考えてみたいと思います。 「ビジュアルを作る力」と「情報を理解・提案する力」 ズバリ結論を言いますが、ワイヤーフレーム通りじゃん…と言われてしまう人は「ビジュアルを作る力」と「情報を理解・提案する力」が弱いと言えます。 ビジュアルを作る力は幅広い表現の中から適切な手

    7つの実例で学ぶ「ワイヤーフレーム通り」のデザインから脱却する具体的な方法
    umakoya
    umakoya 2016/06/10
    デザイナーに渡すWFは必要な要素の提示くらいの意味合いだな。客先に見せるWFはまた別もの。
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • デザイナーから納品されたデザインがダサい | RABBIT PUNCH

    社内での制作案件、制作会社への外注、クラウドソーシングなどなど、Webサイト制作に関わる仕事をしている方であれば、デザインをデザイナーに依頼するシーンがあると思います。 そういったシーンで発注者を苦しめる要素のひとつが「納品されたデザインがダサい時」です。 ディレクターと新人デザイナーの例Web制作会社で働くディレクターのKさんは、今年入社してきた新人デザイナーにWebサイトデザインを依頼。コンテンツマップとワイヤーフレームを渡し、口頭で色、雰囲気、参考サイトを共有しました。 2日後。Kさんは、新人デザイナーから上がってきたデザインを見て驚愕。自分がイメージしていたデザインとはかけ離れたものでした。それ以前にとにかくダサい。 有名な某デザイン専門学校の出身で、入社当初からデザインセンスには定評があった新人デザイナー。入社後も大型案件のデザインを担当するなど、社内での評価も上々でした。しかし

    デザイナーから納品されたデザインがダサい | RABBIT PUNCH
    umakoya
    umakoya 2016/01/12
    同じデザイナーと長く仕事すると意思の共有が早くなり、楽に仕事ができるようになります。新規発注なら丁寧にしないといけないのは当たり前。
  • Web制作のプロも参考にすべき!コンテンツ作りの参考になるアフィリエイトサイトまとめ | CODE-A(コードA)

    なるほど。アフィリエイトによくないイメージをもっている人はまだ多いのね。 でも、そのWebデザイナーさん、先入観が災いして、アフィリエイトをするからこそ手に入るノウハウに気付いてないかも。 ・・・というわけで、突然ですが、あなたは「アフィリエイト」についてどう思われますか? もし、あなたがWebデザイナーであれば、「アフィリエイトって、Webサイトで何かの商品を紹介してお小遣いを稼ぐ、なんか胡散臭いビジネスのことでしょ?」なんてお思いかもしれません。 でも、それは間違いです。 なぜなら、今、アフィリエイトはひとつの大きなビジネスになっていて、アフィリエイトだけで生計を立てている人たちが増えているからです。 アフィリエイトで得られる収益はもはや“お小遣い”というレベルではなく、アフィリエイトを専門におこなう企業も生まれているくらい、立派なビジネスになっているのです。 「えっ!?そうなの!?

    Web制作のプロも参考にすべき!コンテンツ作りの参考になるアフィリエイトサイトまとめ | CODE-A(コードA)
  • 丁寧な「要件定義」がWebディレクターの武器になる!進め方やコツを解説

    Webディレクターの毎日は、協力的でものわかりのいいクライアントとスムーズにやりとりしながら、クオリティの高い制作物を完成させていく…なんて順風満帆なことばかりではありません。むしろ「クライアントの要望がどんどん増えて困った」「言った、言わないでモメた」「炎上した」、挙句の果てに、スタッフは徹夜でボロボロ、お金も請求できなかった…そんなトラブルの数々に頭を抱えることのほうが多いかもしれません。 しかし、『失敗しないWeb制作 プロジェクト監理のタテマエと実践』(ワークスコーポレーション)の著者・みどりかわえみこさんによると、トラブルを避けながら制作物のクオリティを上げるためには、「きちんと要件定義を行う」こと重要とのこと。要件定義をしたことがない人も、してはいるけど当に必要なのかイマイチ分からないという人も、今一度要件定義について学んでみましょう。 目次 今さら聞けない!?イロハのイ~そ

    丁寧な「要件定義」がWebディレクターの武器になる!進め方やコツを解説
    umakoya
    umakoya 2015/12/18
    普通だった。新人に読ませるときの資料として。
  • ディレクションの役割を持つスタッフの活躍を広げる取り組みについて - クックパッド開発者ブログ

    クックパッド検索・編成部の五十嵐啓人です。業はレシピなどの料理検索を中心とした、主に「さがすユーザー」のサービス責任と、ユーザー数の拡大に責任を負っています。日は部門を超えて取り組んでいる、ディレクションの役割を持つスタッフの活躍を広げるための取り組みについて紹介します。 ディレクションの役割を取り巻く当社の状況 日のインターネットサービス界隈で「プロダクトマネージャ」の話題が盛り上がりを見せつつありますが、当社でもプロダクト開発を牽引・補佐する役割を担当しているスタッフを(名前の議論はありますが)慣習的に「ディレクター」と分類しています。 当社では、以前からエンジニアリングで活躍するスタッフについては、エンジニアマニフェストやエンジニア専用の評価制度作りなどに注力し、組織として期待するエンジニア像の言語化による職種の価値向上、およびキャリア支援を充実させてきました。しかし、エンジニ

    ディレクションの役割を持つスタッフの活躍を広げる取り組みについて - クックパッド開発者ブログ
    umakoya
    umakoya 2015/12/14
    「ディレクターの主要な要件」の「言語化」。スゴイな・・・。こんな環境で働き成長してみたい。
  • https://kaizenplatform.com/media/

  • Web制作における対応ブラウザの選定方法

    Web制作における対応ブラウザの選定方法 「フロントエンドのテクニカルディレクションに求められるスキル」で出てきた話題として対応ブラウザの選定方法について掘り下げて解説を行います。 サイトのターゲット・予算・リソース・開発期間などビジネスにより選定方法は異なりますので、あくまで参考程度にしてください。 対応ブラウザを絞る意味 まず最初は「なぜ、対応ブラウザを絞るのか」という視点から。 理想論で言ってしまえばWebサイトを訪れるユーザー全てに最適なコンテンツを提供できれば申し分がありません。 しかし、現実的には各ブラウザ/OSによって実装が異なる機能があったり、実装されていない機能があったり、特有のバグを含んでいる物があったりすることもあり、そういった場合は個別のブラウザ/OSに対してデバッグやチューニングを行わなくてはいけません。 そのため対応ブラウザの数が多ければ多いほど、Webサイトの

    Web制作における対応ブラウザの選定方法
    umakoya
    umakoya 2015/12/01
    来年からは基本IE11対応のみでもOK。
  • Font−familyのベストな書き方 2015年版 | それからデザイン スタッフブログ

    CSSフォントの種類を指定する際に使用する「Font−family」の正しい記述方法は、デバイスに標準搭載されているフォントやWebフォントなどの技術の変化などで日々変わっています。 今回は最新のトレンドも踏まえた上で基的なFont−familyの指定方法を再定義してみたいと思います。

    umakoya
    umakoya 2015/10/02
    最近はじめて使ったけど英語フォントはWeb Fontが実用化してるな。
  • コンテンツマーケティングでWeb予約を10倍にした矯正歯科のサイト運営ノウハウを公開 | 一人でできるWebサイト収益UP術-ウェブ解析士事例集

    競合が多い東京駅界隈。ドクター1名でやっている矯正歯科が医院の強みを活かしたコンテンツマーケティングを行った結果、1年半でPV数30倍、Web予約数10倍を達成。その際に行ったコンテンツ作成ノウハウを公開します。 矯正歯科の背景事例は、競合が多い東京駅から徒歩3分にある、矯正歯科専門の歯医者さんです。通常の虫歯の治療は行わずに、矯正歯科を専門に行っています。2012年に開業し、来院のほとんどが口コミや一般歯科からの紹介で、開業と同時にWebサイトもオープンしていましたが、アクセスは少なく、Webサイト経由での予約は月に数件のわずかなものでした。 口コミや一般歯科医に紹介されて来院する方の満足度は非常に高く、また他院で行っている治療に満足がいかずセカンドオピニオンとして来られる方もいました。高い技術や診察眼を買っている人は多かったのですが、開業してまだ数年で、その知名度を広める術がありませ

    コンテンツマーケティングでWeb予約を10倍にした矯正歯科のサイト運営ノウハウを公開 | 一人でできるWebサイト収益UP術-ウェブ解析士事例集
    umakoya
    umakoya 2015/08/29
    こう言う思考の流れはとても参考になる。