並び順

ブックマーク数

期間指定

  • から
  • まで

81 - 120 件 / 690件

新着順 人気順

アニメーションの検索結果81 - 120 件 / 690件

  • Firebugの使い方 | THE HAM MEDIA

    Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会(SaCSS)にて発覚!使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ!」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない!という人も勉強会の時に多かったように、実際にも多いはず! Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ!と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認

      Firebugの使い方 | THE HAM MEDIA
    • jQuery基礎文法最速マスター[to-R]

      jQuery基礎文法最速マスター はやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所 基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri

        jQuery基礎文法最速マスター[to-R]
      • ?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+clockmaker+%28ClockMaker+Blog%29

        アップルの新デバイス iPad が Flash に対応していないことや、アップルの CEO スティーブ・ジョブズ氏の苦言により、HTML5 は Flash に取って代わるのかという論議が現実味を帯びて論じられるようになりました。 「なぜAppleはiPadにFlashを載せるべきではない」のか AdobeのCTO、Kevin LynchがFlashを擁護―「HTML5はウェブビデオを暗黒時代に投げ戻す」 そこで、HTML 5 と Flash は何が違うのか両者の違いを図にまとめてみました。 (上の画像はクリックで拡大できます) 左側が HTML5 にしかない機能、右側が Flash にしかない機能で、中央の重なっているところが両方が利用できる機能です。グラフィック関係では、HTML5 では描画やビデオ関係はサポートするものの、テキスト周りや高度なグラフィック処理、デバイス機能ではまだ Fl

          ?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+clockmaker+%28ClockMaker+Blog%29
        • 非デザイナーエンジニアが一人でWebサービスを作るときに便利なツール32選 - Qiita

          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr:http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ!って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回

            非デザイナーエンジニアが一人でWebサービスを作るときに便利なツール32選 - Qiita
          • WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集:phpspot開発日誌

            WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集 2009年03月23日- WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集。 プログラマが1ヶ月でWEBデザイナーに転身する方法 というエントリを見て、プログラマの方々のWEBデザインに関する関心の高さを見て書いてみます。 WEBデザイナーといっても色々な知識が必要で、かつ、最近はフリーのテンプレートも豊富にある中、どれだけ出来ればWEBデザイナーとして成り立つのだろう?という疑問がありましたので考えてみました。プログラマの方で、WEBデザインをやってみたい。また、全くの素人だけどWEBデザイナーを仕事にされたいという方の参考になれば幸いです。 最低限の知識編 1. HTMLとレイアウト力 まず、知っている人には物凄く当たり前の事ですが、

            • You Don't Need jQuery - Qiita

              注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。「これはもう動かないよ」という印をつけたいのです。 この記事はYou Don't Need jQueryの日本語訳と同じ内容です。 先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。 なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。 追記 この記事は当初は「もうjQueryは必要ない」というタイトルで

                You Don't Need jQuery - Qiita
              • jQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみる - かちびと.net

                人気のJavaScriptライブラリ、jQueryもかなり 情報が増えました。僕の様に知識が無くても 簡単に動きのあるWebサイトや、更なるユー ザビリティの向上を可能にしてくれましたが、 いつまでもコピペではいずれ困る事になります。 その前にそろそろ基礎から学んでみませんか。 という訳で、jQuery事始め。さほど知識が無い僕が書くのも微妙なんですが、一緒に学んでいきましょう、という事でご了承下さい。内容は基礎中の基礎です。 いつまでもコピペに頼っていては、何か問題が起こったときに対応できませんし、そもそもコピペするならjQueryである必要はありません。 でもjQueryはすごく便利なので、ちゃんと使いこなしたいところですよね。この記事が、誰かが勉強し始める切欠になれば幸いです。 jQueryを使うには まず、jQueryを利用するには本体を読み込む必要があります。方法は2つあって、本

                • 『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている :国内・海外情報から見える『企業のWEB活用法』:ITmedia オルタナティブ・ブログ

                  中小企業がITを活用して売り上げにつなげるにはどうしたらいいか?WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者:中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン(以下iOS_HIG)」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き

                    『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている :国内・海外情報から見える『企業のWEB活用法』:ITmedia オルタナティブ・ブログ
                  • Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net

                    ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません(「やっちゃダメなこと」もしています)ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに 正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合

                      Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net
                    • シムシティーの仕組み

                      シムシティーを作り始めていちばん最初に考えたのは、街を一種の生き物のように表現できないかってことだった。 僕が街についてどう考えているかはすでに説明したけど、大事なのは街を構成する建物とか道路じゃなくって、そこでどんな活動が行なわれているかってことだと思うんだ。道路を車が走り、電車が動き、人々が動き回り、常に要素が変化し続ける“動きのある”システム。街を表現する方法っていうと誰でも地図を思い浮かべると思うけど、僕は動きがない地図じゃなくって、たとえば飛行機から眺めた街、動きのある世界をディスプレイに表現しようって考えた。それこそが僕の考える街の姿だからね。 それともう一つ考えたことは、プレイヤーに伝える情報をできるだけわかりやすく、それも“面白い”って思えるような形で表現しようってことだった。シミュレーション・ソフトっていうとたいてい数値や図表がたくさん出てくるけれど、数字が並んでいるのを

                      • 体幹トレーニング68種の方法まとめ

                        ボディデザイナーの森 俊憲さんは体幹トレーニングでコアを鍛えるの中で、体幹トレーニングのメリットを次のように説明しています。 ・基礎代謝がアップして痩せやすい体質になる ・体の軸がしっかりするので、姿勢が美しくなる ・基礎体力がつき、さらにレベルの高いトレーニングができるようになる 健康や美容のことを考えると、体幹トレーニングを取り入れるのは有効である、ということですね。今回はそんな体幹トレーニングの方法を、68通り簡単にまとめてみました。 I want Six Pack Abs, Core Exercisesというページに68通りの体幹トレーニングのアニメーションがあるのですが、解説文が英語なので、それぞれの方法のポイントを以下にメモしておきました。動画が見つかった場合は動画へのリンクも貼ってあります。 解説はあくまでポイントの解説だけなので、基本的な動きのイメージはI want Six

                          体幹トレーニング68種の方法まとめ
                        • Ajaxを劇的に簡単にするReact.js

                          ここ数年、Javascript界隈でフレームワーク戦争が勃発してきました。クライアント開発の規模も年々大きくなり、jQueryだけでは複雑な画面遷移などを管理しきれなくなってきたのが原因だと思います。 私も昨年までAngularとbackboneを試しましたが、サーバサイドをMVCにしているのに、クライアントでもMVCを作るMVCの2階建ては、やり過ぎなのではないかと思っていました。フレームワークそのもの覚えるまでにも一苦労というのも面倒に感じました。 2014年、海外でブームに火が付いたReact.js そんな中、2014年の後半からFacebook発のReact.jsの採用事例が聞こえてくるようになりました。AirBnBや米Yahoo! Mailなど大手がReact.jsを積極的に採用し出したので気になり、年末年始を使って色々調べてみることにしました。 Rails以来の衝撃 色々試して

                            Ajaxを劇的に簡単にするReact.js
                          • 非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個|苦しんでプログラミングを学んだ柴犬(くるしば)

                            ※こちらの記事がはてブの総合人気エントリに入りました! こんにちは。くるしばです。 元々コンサルタントの仕事をしていましたが、独学でプログラミングを学習し、Webサービスを作って起業しました。 その後個人で開発したサービスを売却したり、また別のIT系の会社を創業したりしています。 去年の8月から下記のTwitterにてプログラミング学習に関して発信し始め、ありがたいことに8000人の方々にフォローして頂きました。 プログラミング初心者に絶対覚えてほしい、ググる時の効率が10倍上がるコツ pic.twitter.com/hK1ZhNavwh — 苦しんでプログラミングを学んだ柴犬(くるしば) (@shiba_program) September 13, 2022 僕は普段はいわゆるPMやエンジニアとして仕事をすることが多いのですが、業務でも個人プロジェクトを作っている時でも 「最低限の見栄え

                              非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個|苦しんでプログラミングを学んだ柴犬(くるしば)
                            • 全Eclipse Java プログラマーに捧げる Eclispe 徹底活用術完全版〜Eclipseに空気を読ませて楽する術〜 - Yamashiro0217の日記

                              この記事は、http://d.hatena.ne.jp/higayasuo/20090612/1244772658 の「Ctrl+1とCtrl+Spaceうんぬん」の話にインスパイアされて書いた。Eclipse可愛いよ。Eclipse。 記事長いから、さくっと読み飛ばして、アニメーションgifがあるところから読んでも十分訳にたつと思う。 あと、新人さんとかに写経させるのもいいかも。というか、半分ぐらいうちの新人に勉強のためと思って書いたから。で、実際に写経させて役にたった。 Java は Eclipse などの IDE も含めて言語というか、環境というか…だと僕は思ってる。Commons, Maven なども含めたい(まぁ、そのあたりは、CPANも含めてperlだろ。とか、これは否定する人だらけだろうけど、Rails=rubyということを言う人もいるよね)。 少なくとも僕は、Eclipse

                                全Eclipse Java プログラマーに捧げる Eclispe 徹底活用術完全版〜Eclipseに空気を読ませて楽する術〜 - Yamashiro0217の日記
                              • 全社会人が読みたい「面倒なことはChatGPTにやらせよう」|asano

                                これは全社会人が読んで得をする書籍ですが、特に「パソコンが得意ではない社会人の方」が読むと一番効用が大きいように思いました。 また、私自身IT業界で働いていて世間一般的には「パソコンが得意な人」だと思いますが、それでも知らなかった使い方もたくさんあり学びが多かったです。 この書籍の推しポイントやりたいことベースで書いてある 日常のあらゆる面倒なことに手が届く パソコン触りたての人がつまづきそうなポイントへのフォローが丁寧 (例:ChatGPTはShift Enterで改行できる、など) 試行錯誤のうえのプロンプト(=AIに対しての指示)が載っているので出力が安定している (※ ChatGPTをはじめとしたLLMは同じ入力でも毎回出力変わります。また、ちょっと言葉が足りなかったりするだけで意図しない出力が返ってきますがそのあたりへの気配りが非常に丁寧です) 著書の専門性が高い(Kaggle

                                  全社会人が読みたい「面倒なことはChatGPTにやらせよう」|asano
                                • 安野モヨコ描き下ろし、庵野秀明とカラー10年の歩みを描いた「おおきなカブ(株)」公開 | MOYOCO ANNO

                                  Tweet 昨年11月、ラフォーレ原宿で開催された「株式会社カラー10周年記念展」。 そこで展示された安野モヨコ描き下ろしの「おおきなカブ(株)」を本日より公開開始。 設立から10年という月日の流れを、妻として庵野秀明のそばで見守っていた安野モヨコが、記念に描き下ろした16ページ。 『監督不行届』おなじみの、カントクくんとロンパースと一緒に、カラー10周年の軌跡をお楽しみください。 同時に こちらから はアニメーション版も公開してます。 * * * ■関連リンク 株式会社カラー エヴァンゲリオン公式サイト 時々投稿される「ミニ監督不行届」が見られるのは こちら から。

                                    安野モヨコ描き下ろし、庵野秀明とカラー10年の歩みを描いた「おおきなカブ(株)」公開 | MOYOCO ANNO
                                  • アニメ界の巨人・宮崎駿が作成した企画書がスゴ過ぎる、というまとめ。 - ぷLog

                                    好きなんである。宮崎駿が。 実は映画はそうでもない。 特にハウルとポニョは、何度も挑戦したが、 何がなんだかわからない。 映画の100倍、この人自体が面白い。 映画でしか触れないのは勿体ない、 という事で、 関連書籍をほぼ読破した自分が、今回は 巨匠が作成した「企画書」を紹介しようと思う。 最初に思ったのは、 「宮崎駿も企画書とか作るんだ・・・。」 まさかパワポ?と思ったが、 もちろんそうではない。 全て手書きである。文章のみ。 しかしこれがものスンゴい。 情熱がほとばしる、美文。 そして何より、 「企画書通りの映画になってる。」 という驚き。 企画意図の部分のみを 抜粋して紹介する。 時代背景を思い出しながら、見てもらいたい。 「耳をすませば」企画書(1993年3月) 混沌の21世紀の姿が、次第にはっきりしてきた今、日本の社会構造も大きくきしみ、ゆらぎ始めている。時代は確実に変革期に入り

                                      アニメ界の巨人・宮崎駿が作成した企画書がスゴ過ぎる、というまとめ。 - ぷLog
                                    • 知識0から、ちょっとUIデザインに詳しくなるnote|やました

                                      前回は、「UIデザインってそもそも何なの?」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策(プロトタイピングとユーザビリティ評価)を話しました。 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについて説明します。主に以下の3つのテーマについて順番に議論をしていきます。 デバイスやソフトによるUIの違い ユーザーにかかる身体的・認知的負荷を理解する UIの重要概念(ナビゲーション、インタラクションなど)を知る 「ちょっと」と銘打っておきながらめちゃくちゃ長いnoteになってしまったので、気になる項目だけ読むか、何回かに分けて読んでいただくことをおすすめします、。 ※どこか内容に間違ってる部分やご意見ありましたらコメントいただけたら嬉しいです。 デバイスやソフトによるUIの違い皆さんがお使

                                        知識0から、ちょっとUIデザインに詳しくなるnote|やました
                                      • 検索エンジン最適化(SEO)スターター ガイド

                                        フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 検索エンジン最適化(SEO)スターター ガイド このガイドの対象読者 このガイドは、オンライン コンテンツを所有または管理されていて、Google 検索を通じた収益化や宣伝を強化したいとお考えの方を対象としています。好調な成長を続けている企業の経営者、いくつものウェブサイトの所有者、ウェブ代理店の SEO 専門家、Google 検索の仕組みを学んで SEO を改善したいとお考えの個人の方など、幅広い読者を想定しています。Google のおすすめの方法に基づいて SEO の基礎知識を包括的に学びたい方にとって、このガイドは最適な資料です。Google でサイトが自動的に掲載順位 1 位になるための秘訣は(残念ながら)ご紹介していませんが、このガイドで示すおすすめの方法を取り入れると、検索エ

                                          検索エンジン最適化(SEO)スターター ガイド
                                        • ご支援の御礼とご案内(初出7月24日、改訂9月13日) - 新着情報 | 京都アニメーションホームページ

                                          7月18日(木)に発生いたしました事件につきまして、世界中の方々からご支援のお声を頂戴いたしております。厚く御礼申し上げます。 弊社としても、再建を目指して最善の力を尽くしていく所存にございます。 そんな折、弊社に寄り添いたいという皆さまからの数多くのお声を受け取り、この度、弊社にて支援金の預かり口座をご用意させていただく運びとなりましたので、お知らせさせていただきます。 支援金につきまして、各方面より大変多くのお問い合わせをいただいております中、ご案内が遅くなりました事、お詫び申し上げます。 <株式会社京都アニメーション 支援金預かり専用口座> 銀行名 京都信用金庫 銀行コード 1610 支店名 南桃山支店 店番号 048 口座種別 当座預金 口座番号 0002890 口座名義 株式会社京都アニメーション 代表取締役 八田英明 ※ 表示名「カ)キヨウトアニメーシヨン」 BANK NAME

                                            ご支援の御礼とご案内(初出7月24日、改訂9月13日) - 新着情報 | 京都アニメーションホームページ
                                          • ポリゴン女子の歴史 - うさだBlog / ls@usada's Workshop

                                            # 1993/??/?? バーチャファイター / SEGA / Model1/SS/32X 当時の最先端技術を結集して生まれたSEGA Model1システムに搭載されたのは、固定機能のフラットシェーダのみであり、テクスチャマッピングは使用できなかった。 - 1994/11/?? バーチャファイター2 / SEGA / Model2/SS Model1の後継基板であるModel2ではバーチャファイター2が開発され、そのビジュアル的インパクトから、普段およそビデオゲームなどやらない人間まで巻き込み、スト2を越える格闘ゲーム史上最大規模のヒットを記録した。Model2には依然として固定機能のフラットシェーダしか搭載されていなかったが、「デカールではなく階調のみ」という特殊な仕様ながらテクスチャマッピングが使用可能となっており、品質の向上に大きく貢献した。 - 1994/12/?? 鉄拳 / ナム

                                            • ゲームを作ったらハリウッドから映画化オファーが来た話 - Hirayaブログ

                                              最初に ブログの更新は凄い久々ですね 殆どの方は知らないと思いますが僕は2017年8月に「7年後で待ってる」というiOS・Android向けゲームをリリースしました 7年後で待ってる(Nintendo Switch) 7年後で待ってる(iOS) 7年後で待ってる(Android) そこから3年半、アプリのDL数は600万まで伸びました そして記事のタイトル通り海外でヒットしたり映像化オファーが来たりとあれやこれやあったわけですが、そこら辺を宣伝も兼ねてちょっと色々書こうと思うので良かったら読んでいって下さい 最初に 「7年後で待ってる」を制作する前 6円の稼ぎ UnityとCocos2d 1000円って凄い 「7年後で待ってる」完成 リリース 急上昇ランキング DLC? 最初のメール 中国語版リリース 多言語展開 二通目のメール ハリウッド 良くないことは続く その他いろいろ その他の嬉し

                                                ゲームを作ったらハリウッドから映画化オファーが来た話 - Hirayaブログ
                                              • あの人のアイデアはどこから?有名クリエイターに学ぶ「発想法」 - はてなニュース

                                                仕事でも趣味でも、あらゆる場面で尽きないのが「アイデアがわかない」という悩み。次々にヒット作を生み出し、世界で活躍するクリエイターの人たちは一体どんなところからアイデアを出しているのか気になりますよね。今回は、日本を代表するクリエイターの発想法を知ることができるエントリーを集めてみました。 任天堂(岩田聡さん・宮本茂さん) まずは幅広い年代に親しまれる作品を生み出し続けている、任天堂の岩田聡さんと宮本茂さんです。 HOBO NIKKAN ITOI SHINBUN - 1101.com 会社情報:社長が訊く リンク集 Engadget & Joystiq 宮本茂ロングインタビュー 2.宮本 茂ロングインタビュー マリオの生みの親からのメッセージ ニンドリドットコム〜宮本茂さんインタビュー〜 任天堂の宮本茂氏が語る、ゲームの新たな発想(1) | WIRED VISION フレームワーク脳を打ち

                                                  あの人のアイデアはどこから?有名クリエイターに学ぶ「発想法」 - はてなニュース
                                                • 60個のソースが無料でダウンロードできるFlash 3Dの学習サンプル集 | ClockMaker Blog

                                                  当ブログではFlashの3Dに関する記事を数多く書いていますが、この度それらの記事をこの1ページにまとめてみました。系統別にまとめたので、目的とする解説やサンプルが探しやすくなったのではないかと思います。それぞれの記事でソースファイルをダウンロードできますので、学習の理解にお役立てください。 Flashの3Dエンジンで最もメジャーな「Papervision3D」を中心にブログ記事を書いています。 Papervision3D – チュートリアル クリックで再生できます フレームア クションで覚える PV3D チュートリアル Vol.01 フ レームアクションで覚える PV3D チュートリアル Vol.01 (補足) フ レームアクションで覚える PV3D Vol.02 : Primitiveを理解する フ レームアクションで覚える PV3D Vol.03 : Materialを理解する フ

                                                    60個のソースが無料でダウンロードできるFlash 3Dの学習サンプル集 | ClockMaker Blog
                                                  • すごく役立った!サイト制作でさりげなく使われているCSSテクニックまとめ

                                                    作成:2014/04/21 更新:2014/10/24 Web制作 > 前回コーポレートサイト制作が捗るjQuery プラグインをまとめましたが、今回はCSS版ということで、使用頻度が高いものと、これから必要になりそうなものを、忘れないようにメモしておきます。コーポレートサイトやWeb サービスサイトでさりげなく使われているものや、今後増えそうなものなど。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 横並び 1.今までの回り込み解除 2.横並びや並び順 3.均等に並べる/段組み ナビゲーションメニュー 4.多階層 ドロップダウン 5.amazon風 メガドロップダウン 6.ドロワーメニュー コンテンツメニュー 7.モーダルウィンドウ 8.アコーディオン 9.タブパネル テーブル 10.ストライプテーブル 11.レスポンシブ+テーブル リスト 12.カウント

                                                      すごく役立った!サイト制作でさりげなく使われているCSSテクニックまとめ
                                                    • 無償で使えるプロ仕様の映像編集ソフト「DaVinci Resolve」を導入する(for Win/Mac/Linux) | DevelopersIO

                                                      弊社主催のオンラインイベント、Developers.IO 2020 CONNECT! みなさんはもう参加されましたでしょうか。 今回ぼくもこちらに参加し、2本の動画をあげました。 その動画編集につかったのが、標題にも書きました Blackmagic Design 社製の「DaVinci Resolve 16」です。 こちらはプロユースの本格的な機能が備わっている一方で無償でも使え1、今回のようなセッション動画向けの編集程度であれば、3年落ちのMacBook Pro 13inch2でもそこそこの速度で動きます。 むしろZoomやQuickTime Playerで撮ったままの720p・1080pサイズのMP4ビデオ・AACオーディオ、つまり不可逆圧縮された素材をそのままタイムラインに配置してストレスなく動いてくれるので、サブスクリプションなし・登録のみで使えることを考えれば、今回の用途において

                                                        無償で使えるプロ仕様の映像編集ソフト「DaVinci Resolve」を導入する(for Win/Mac/Linux) | DevelopersIO
                                                      • Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE

                                                        Web2.0とは何か?というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d

                                                          Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
                                                        • 京アニ放火殺人事件容疑者に主治医・上田敬博が伝えたこと「俺はおまえに向き合う。絶対に逃げるな」(週プレNEWS) - Yahoo!ニュース

                                                          鳥取大学医学部附属病院救命救急センター教授の上田敬博(うえだ・たかひろ)が、2年前、あの患者と接した4ヶ月を語る 「どうせ死刑になる」――。全身の9割以上に深刻な火傷を負った男は、自らの命を救った主治医にそう言い放った。36人もの尊い命を奪った、京都アニメーション放火殺人事件の容疑者である。その困難な治療を担った上田敬博(うえだ・たかひろ)は、彼とどう向き合い、何を変えようとしたのか? 【画像】事件後の京都アニメーション第1スタジオ * * * ■「もし来るとすれば"奴"かな」 上田敬博がその事件を知ったのは、2019年7月18日昼のことだった。京都市伏見区の京都アニメーション第1スタジオに侵入した男が、バケツ2杯のガソリンを撒(ま)いて火を点(つ)けたという。 当時、上田は大阪府大阪狭山市にある近畿大学病院の救命救急センターに勤務していた。京都医療センターの旧知の医師から、近大では何人受

                                                            京アニ放火殺人事件容疑者に主治医・上田敬博が伝えたこと「俺はおまえに向き合う。絶対に逃げるな」(週プレNEWS) - Yahoo!ニュース
                                                          • 「シン・ゴジラ」最大の課題は、総監督「庵野秀明」のこだわり--制作裏話を聞いた

                                                            7月29日の上映開始後大ヒットを記録している「シン・ゴジラ」。「エヴァンゲリオン」などで知られる庵野秀明氏が総監督を務めた同作は、綿密な取材をもとに、現代日本にゴジラが襲来したらどのように政府は対応するのかを、リアリティのあるストーリーで表現した話題作で、庵野監督作品としては過去最高の興行収入53億円(8月28日時点)を突破している。 シン・ゴジラの制作にあたっては、ゴジラそのものがCGで描かれるなどビジュアルエフェクト(VFX)が多用されており、スケールの大きい作品でありながら、非常に短期間での撮影を強いられたという。また、作品へのこだわりが強い庵野監督の要望にも応えられる制作環境の整備が必要だった。 どのようにして時間とクオリティを両立させたのか、シン・ゴジラで編集・VFXスーパーバイザーを手がけたTMA1代表の佐藤敦紀氏と、VFXプロデューサーを務めたピクチャーエレメント代表の大屋哲

                                                              「シン・ゴジラ」最大の課題は、総監督「庵野秀明」のこだわり--制作裏話を聞いた
                                                            • 独紙が分析「安倍元首相を殺したのは、日本人の社会への関心の弱さ、弱者への救済の少なさだ」(クーリエ・ジャポン) - Yahoo!ニュース

                                                              安倍元首相を弔う声が世界から絶えない Photo: Peerapon Boonyakiat / SOPA Images / LightRocket / Getty Images 安倍元首相が凶弾に倒れた事件は、日本だけでなく世界を震撼させた。動機はすでに明らかになっているものの、そもそも恐るべきこの事件が起きた背景にあったのは、日本社会に蔓延する「無関心」だと、独紙が分析する。 【画像で見る】 弱者に冷たい日本社会独紙「南ドイツ新聞」のトマス・ハン記者は、安倍元首相の殺害がなぜ起きてしまったのか、この死が何を意味するのかを考察している。 犯人である山上徹也容疑者(41)は、「母親が統一教会に多額の寄付をし、家族が崩壊していたため、統一教会のトップを殺したがっていた。だがそれが難しかったため、宗門とつながっているとされる安倍晋三を狙った」とされる。 しかし、何が彼をそのような行動に掻き立てた

                                                                独紙が分析「安倍元首相を殺したのは、日本人の社会への関心の弱さ、弱者への救済の少なさだ」(クーリエ・ジャポン) - Yahoo!ニュース
                                                              • Web制作初心者がマジで学べるおすすめ国内ブログ厳選10個 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                                どうも〜こんにちはぁ! Web制作者として日々勉強中でありますライターの、のび太です。 先日「Webが学べる海外サイト10選」をご紹介させていただきましたが、もちろん国内サイトでも、Webに関してガッツリ学べる有益なブログはたくさんあります。 国内サイトでは、およそ80ぐらいのWeb系ブログをRSS購読させてもらっていますが、今回はその中でも厳選に厳選しまくった「これはWeb屋なら絶対必須でしょ! もはやお金取られてもいいレベルや!」って感じた10個をみなさんにシェアしたいと思います。 また、大変恐縮ながら、個人的にベスト3だと思った記事(特に有益だと思った記事)も一緒にご紹介させていただきます。 【こちらもおすすめ】 ☞ Web制作者がマジで学べる国内ブログ厳選10個【制作+SEO対策編】 Webクリエイターボックス http://www.webcreatorbox.com/ あまりにも

                                                                  Web制作初心者がマジで学べるおすすめ国内ブログ厳選10個 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                                • 「いったいホストに何千万もつぎ込む売春女のどこが貧困なんだよ(笑)」「ここです」。 - Something Orange

                                                                  「ホス狂い」という言葉をご存知だろうか。 主に女性をあいてにする遊興施設であるホストクラブに通いつめ、何百万、何千万という大金を浪費して「ホスト遊び」に夢中になる女性たちを指す俗語だ。 そういった女性たちのなかには、違法な売春を行ってそのカネをホストに貢ぐ人物が少なくないことが知られており、社会問題化している。 ホス狂い ~歌舞伎町ネバーランドで女たちは今日も踊る~(小学館新書) 作者:宇都宮直子 小学館 Amazon ホス狂い 作者:大泉りか 鉄人社 Amazon メイド喫茶で働いてお金貯めて整形してコスプレイヤーになってホス狂いしてAV女優になった話 hilia TALK 作者:高嶋 めいみ 主婦の友社 Amazon そうでなくても一般に「ホス狂い」は社会的逸脱として見られる行動であり、社会が彼女たちを見る目は冷たい。 もちろんインターネットでもそうで、ツイッターを検索すると、そのよう

                                                                    「いったいホストに何千万もつぎ込む売春女のどこが貧困なんだよ(笑)」「ここです」。 - Something Orange
                                                                  • jQueryコーディングの基本的なことからプラグイン化までの注意書き(Webデザイン)

                                                                    jQuery でのプログラミングの、基本的なことからプラグインを作るところまで、初心者の頃につまずいた部分を中心にまとめてみました。公式ドキュメントなどで使われている、少し難しい印象の専門用語も織り交ぜながら書きました。jQuery で Webデザインのパーツを作るときの注意書きという感じです。 Webサイトを作るとき、私的にはとってもよく使っている jQuery。jQuery を勉強しだしたころは、自分の書いたコードが動いたりするのが、とっても楽しくて嬉しかった覚えがあります。私はあまり JavaScript でのコーディングが得意ではないので、今でもよく jQuery を使ってコーディングしてます …。 以前:CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました という記事を書いたのですが、今回はその復習 & jQuery

                                                                    • よくわかるマテリアルデザインの設計コンセプト | fladdict

                                                                      iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた

                                                                        よくわかるマテリアルデザインの設計コンセプト | fladdict
                                                                      • 機能面ではOfficeやPhotoshop、Illustratorにも匹敵する「最強の無料ソフト」10選【2017年版】 | ライフハッカー・ジャパン

                                                                        TOP効率化ツール機能面ではOfficeやPhotoshop、Illustratorにも匹敵する「最強の無料ソフト」10選【2017年版】 会社がライセンスを買ってくれない限り、「Photoshop」や「Pro Tools」や「Maya」のようなツール、それにWindowsでさえもかなりの出費になります。今回は、通常は高額なソフトの代わりとなるお手頃なソフトを紹介しましょう。これでお財布の心配をせずに、さらに仕事をこなすことができます。 10. GIMP(無料:Windows、MacOS、Linux) これは少し当たり前過ぎかもしれません。「Adobe Creative Cloud」を買う余裕がなかったり、自腹で「Photoshop」を買ったことがないような場合は、「GNU Image Manipulation Program(略してGIMP)」がぴったりです。機能が豊富で、パワフルで(「

                                                                          機能面ではOfficeやPhotoshop、Illustratorにも匹敵する「最強の無料ソフト」10選【2017年版】 | ライフハッカー・ジャパン
                                                                        • ジブリは決して続編を作らない有名ゲームスタジオのようなもの――スタジオジブリに入社したドワンゴの川上量生氏が見た,国内最高峰のコンテンツ制作の現場とは

                                                                          ジブリは決して続編を作らない有名ゲームスタジオのようなもの――スタジオジブリに入社したドワンゴの川上量生氏が見た,国内最高峰のコンテンツ制作の現場とは 副編集長:TAITAI カメラマン:田井中純平 1234→ 川上量生氏といえば,あのニコニコ動画を運営するドワンゴ(正確には,運営は子会社のニワンゴ)の代表取締役会長として知られる人物である。 スタジオジブリの鈴木敏夫プロデューサーが書いた川上量生氏の似顔絵 以前,4Gamerでもインタビューをしたことがある同氏だが,その明瞭かつ論理的な思考力と,どこか捉えどころのない考え方は非常にユニーク。「なるほど。この人にして,ニコニコ動画あり」と思わせるほど,その発想は独創的だ。 そんな川上氏だが,なんとドワンゴの代表取締役会長という肩書きを持ちながらも,あの宮崎 駿&鈴木敏夫らが率いるスタジオジブリに“カバン持ち”として入社したのだという。 着メ

                                                                            ジブリは決して続編を作らない有名ゲームスタジオのようなもの――スタジオジブリに入社したドワンゴの川上量生氏が見た,国内最高峰のコンテンツ制作の現場とは
                                                                          • 最近のJavaScript開発まとめ

                                                                            こんにちは、中川です。 ここ1・2年ですが、私の担当するプロジェクトでは、 PHPよりもJavaScriptの開発が多い状態が続いております。 JSのプロジェクトを重ねるにつれ、開発環境も段々と整理されてきましたので、 一旦、最近のJS開発で利用しているライブラリやツールなどをまとめてみました。 フレームワーク ●Backbone.js http://backbonejs.org/ JavaScriptのMVCフレームワーク。 何も使わない(もしくは我流)よりは、これを使って欲しいと思えるフレームワークです。 利用者が多く日本語情報も豊富にあるのと、フレームワーク自体が1500行程度と軽量なため、学習コストを低く抑えることができます。 ●AngularJS http://angularjs.org/ データバインディングを備えたフレームワーク。 高機能なテンプレートや、DIの仕組み、ルーテ

                                                                              最近のJavaScript開発まとめ
                                                                            • 日本アニメは世界の潮流から外れている 片渕須直監督が本気で心配する、その将来:朝日新聞GLOBE+

                                                                              【関連記事】世界で急成長の日本アニメ、海外勢が猛追 輝き続けるカギは? 片渕監督の眼 【関連記事】なぜ日本アニメは世界で愛される ディズニーとは対極の「ガラパゴスの力」 ――日本のアニメには、見ている人が自分自身の人生と重ねて入り込める、共有できるストーリーが多いと、海外のアニメファンの多くが言っていた。だからこそ、国籍に関係なく、様々な国で受け入れられるのではないでしょうか。 えっとね、違うかもしれないんだけども、ある意味、日本のアニメーションがティーンエージャーより上の世代に向けて特化していった、対象年齢を特化していった結果だと思うんですよ。例えば、ピクサーなどはまだ子供のために見せるという使命が残っていますよね。日本はもうないですよ。 それはね、逆に言うと、そこが穴場なんです。「我々の世代に向けて語ってくれるメディアってない」と、ティーンエージャーや20代前半の人が思うわけです。とこ

                                                                                日本アニメは世界の潮流から外れている 片渕須直監督が本気で心配する、その将来:朝日新聞GLOBE+
                                                                              • ガルパン杉山P「アニメにはまちおこしの力なんてない」 (1/6)

                                                                                劇場版は興行収入21億円超、累計動員数120万人を突破 BD発売後も異例のロングランが続く『ガールズ&パンツァー』 「ガルパンはいいぞ」――もはやそう表現するよりほかないほどの快進撃が続いている。テレビ、OVA、劇場版と続いた大ヒットは社会現象とも言える規模になりつつある。そして『ガールズ&パンツァー』の主人公たちが活躍する舞台、茨城県大洗町には日々多くのファンが訪れ、町の人々との交流があちこちで見られる。 どのようにして地方都市「大洗」とアニメ「ガルパン」は幸せな関係を築くことができたのだろうか? その中心人物の一人、バンダイビジュアルの杉山潔プロデューサーに詳しくお話を伺った。 1962年生まれ。大阪府出身。バンダイビジュアル所属。航空・軍事に造詣が深く、「AIR BASE SERIES」をはじめとするドキュメンタリー作品を多く手掛けている。アニメの担当作品には『青の6号』『戦闘妖精雪

                                                                                  ガルパン杉山P「アニメにはまちおこしの力なんてない」 (1/6)
                                                                                • Webサービスを運営するうえで、おさえておきたい利用規約のポイント │ モノづくりブログ 株式会社8bitのスタッフブログです

                                                                                  株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高本です。 先週「Web制作とお金の話し」を当ブログに書いた際に、様々な方からご意見をいただき、非常に勉強になりました。 ありがとうございます。 その中で、契約も非常に重要であるというご意見をいただきました。 確かにおっしゃる通りでクライアントとのやり取りでお金の前にきっちり契約書を交わすということは重要だと思います。 Web制作の契約もそうですが、不特定多数を相手にしているWebサービスの利用規約や会員規約もかなり重要なポイントではないかと思います。 実際のところ、よく分からないから、他のサービスを参考にしている場合も結構あると思います。 参考にするのは良いとして、サービスによって内容も違いますし、運用する会社や個人によっても保障できる範囲は異なると思います。 Webサービス以外でもサービス提供している場