タグ

制作に関するshunutsu2-2-24のブックマーク (46)

  • Web制作あるある「画像ない問題」を解決!ダミー画像の生成サービス15選

    「準備はまだできていないけど、仮のダミー画像を入れておきたい」ウェブ制作中にそんな場面に遭遇することもあるでしょう。 この記事では、ダミー画像を手軽に生成できるジェネレーター、オンラインツールをまとめてご紹介します。 そもそもダミー画像とは? ウェブ制作中に、「画像の準備はできていないけど、とりあえずレイアウトの確認だけでもしたい」、というときに利用する仮の画像、これが「ダミー画像」です。 画像のサイズはもちろん、スタイルなどもimgタグに直接記述するだけで、ダミー画像を表示できます。 試しに以下のようにimgタグを記述してみると、 <img src="https://placehold.jp/272343/ffd803/640x400.png"> ほんの少しの指定を行うだけで、サイトの雰囲気にあった色合いのダミー画像を用意することができます。サイズ指定も手軽なので、お気に入りのダミー画像

    Web制作あるある「画像ない問題」を解決!ダミー画像の生成サービス15選
  • ウェブデザイン制作が爆速に!便利な最新オンラインツール47個まとめ

    ウェブデザイナーやグラフィックデザイナーのデザイン制作をスピードアップさせる、便利な最新オンラインツールをご紹介します。 ゼロから作ると時間のかかってしまいそうなことも、これらのツールを使うことで大幅に制作時間を短縮できるツールが揃います。今後のデザイン制作のワークフローに取り入れてみてはいかがでしょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. モックアップツール 2. デザインツール 3. デザインからコードへの変換ツール 4. プロトタイプツール 5. サウンドツール 6. アイコン素材パック 7. コラボレーション、共同作業ツール 8. 面白ツール 9. フォント、書体ツール ウェブデザイン制作を爆速に!便利な最新オンラインツールまとめ モックアップツール Design Camera アニメーション付きの3Dモックアップを数秒で作

    ウェブデザイン制作が爆速に!便利な最新オンラインツール47個まとめ
  • 制作者のためのHTML

    主にユーザー側の視点から語られることが多いアクセシビリティですが、制作という側からはどのように捉えることができるのでしょうか。2つの切り口から考えてみます。 # アクセシビリティという文脈において、何のためにHTMLを書くかという話になると マシンリーダビリティのため スクリーンリーダーのアクセシビリティのため というように、ユーザーが利用するため、というところにフォーカスした語られ方が多いように感じています もちろんユーザーのために作るというのは正しいのですが、今回はあえて視点を変えて、制作者自身の作るというところに視点を合わせて話してみたいと思っています 僕がどういうものなのかというと、 # 参照: 全部入りHTML太郎(@_yuheiy)さん | Twitter ツイッターでは「全部入りHTML太郎」という名前でやっています # 参照: シフトブレイン/スタンダードデザインユニット

    制作者のためのHTML
  • 2018年版:おすすめの人気UIデザインツール徹底比較 | Web Design Trends

    日々新たなデザインに関するニュースが飛び交っていますが、それはUIデザインツールに関しても同様です。 Adobe XDの正式リリース、Figma3.0のリリース、InVision Studioのベータ版公開など、2017年の終わりから2018年にかけて多くのUIデザインツールが登場しました。 今回は、2018年8月現在で公開されているUIデザインツールの中から、特に人気のツールについて機能や特徴を比較していきたいと思います。 最新の情報はこちら 2020年版:おすすめの人気UIデザインツールを徹底比較!【Figma / XD / Sketch】 現在は、デザインツール戦国時代とも言われるように、様々なデザインツールが競争を繰り広げています。 UIデザインを作るための「UIデザインツール」もどんどん進化していて、個性的なツールが多数登場していま... Web Design Trends UI

    2018年版:おすすめの人気UIデザインツール徹底比較 | Web Design Trends
  • 広告レタッチャーによるPHOTOSHOPテクニック集|レタッチャー / 大谷キミト|note

    Photoshopレタッチビジュアル / 制作動画 こんにちは。 札幌を拠点とし活動中のレタッチャーの大谷キミトです。 またまた久しぶりのnoteです。 1月に書いて以来。 さて今回は文字で説明というよりはこんな感じで作っているよというPhotoshop画面を動画で撮っているので是非参考にしてみてください。 いつも光やエフェクトに意味を持たせたりするのですが、今回はそこまで深く考えずにエフェクトを入れてみました。 なんとなくかっこよくなるように勢いってやつですね。 たまにはそんな勢いで作る絵も良き。 前回の記事はこ

    広告レタッチャーによるPHOTOSHOPテクニック集|レタッチャー / 大谷キミト|note
  • 何だこの破壊力!座頭市とプレデターに敬意込めたファンムービー「座頭市VSプレデター」 : Japaaan

    なんかめちゃくちゃスゴい時代劇ありました!映画好きなら誰もがアツくなること間違いありません。その映画のタイトルは「ZVP」…なんの略?なんと「座頭市 VS プレデター」なのです! この「ZVP(座頭市 VS プレデター)」、実は架空の映画を想像した予告編映像で、座頭市とプレデターへの敬意を込めたファンムービーなのです。ファンムービーと言っても、映像を観てみるとかなりの格派なトレーラーとなっており、このまま編制作も期待しちゃいたいほどのクオリティなのです。 プロデュース、脚、監督を努めているのは、円谷プロダクションに在籍していたことのある岡部 淳也さん。現在は株式会社ブラストの代表取締役を務められている方で、テレビ、CM、映画など多方面で活躍されています。 この映像を制作した経緯としては、なんでも2017年は座頭市の原作者・子母澤寛さんの没後50年であり、座頭市を演じた勝新太郎さんの没

    何だこの破壊力!座頭市とプレデターに敬意込めたファンムービー「座頭市VSプレデター」 : Japaaan
    shunutsu2-2-24
    shunutsu2-2-24 2017/12/16
    プロが作ったとはいえ、ファンムービーでここまでおもしろいのは初めてかも。
  • 佛跳牆 - パル

    こんにちは。大ネタだから更新を誌と合わせろと言われたのでします。画像が撮影分で500枚、アプしたのが250枚くらいあって、そんなもん皆さんもよみたくないだろう。100枚くらいにしたいです。 2話掲載のうち1は米の水加減についてというプリミティブな話です。尺が足りなかったのです。そしてうちのハカリが先日ぶっこわれて資料写真を撮れないので、この謎の図と誌を読んでください。とにかく水の量を正確に測りたいという気持ちについてです。 米の話おわり(そのうち書く) あと今度クズとしてテレビで2週連続放映されます。 で、佛跳牆ですが細かいことはWikipediaを読んで下さい。読まなくてもいいです。どうせこれから作る様子を見れば狂った料理だということがわかります。我々は主に美味しんぼで佛跳牆というものの存在を知ったわけですが、ネタだろうなというのがありこれです。あの時の美味しんぼのハクビシンの絵

    佛跳牆 - パル
  • 年賀状としてチャットボット作ってみた - 東京モラルハザード

    年賀状が面倒 毎年の課題だけど、年賀状が面倒。 もはや、Facebookでの画像や動画の投稿のみになってる。 なんかいい手はないかなって思って、ちょうど去年がchatbot元年らしいので、手を出してみた。 プログラミングとか面倒 プログラミングとか面倒なので、シナリオの設定だけで組めるサービスを探したら、下記の2つが見つかった。 chatfuel.com facebookにメッセンジャー主体のchatbot制作サービスらしい。 あまり深掘りしてないので、詳細わからず。 Repl-AI docomo Developer supportと紐づくサービス。 いくつか制作の過程を紹介する記事を読んで、ここに決めた。 liginc.co.jp こんな感じで簡単そうでしょ? シナリオの設定 予め設定された内容しか発話しないから、会話を進めることで私の近況も伝えられて、かつ進める意味があるように、最後に

    年賀状としてチャットボット作ってみた - 東京モラルハザード
    shunutsu2-2-24
    shunutsu2-2-24 2017/01/01
    作ったサービスとか紹介してます。
  • もう、レスポンシブでいいんじゃない?

    先月末、藤井さん の働く株式会社ザッパラスさん にお邪魔して、レスポンシブWebデザインの基のキ的なお話しをさせていただきました。 題して「もう、レスポンシブでいいんじゃない?」 いま、改めてレスポンシブWebデザインについて考えるきっかけになれば、という視点で内容をまとめてみました。 4年前に「レスポンシブWebデザイン 制作の実践的ワークフローとテクニック 」というを執筆したんですけど、そのころからウェブ制作のデフォルトはとりあえずレスポンシブでいいんじゃない?と思っていたのですが、最近、その思いがより強くなっています。職場のウェブサイトをレスポンシブでリニューアルしてから約5年が経ちますが、やっぱり、あの時レスポンシブを選択しておいてよかったとつくづく感じています。おかげで、Googleさんがモバイルインデックスを優先するという昨今のニュース にもあまり翻弄されなくてすんでいます

    もう、レスポンシブでいいんじゃない?
  • 感動的な結婚式のムービーを費用を抑えつつ自作するための7つの手順

    結婚式のムービーを自作したい、どのように作ったらいいんだろう・・・ この記事をお読みの方にはそのようにお考えの方もいらっしゃるのではないでしょうか? 結婚式でムービーを流す新郎新婦は以前から多くいらっしゃいますが、最近では結婚式の費用を節約するため、特にプロフィールビデオなどを中心に自作する方も増えています。 動画には言葉では伝えきれない感謝の想いを伝えることができたり、二人の馴れ初めを分かりやすく伝えることができたりと、様々な効果があるのでこだわったものを作りたい所でしょう。 しかし、普段動画を作り慣れていない方ですと、「どうやって結婚式のムービーを作成したらいいのだろう?」と悩まれるのではないでしょうか。そこで今回は結婚式のムービーを自作する方法について説明していきます。ご参考になれば幸いです。 何年たっても色褪せないウェディングムービーを。”First Film” 今回の記事は結婚式

    感動的な結婚式のムービーを費用を抑えつつ自作するための7つの手順
  • 宇多田ヒカル - 「桜流し」(ヱヴァQバージョン)【24時間限定】

    椎名林檎、KOHH、小袋成彬らが参加するなど、早くも話題沸騰の宇多田ヒカルのニューアルバム「Fantôme 」。そのアルバムの最後を飾る曲であり、2012年11月に公開された「ヱヴァンゲリヲン新劇場版:Q」のテーマソングとしてもおなじみの楽曲でもあります。 その「桜流し」のミュージックビデオを、アルバム「Fantôme」の発売を記念して、新たに「ヱヴァンゲリヲン新劇場版」シリーズを制作しているスタジオカラーのスタッフが制作。スタジオカラーが宇多田ヒカルのビデオを手掛けるのは、2014年12月にリリースのソングカバーアルバム「宇多田ヒカルのうた」のプロモーション用に制作された「Beautiful World」( https://youtu.be/uuMNmHdr0Lg )以来のこと。 日(9/19)に限りフルバージョンで公開中! スタジオカラー監督の吉崎響氏はビデオの制作にあたり 「じっ

    shunutsu2-2-24
    shunutsu2-2-24 2016/09/19
    限定っ!
  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    shunutsu2-2-24
    shunutsu2-2-24 2016/09/09
    マンスーンEMC好きすぎ。
  • 無口な織物職人が地下アイドルにハマっていく問題作・映画『堕ちる』が衝撃的 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -

    2016年9月9日(金)、9月10日(土)の2日間「第6回きりゅう映画祭2016」が群馬県桐生市の桐生市市民文化会館で行われる。映画祭で上映される問題作10日の「きりゅうシネマ2016」で上映される映画『堕ちる』は、無口で真面目な熟練の織物職人がふとしたきっかけでローカル地下アイドル「めめたん」にハマってしまうというストーリーだ。秋葉原で活動する地下アイドルのファンには中年男性も少なからず存在しているという話を思い起こさせるが、堅いイメージのある職人とアイドルという組み合わせのストーリーが、桐生でどう展開されるのか。監督・脚を担当した村山和也監督に話を聞いた。監督生命をかけて制作村山監督はこれまでCMや乃木坂46・NMB48などのアーティストのMV制作を行う映像ディレクターとして活動、ニューヨーク市立大学在学中に短編映画を制作した経験を持ち、日で制作したのは今作品が初という。一応、映画

    無口な織物職人が地下アイドルにハマっていく問題作・映画『堕ちる』が衝撃的 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -
  • 坂本慎太郎がたどり着いた“答え”「僕が作りたいような音楽を自分で作るのは不可能」

    慎太郎が、ソロ3rdアルバム『できれば愛を』を7月27日にリリースする。前作のソロ2ndアルバム『ナマで踊ろう』は、「人類滅亡後に流れている常磐ハワイアンセンターのハコバンの音楽」というテーマを担っていたが、今作は「夏休みの最初の日の朝っぽいアルバム」を目指し、自分の“声”と向き合った、ポップでシニカルなダンスレコードに仕上がっている。今回のインタビューは、前回【坂慎太郎はなぜ“人類滅亡後の音楽”を構想したか「全体主義的なものに対する抵抗がある」】に引き続き、聞き手に音楽評論家の小野島大氏を迎え、前作以降に起こった変化や今作の制作プロセス、さらには坂自身のポップス・ロック論まで語ってもらった。(編集部) 「鋭い音を一切排除して、中域の密度を重視した」 ーー今回も大変面白いアルバムでした。 坂慎太郎(以下、坂):あ、ほんとですか。ああ……(反応が薄い)。 ーーははは……前作から2

    坂本慎太郎がたどり着いた“答え”「僕が作りたいような音楽を自分で作るのは不可能」
  • 【噂の真相】巻上公一(ヒカシュー)、Dir.F(水曜日のカンパネラ)の会合に立ち会ってきた

    2016年5月上旬、ネットを中心にちょっとした炎上騒ぎが巻き起こった。その中心にいたのはロック・バンドのヒカシュー、そして音楽ユニット・水曜日のカンパネラの2者。筆者は普段、音楽配信サイトOTOTOYで働いており、両者の配信の担当をしている。今回の騒動が話題になるはるか以前から、両者の音楽配信にとどまらずインタヴュー記事を制作するなどの交流があり、今回の問題についても公になる前からお互いに話を聞いていた。そのため中立的立場として件を取材をし、お互いの考えを明るみに出すことが必要と思い、2者が対面する場(これが初顔合わせ)に立ち会いこうして記事を書いている。 ことの顛末はこうだ。水曜日のカンパネラが2013年にリリースした1stミニ・アルバム『クロールと逆上がり』に、バンドとはまったく関係のない「ヒカシュー」という楽曲が収録されていた。その楽曲に対し、ヒカシューのフロントマン・巻上公一から

    【噂の真相】巻上公一(ヒカシュー)、Dir.F(水曜日のカンパネラ)の会合に立ち会ってきた
  • ヨッピーがいろいろ募集する記事 - ヨッピーのブログ

    こんにちは。ヨッピーと言います。 現在フリーランスという名の根無し草生活を送っておりまして、しょうもない記事を書き散らしてはお企業様からゼニころを頂き、口座にお金が振り込まれた瞬間に全額おろして歌舞伎町に突撃するような毎日を送っております。 ありがたい事に業については順調そのもの、といった感じで色んな案件に声をかけて頂いているような状況なのですが、毎年恒例3月4月の繁忙期を終えて一息つけたので、個人的にやりたい色んな事の実現に向けてお手伝い頂ける方その他色々募集してみたいな、と思った次第であります。 ご協力頂ける方、大募集~~~~! 募集その1:カメラが上手で僕に教えてくれる人 ソニーのミラーレスのカメラを使って普段写真を撮っているのですが、 1:フルオートにして 2:シャッターを押す 以外の使い道を一切知らないので、設定とかカッコイイ写真の撮り方とかを教えて欲しいです。外に出て道端で色

    ヨッピーがいろいろ募集する記事 - ヨッピーのブログ
    shunutsu2-2-24
    shunutsu2-2-24 2016/05/11
    ヨッピーのバズ動画企画、お願いしたい!!
  • 「鳥獣戯画」、ついにアニメ化――制作はスタジオジブリ

    歴史の教科書でお馴染みの鳥獣戯画は、京都・高山寺所蔵の国宝。約800年前の平安時代から鎌倉時代にかけて作られた絵巻物で、当時の世相を反映して擬人化された動物たちがいきいきと描かれ、「日最古の漫画」ともいわれる。 テレビCMは、教科書でお馴染みのカエルとウサギが主人公。雨で困っているウサギを見て、カエルが葉っぱの傘を差し出す。驚くウサギに傘を手渡して去ろうとするカエル。ウサギは慌てて追いかけ……というストーリー。ピアニストの辻井伸行氏が手がけたBGMも印象的だ。なお、最後の「丸紅新電力」という声は、スタジオジブリの鈴木敏夫プロデューサーだという。 京都に行くたびに高山寺をたずね、「鳥獣戯画」(普段はレプリカ展示)を眺めるという鈴木氏は、「鳥獣戯画は宮崎駿監督や高畠勲監督も好きで、実はCMの話がくる前からアニメを作り始めていた。800年間動くことのなかった鳥獣戯画に命を与えるとどうなるか。そ

    「鳥獣戯画」、ついにアニメ化――制作はスタジオジブリ
    shunutsu2-2-24
    shunutsu2-2-24 2016/03/16
    夢だよね。丸紅のCMか。
  • 丁寧な「要件定義」がWebディレクターの武器になる!進め方やコツを解説

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

    丁寧な「要件定義」がWebディレクターの武器になる!進め方やコツを解説
  • ウェブ制作に仕事として関わっていらっしゃる方、サイトのターゲット(表示・動作の最適化の対象)とするOSとブラウザはどのように決めていますか?…

    ウェブ制作に仕事として関わっていらっしゃる方、サイトのターゲット(表示・動作の最適化の対象)とするOSとブラウザはどのように決めていますか? とても図々しい質問なのですが…… 私は、大抵、インターネットに関する調査会社等で定期的に公開されている、OSとブラウザーのシェアをクロス集計して、全ての組み合わせのうち、75~95%(作るサイトの目的や採用するシステムによって落とし所を決めます)をカバー目標としています。 私は、下請けでの経験が少ないため、他のウェブ制作会社の皆様がどのようにUIのターゲティングをなさっているのか存じません。ついては、皆様どうなさっているか、お聞かせ頂ければと存じます。 なお私は、制作環境としては、それぞれの組み合わせのPC上で数秒ごとに再読込を繰り返させておいて、それらを見ながら制作しています〔ので、PCの数等もカバー率に反映されます〕。しかし、聞く所では、エミュレ

  • ハッピー・バースデーの歌にワーナーの著作権認めず 米判決:CNN

    ニューヨーク(CNNMoney) 120年前から歌われている誕生祝いの定番ソング「ハッピー・バースデー」の著作権を巡って争われていた裁判で、米連邦裁判所は22日、音楽出版大手のワーナー・チャペル・ミュージックによる著作権の主張を退ける判決を言い渡した。 裁判によると、ハッピー・バースデーの歌は1893年までにミルドレッド・ヒル、パティ・ヒルの姉妹が制作。姉妹から著作権を託されたクレイトン・サミーの会社を98年にワーナー・ミュージック・グループが買収した。以来、同社はこの歌に対する著作権を主張して、ワーナー・チャペル・ミュージックを通じて年間200万ドルを超す著作権収入を得てきた。 これに対し、ハッピー・バースデーの歌を使用して1500ドル(約18万円)の違約金を請求されたグッドモーニング・トゥ・ユー・プロダクションがワーナーを提訴。ワーナー側が著作権を主張できるのは、この歌そのものではなく

    ハッピー・バースデーの歌にワーナーの著作権認めず 米判決:CNN