京アニ放火事件を受けて、メルカリに京アニ関連グッズ出品が急増しています。しかし中には高額すぎる出品があったり、そもそもメルカリで京アニグッズ …
![サクッと読める話題 - ネット等様々な話題を誤報を防ぎながら更新](https://cdn-ak-scissors.b.st-hatena.com/image/square/4fb7ae08c42fca550f792d37d5bc6cd2bfba7be2/height=288;version=1;width=512/https%3A%2F%2Fhtml-five.jp%2Fwp-content%2Fthemes%2Fjin%2Fimg%2Fbg_default.jpg)
京アニ放火事件を受けて、メルカリに京アニ関連グッズ出品が急増しています。しかし中には高額すぎる出品があったり、そもそもメルカリで京アニグッズ …
idとclassの違いと使い分け!スタイルシート(CSS)適用法(2ページ目)idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。 class属性とid属性の役割の違い 「class」と「id」の役割と、使用上の違いを簡単に言うと、次の通りです。 ■class: 「種別名を割り当てる」 → 同じclass名を、1ページ中に何度でも使える。 ■id: 「固有の名前を割り当てる」 → 同じid名は、1ページ中に1度しか使えない。 class属性が対象の「種類・部類」を表しているに過ぎないのに対して、id属性は対
ご訪問いただきありがとうございます ホームページビルダーに付属している、 ウェブアートデザイナーの解説ブログです ☆.。.:*・°☆.。.:*・°☆.。.:*・°☆.。.:*・°☆ ウェブアートデザイナー使い方基礎編 基礎編 目次は>>>コチラ ショップページ作成小技編 目次は>>>コチラ ウェブアートデザイナー・ドロップシッピングに関するご質問は お気軽に^^>>>こちらまで AQUASに関するご質問は>>>こちらまで にほんブログ村 ウェブアートデザイナー、私がもっとも気に入っている点は、 「ロゴ作成がカンタン」なところ。 ボタン一つで、サッとロゴができ、装飾、色変更など、一発でできるのでホントに重宝しますね。 では、そのロゴの作り方です。 1)ロゴ作成ウィザードを起動します。 ツールバーのボタン、もしくは、メニューの「オブジェクト」「ロゴ作成」を選択。 2)すると、このようなウィンド
ミトコンドリア(英語: mitochondrion、複数形: mitochondria)は、ほとんど全ての真核生物の細胞の中に存在する、細胞小器官の1つである。ヤヌスグリーンによって青緑色に染色される。 ミトコンドリアの電子顕微鏡写真。マトリクスや膜が見える。 細胞生物学 ミトコンドリアは脂質二重層でできた外膜と内膜を有し、膜には様々なタンパク質が存在する。ミトコンドリアでは、高エネルギーの電子と酸素分子を利用して、ATPを合成する。すなわち、ミトコンドリアは真核生物における好気呼吸の場である。また、真核生物の細胞が有する核とは別に、ミトコンドリア独自のミトコンドリアDNA(mtDNA)を内部に有し、ある程度ながら自立的にミトコンドリアは細胞内で分裂して、増殖する。このmtDNAは、ミトコンドリア内部だけに限らず、真核生物の細胞全体の生命現象にも関与する。さらに、細胞のアポトーシスにおいて
要素のマウスオーバー時のhover効果をアニメーションさせるjQueryプラグイン。 リスト要素の各アイテムにマウスオーバーした時に、そのアイテムの背後にjQueryでhover用の要素を動的に生成して、アニメーション表示させています。 幅、高さ、オフセットなどオブジェクトの位置情報を取得するjQuery Dimensions Pluginを併用しています。 このプラグインを適用する要素には、CSS上のルールがあります。 マウスオーバーされたアイテムの親要素には、position:relativeあるいはposition:absoluteが指定されていること。 マウスオーバーされたアイテムには、z-indexが指定されていること。 動的に生成されたアイテムは、hoverされたアイテムのz-indexより小さいz-indexが指定されていること。 /* hoverされたアイテムの親要素 */
「変人のフリをしている場合じゃない」 現代アーティストが語る、芸術家への8つの警告 TEDxTokyo - ドゥルー・カタオカ #1/2 芸術の存在意義・価値についてさまざまな意見が述べられている昨今。どのようにすれば芸術は再興できるのか? 現代アーティストのドゥルー・カタオカ氏が、芸術家たちへの警告ともとれる内容を語りました。(TEDxTokyo 2010より) 芸術は世の中すべてのハブだった ドゥルー・カタオカ(以下、カタオカ):道行く人に、突然アーティストの名前を訊いてみてください。「そのアーティストにはどういった作品がありますか?」と訊いたら、多分、ぽかーんとした顔をされるでしょう。ニューヨークだったら警察を呼ばれるかもしれません。 でも、道行く人に現在のテクノロジーにはどういったものがあるのか尋ねてみると、ステーブ・ジョブズ、ビル・ゲイツといった返答が返ってくるでしょう。これは、
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は、これから必要になってくるかもしれませんが、基本も大切です。 float や position など、CSSコーディングを悩ませるタネはいくつもありますが、今回はその中でも私がCSSで一番難しいと思う margin について書きます。 「marginはバグが多い」という声をたまに聞きます。 しかし話を聞いてみると、正常な動作をバグと間違って認識しているケースもあります。 marginを正しく理解することによって、効率的なレイアウトを構築できますので、基本的な内容ですが、読んで頂ければ幸
デザイナーになりたいって思った時にPhotoshopやIllustrator、cssやhtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス?かっこ良さ?奇麗さ?良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基本をまとめてみようと思います XD はじめに 良いデザインって? 最良の方法? 1.コンテンツの目的 2.ターゲット 3.これらを組み合わせた例 デザインの基本 1.書体について 2.ジャンプ率 3.ホワイトスペースを生かす >ホワイトスペースで情報を分割する >ホワイトスペースで囲む >ホワイトスペースにあえてはみ出す 最後に はじめに デザインという言葉を聞くと、かっこいい、かわいい、おしゃれ、きれい、などと感覚的なものを思い浮かべる方が多いのではないでしょうか
モダンブラウザの普及により、以前に比べるとCSS... / CSSアニメーションライブラリ / Animate.css他...全19件 モダンブラウザの普及により、以前に比べるとCSS3アニメーションを使う機会が増えてきています。CSSを使ったアニメーションは、プレフィックスが必要だったり、アニメーションの流れがコードを見ただけでは直感的に分かり辛かったり、自由に使いこなせるには慣れと経験が必要です。 そういった悩みを解決してくれるアニメーションライブラリが存在するのをご存氏でしょうか?ちょっとしたCSSアニメーションであればライブラリを使うことでいとも簡単に組み込むことができます。 そんなありがたーいライブラリを集めました。
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。最近はブログメディアのデザインを作る機会が多くなってきました。井畑です。 ブログメディアはコーポレートサイトと比べ、よりデザインや装飾等で「個性」を出す場合が多くあります。どうしたらいいかなーと思って色々悩んで、「形」で個性を出すのもありかなと思い、ウェブサイトではあまり使われづらい三角形や五角形、六角形を上手く使っているサイトを調べてみました。 やはり印象に残るものが多かったです。それでは早速見てみましょう!どうぞ! 三角形を使ったデザイン 三角形を使う場合、余白をどう活かすかが重要になってくると思います。 Snowbird Snowbird コンテンツのサムネイルが三角形です。マウスオーバーすると折り紙が広がるように画像が広がるのも面白
テトリスは上から落ちてくるブロック(テトリミノ)を消していくゲームですが、ブロックの着地地点が6カ所で、ヘックス(六角形)を回転させてブロックを重ねて消していくテトリスっぽい無料ブラウザゲームが「Hextris」です。 Hextris http://hextris.github.io/hextris/ 「Hextris」がどのようなゲームなのかは以下のムービーを見るとわかります。 「Hextris」をプレイしてみるとこんな感じ - YouTube ゲームをプレイするには画面のどこかをクリック。 するとカラフルなブロックが6方向から降ってきます。左右キーで真ん中のヘックス(六角形)を回転させることができるので、最適な場所を見極めてブロックを落としていきます。 同じ色のブロックを3個以上つなげると消滅する仕組み。つなげる方向は縦に3つでも横に並べても、縦2つの横に1つくっつけても、斜め以外で接
GitHub Pagesへ移行しましたmixi-inc.github.ioへお願いします。 wikiの方はしばらくしたら消していきます この章では、画面のライフサイクルの管理について解説します。 参考:Activities | Android Developers 参考:Tasks and Back Stack | Android Developers 目次 Android の画面の構成要素 ライフサイクルの管理 Activity Fragment AndroidManifest での Activity の宣言 <activity>要素 ランチャーから起動する Activity の宣言 [Activity とレイアウトの管理](#Activity とレイアウトの管理) [レイアウトからの View の取得](#レイアウトからの View の取得) [Fragment の組み込み](#Fra
課金情報を指定する。課金情報は特定のシステムでユーザーの利用状況に合わせた課金のための情報収集を行うことを想定している。実装していない場合も多い
2017/06/19追記 touki/ftp - Packagist などライブラリを使ったほうが良いと思います。 ここPHP: ftp_put - Manualといくつか参考にした。 <?php $ftp = array( 'ftp_server' => '<FTPサーバー>', 'ftp_user_name' => '<FTPユーザー名>', 'ftp_user_pass' => '<FTPパスワード>' ); $remote_file = '<アップロード先のパス>'; $file = '<アップロードするローカルファイル>'; function FTPupload($ftp, $remote_file, $file) { // 接続を確立する $conn_id = ftp_connect($ftp['ftp_server']); // ユーザ名とパスワードでログインする $logi
Aircraft manuevers during an airpower deomonstration. / Official U.S. Navy Imagery Javascriputを簡単に書けるようにしてくれるライブラリのjQueryですが、使い方をちょっと変えるだけで、パフォーマンスに大きく差がでます。ハイスペックPCでは分かりづらいかもしれませんが、スペックの低いPCやモバイルではWebページの表示速度が遅くすぐに閉じられるかもしれません。 Webページがたった1秒高速化するだけでECサイトなんか、売上が10%向上した事例もあります。そこで、jQuery高速化のポイントや方法をここにまとめておきます。 jQueryの最新バージョンを使う 図1 jQueryのバージョンによる速度 https://jsperf.com/speed-comparison-of-jquery-vers
前回のまとめ さて、前回の記事ドットインストールに遊びに行ってみた。では、 何のためにいって 何してたのか を簡単にまとめました。 今回は、比較的短い時間に集中してドットインストールを利用してみて感じた活用方法をまとめてみたいと思います。 なお、対象者は完全なプログラミング初心者でプログラミングをはじめて1週間〜半年程度、更に気軽に相談できるプログラマーがいない方を想定しています。 結論から述べると、「最速で仕組みを動かすための、動画閲覧順序・言語選択・リファレンス対策が肝」てな感じです。 ぼっちがドットインストールでプログラミングを挫折せずに学ぶための5つのコツ+1 1.完全な初心者はまずはHTMLとCSSをサクッとみる ドットインストールの中でも更に初心者向けの動画は、ほぼすべてHTMLとCSSの知識を前提としています。 私は元々別件でHTMLとCSSを学びたくて視聴していたので問
Posted: 2010.10.24 / Category: javascript / Tag: jQuery ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。 ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。 ナビゲーションはテキストにしないとseo的にあれだよとか言われていますが、コーポレートサイトではまだまだ画像を使用されていることが多いと思います。なので、今回は画像ナビゲーション限定です。(テキストでもあまり変わらないと思いますが……) 縦型+テキストタイプのナビゲーションはこちらの記事をご覧ください。 「jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種」 htmlと画像の準備 はじめにボタンと
Posted: 2011.12.27 / Category: javascript / Tag: jQuery, アニメーション jQueryにはアニメーションをするための機能がいろいろとありますが、ここでは「animate」メソッドの扱い方をご紹介いたします。 動かす前の準備 jQueryの前に動かす要素をhtml&cssで作成しておきましょう。 html <div id="box"></div> css #box { width: 100px; height: 100px; background: #3399FF; } jQueryコードを書くときの基本的な形は次のようになります。 javascript <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.m
インターネットがこれまで以上に世界を繋ぐようになったことで、教育からエンターテイメントまで、あらゆるものがオンラインの世界でのニッチを確立しています。ギャンブルも例外ではありません。多くの人は、巨額の賞金を獲得できるチャンスよりも、ギャンブルそのもののスリルと興奮を求めてカジノを訪れることの方が多くなっています。そのため、実店舗のカジノのような雰囲気作りが、オンラインカジノの最大の課題となっています。多くのオンラインカジノは、長年にわたってその課題に取り組み、実現に成功しています。 日本で9年連続人気No.1オンラインカジノVera&Johnのベラジョンライブカジノ人気テーブルゲーム、別名「カジノの王様」、ライブカジノ・バカラ完全レビュー!
お問い合わせ プライバシーポリシー 著作権情報 Aniplex このホームページに掲載されている一切の文書・図版・写真等を、 手段や形態を問わず複製、転載することを禁じます。 ©2020 川原 礫/KADOKAWA/SAO-P Project ©2017 川原 礫/KADOKAWA アスキー・メディアワークス/SAO-A Project ©2016 川原 礫/KADOKAWA アスキー・メディアワークス刊/SAO MOVIE Project ©2014 川原 礫/KADOKAWA アスキー・メディアワークス刊/SAOⅡ Project ©川原 礫/ アスキー・メディアワークス/SAO Project
とほほのJavaScriptリファレンス [戻る] [索引] 基本編 JavaScript って何? JavaScript とは? JavaScript と Java の関係は? ECMAScript とは? JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023(ES14) の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう JavaScript の書き方 <script>~</script>
レオナルド・ダ・ヴィンチの肖像がデザインされている50000リラ紙幣(1967年 - 1974年発行) ラファエロのアテナイの学堂に描かれたプラトン役のレオナルド・ダ・ヴィンチレオナルド・ダ・ヴィンチ(伊: Leonardo da Vinci、イタリア語発音: [leoˈnardo da ˈvintʃi] 発音[ヘルプ/ファイル])1452年4月15日 - 1519年5月2日(ユリウス暦)[1])は、フィレンツェ共和国(現在のイタリア)のルネサンス期を代表する芸術家。フルネームは、レオナルド・ディ・セル・ピエーロ・ダ・ヴィンチ(Leonardo di ser Piero da Vinci)。 呼称として「ダ・ヴィンチ」と称することがあるが、これは固有の苗字というより、「ヴィンチ村出身」であることを意味しているため、個人名の略称としては「レオナルド」を用いるのが適切である。ただし、レオナル
By Francisco Osorio スタンフォード大学で教育心理学の博士課程を卒業したMarily Oppezzo氏とスタンフォード大学院の教育学部にて教授を務めるDaniel Schwartz氏の共同研究により、座ったままよりも歩いている時の方が平均で60%も新しいことをひらめいたり物事を生み出したりするときに関わってくる「クリエイティブな能力(クリエイティビティ・創造性・創造力)」を向上させることが明らかになりました。 Stanford study finds walking improves creativity http://news.stanford.edu/news/2014/april/walking-vs-sitting-042414.html 研究では、歩くことがクリエイティブな能力を向上させ、これは屋内でも屋外でも同様に効果を発揮する、ということが分かりました。つま
自分を磨いてキャリアアップしたい!そんなふうに思ったなら「能力開発」が必要不可欠です。でもいったいどうやって「能力開発」したら良いかわからない、そして、自分の能力を鍛える事によってどんな良い事があるのかいまいちイメージできなかったりしますよね。 一言に能力開発と言っても、細かい内容については知らない人が多いのもまた事実。そこで今日は、まずあなたを高める能力開発の基本を学び、そして、具体的な行動や方法をお伝えします。 脳を鍛えて能力開発! その壱「能力開発とは?」では、さっそく能力開発の基本を学んでいきましょう。能力開発とは、読んで字の如く「能力を開花させる」という意味なのですが、それを理解するには「2つの能力の存在」を知っておく必要があります。 1つは「基礎能力」です。これは、「目標を効率的に立て、行動を開始する能力」ということになります。特定の分野の能力を指しているのではなく、全ての分野
レポート課題 レポート課題は、講義に合わせて公開する。 レポートは、授業用Moodle の「コンピュータグラフィックス特論II (2020)」コースから提出すること。 LaTexテンプレートを使用してレポートを作成することを推奨する。 本テンプレートでは、プログラムリストを含めるために listings, jlisting パッケージを使用している(要インストール)。 第1回 視点操作 第3回の授業のサンプルプログラム(view_sample.cpp)に、以下の処理を追加したプログラムを提出せよ。 Scrollモード(媒介変数) Walkthroughモード(直接更新) Scrollモード(直接更新) Walkthroughモード(媒介変数) レポート課題 テンプレート [LaTex] [PDF] 第2回 影の描画 第5回の授業のサンプルプログラム(shadow_sample.cpp)に、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く