ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに はじめまして、Yahoo!検索のデザイナー担当の竹内美帆と申します。 今Yahoo! JAPANでは、プロジェクト毎にバージョン管理システムを使い分けていますが、Subversionを使用しコードを管理しているプロジェクトもあります。2011年1月～3月には、デザイナーが所属する部署でもデザイナーが作成するHTML・CSS・JavaScriptファイルなどをバージョン管理システムであるSubversion（サブバージョン）で管理しようという動きがありました。 デザイナーにとってはとっつきにくい印象がある「バージョン管理」ですが、うまく利用すれば「あのファイルどこいった？（汗）」「いつこのファイル書きかえたっけ？（汗）」「

HTML5 におけるアウトラインに関して簡単解説 HTML5 で重要なアウトラインに関して、なるべくわかりやすく簡単に解説してみます。 最近、ヨモツネットさんで 「HTML5 でのセクションの誤用にご注意」 なんて記事が出てたり、ちょうど HTML5 Doctor でも 「Document Outlines」 と題してアウトラインの解説記事が上がってたりするので、この 「アウトライン」 について簡単にまとめてみようと思います。解説って言うほど偉そうなものではありませんがなるべくわかりやすく書いてみようかと。 アウトラインを理解することは、HTML5 でマークアップする際にとても重要になりますので覚えておくとよいと思いますよ。 アウトラインとは？ アウトラインとは見出し、フォームタイトル、テーブルタイトル、その他ラベル付けされた要素によって生成される文書構造のこと…なんて書くととても難しそう

「きれいになりたい」、「モテたい」、「やせたい」といったトピックを取り扱った記事を見つけると、仕事の合間なんかについついクリックして見てしまうものですが、最近読んだ『女につける薬』という、かなり昔（平成5年）に書かれたビートたけし氏の本の中でも言及されていたので、そちらをご紹介。 「きれいになりたい」という気持ちは分かるけど、「きれいになりたい」という気持ちよりも「どんなふうにきれいになりたい」のかについて考える方がよっぽど重要である、というところからこの話は始まり、その中にビートたけし氏が実践してヤセた、というダイエット方法が書いてあります。 意外にもシンプルすぎるその方法とは下記の通り。 オイラが前やってヤセたのは、10分食うのをガマンするだけ（という方法）。 ごはんが出てきたら、10分間「じいっと」見る。飯食わないで10分間じいっと見るんだ。そうすると、けっこう腹いっぱいになってくん

HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes ： HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり

お使いのブラウザではご覧いただけません お手数ですが、最新の対応ブラウザ（Chrome／Edge／Firefox／Safari）にて再度ご覧ください。

PC/AndroidのGoogle Chrome (グーグルクローム)、Edge（エッジ）の最新バージョン127にて、ビデオ通話がご利用いただけない不具合が起こっておりましたが、修正をリリースいたしました。ご利用されている皆様には大変ご迷惑おかけいたしましたことをお詫び致します。 現在、PC/AndroidのGoogle Chrome (グーグルクローム)の最新バージョン127にて、ビデオ通話がご利用いただけない不具合が確認されており、調査中となっております。ご利用の皆様にはご迷惑をおかけ致しますが、ご理解ならびにご協力の程、何卒宜しくお願い申し上げます。 9月14日（水）午前5時～5時30分(日本時間)に、サイトのメンテナンスを行ないます。その間は、一時的にチャットが中断される場合がございます。メンテナンス期間は、作業状況により多少前後することもございます。ご利用の皆様にはご迷惑をおかけ

This document discusses usage trends of the Eclipse integrated development environment. It notes that Eclipse usage increased 20% in 2011, with the biggest increases being 10% for Eclipse itself, 10% for plugins, and 200% for Android Development Tools. It then provides many tips and shortcuts for using Eclipse more efficiently.Read less

【画像あり】甥っ子のクラス名簿ぱくったら名前がけっこうぶっ飛んでてわろた Tweet 1：以下、名無しにかわりましてVIPがお送りします：2011/09/16(金) 20:35:00.01 ID:0KPyBbly0 名前だけだし全部晒すわ 2：以下、名無しにかわりましてVIPがお送りします：2011/09/16(金) 20:35:51.83 ID:0KPyBbly0 女子 彩香（あやか） 栞（しおり） 艶美（つやみ） 奏華（そうか） 捺実（なつみ） 聖奈（せな） 恵兔（けいと） 結愛（ゆあ） 華七海（かなみ） 純（ぴゅあ） 陽清（はるひ） 美妃（みっふぃー） 夕凪（ゆうな） 渚沙（なぎさ） 苑子（そのこ） 8：以下、名無しにかわりましてVIPがお送りします：2011/09/16(金) 20:37:48.06 ID:kDJd1IYp0 ミッフィーｗｗｗ 13：以下、名無しにかわりましてVIP

「MHP 3rd HD Ver.」が液晶テレビ「ブラビア」とタイアップ。ウィジェットサービス“アプリキャスト”にモンスター情報などを見られるオリジナルアプリも 編集部：yusuke カプコンは本日（2011年8月1日），同社が8月25日に発売を予定しているPlay Station 3用ソフト「モンスターハンターポータブル 3rd HD Ver.」と，ソニーの液晶テレビブランド「ブラビア」がタイアップしたことを発表した。本作の開発陣がこだわったブラビア用の“推奨画質設定値”が用意されるほか，ウィジェットサービス「アプリキャスト」にオリジナルアプリが登場する。 「モンスターハンターポータブル 3rd」公式サイト 「ブラビア」タイアップサイト 『モンスターハンターポータブル3rd HD Ver.』と ソニーの＜ブラビア＞がタイアップ！ 大画面でも快適ハンティング！！ 液晶テレビ<ブラビア> 写真

2017年6月29日 Webデザイン 「デザインしてみたけどなんだか物足りない…」そんな経験ありませんか？私はよくあります。それで色を変えてみたり、形を変えてみたりと色々試してみるのですが、結局どれもしっくりこなかったり。そんな時は元のデザインにほんの少し手を加えるだけで納得のいくデザインに変わることが多いんです。わずかな装飾で大きく印象を変える。そんな「ひと手間」に注目してみましょう！ ↑私が10年以上利用している会計ソフト！ 追記：Photoshopを使った加工の仕方を記事にしてみました！ » 【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを グラデーションを加える 「デザインしてみたけどなんだか物足りない…」そんな時はわずかなグラデーションを加えるだけで立体感がでて、ノッペリしたデザインを一新することができます。アレコレ装飾するよりもシンプルかつ王道。 ヘッダーの

ポリゴンが不要になる時代も来る？ オーストラリアのゲーム会社が、ある画期的なCG技術を開発しているそうです。 この技術は「Unlimited Detail Technology」と呼ばれ、従来の3DCGに比べ、より細部まで正確に立体物を表現できる点が特徴。そして何と言っても、「ポリゴンを使っていない」という点で多くのユーザーを驚かせました。 私たちが普段見ているCG映像の多くは、ポリゴンと呼ばれる多角形の「板」を無数に組み合わせることで立体物を描いています。しかしこの「Unlimited Detail Technology」ではポリゴンの代わりに、微細な「粒」を組み合わせて物体を表現。ポリゴンの場合はどうしても、アップで見ると板の継ぎ目がカクカクして見えてしまいますが、この方法なら理論上、どんな複雑な形の物体でも正確に再現することが可能なのだそうです。 百聞は一見にしかず、まずはYouTu

[読了時間:3分] 学生諸君はもちろん社会人にも訪れる夏休み。せっかくの遊休時間なので、プログラミングに挑戦してみてはいかがだろうか。「エンジニアじゃないから」といわず、無限の可能性があるこの世界を体験することで、日々何気なく使用しているアプリケーションやネットの本質を垣間見ることもできるかもしれないのだ。もちろんつき詰めれば高度な技術が必要だが、図画工作的な感覚でもちょっとした作品なら数時間で動くものが作れるのがプログラミングのいいところ。しかも、最近は無料で公開された学習環境が整っているので誰でも直ぐに初めることができるのだ。 冒頭の画像は、ユビキタスエンターテインメント(UEI)とD2コミュニケーションズが主催するゲームコンテスト「9leap」のサイトの画面。ここで使用されているenchant.jsというJavaScriptのライブラリ(JavaScriptプログラミングを助ける補助

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

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

米Twitterは8月10日（現地時間）、公式Twitterに2つの新機能を追加したと発表した。同日から段階的に全ユーザーが利用できるようになる。 現行のサービスの「ホーム」ページには、「タイムライン」「＠関連」「リツイート」「検索メモ」「リスト」の5つのタブがあるが、「＠関連」」と「リツイート」が消え、「＠ユーザー名（ユーザー名に各アカウント名が表示される）」と「アクティビティ」という新タブが加わる。 「＠ユーザー名」タブでは、自分に関連する動きがリアルタイムで表示される。例えば、フォローしている／されているユーザーが自分のどのツイートを「お気に入り」にしたりリツイートしたかや、ダイレクトツイート、新たに自分をフォローしたユーザーなどが分かる。Twitterが買収したTweetDeckには、自分のツイートに関連するツイートをまとめて表示する機能があった。 「アクティビティ」タブは、自分が

ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、新しい発見があれば幸いです。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。 日本語フォントの表示が確認できます。現在252種類あります。 PXtoEM.com: PX to EM conversion made simple. ベースのサイズ（px）を決めると、em, pt, %の値が表示されます。 カラー関連 ウェブ配色ツール Ver2.0 配色ツールは色々ありますが、日本語ですし、あまり考えなくても感覚的に使えるので楽しいです。 Color Scheme Designer 3 カラーパレットジェネレーターです。海外サイトで

実用性は別にして、こういうの嫌いじゃない ので記事にします。よくあるイメージギャラリー なんですが、画像が変わる際のエフェクトが 無駄に凝っています（褒め言葉です）。こんな 事もflashを使わないで出来るんだなー、と 素直に関心したので、同じ気持ちで見て 頂けたら嬉しいです。 エフェクトはかなり多く用意されており、どれもなかなか派手な印象です。これだけのエフェクトをクロスブラウザに対応させているのもちょっと驚きです。※IE6にも対応とあるのですが、現在諸事情で確認出来ませんので対応してなかったらごめんなさい。 えらいこっちゃ・・なエフェクトばかりです。エフェクトはかなりの数が用意されており、１つのエフェクトも細かい設定が可能になっています。 まずはエフェクトの一部を無言でご紹介します。 ちょっとヒーローとかの変身シーンみたいな感覚です・・実際に動きを見てもらうと、いかに無駄にすごい動きか

「かっこいいサイト作るぞ！」 と意気込んでみたももの、いざ作ってみると 「あれ･･･なんかダサい･･･」 WEBサイトを作成したことのあるプログラマーの方なら、 経験したことがある方も多いのではないでしょうか？ WEB制作は、基本的に、デザインはデザイナー、システムはプログラマー、という 役割分担の元に作業が行なわれるため、プログラマーが見栄えのするサイトを作ることは、 簡単なようで、なかなか難しいことです。 かくいうプログラマーである私も、いくつかのWEBサイトを個人的に作成してきましたが、 自分で納得のいく見た目のサイトが作れず、夜中の謎のハイテンション時にデザイン を完成させ、1度寝てから再度確認すると、そこには見るも無残なWEBサイトが･･･ なんていうことを何回も経験してきました。 そこで私が試行錯誤した結果を元に、プログラマーが、シンプルながら ある程度見栄えのするWEBサイト

モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】

ドットインストール代表のライフハックブログ

あまりに情報量が多くて混乱してきたので 自分用にまとめ。リファレンスとか、ちゃんと 実践で使えるツールを自分なりに厳選して まとめておきます。どうも、あっちこっちで あれが便利とかこれが便利だとか言われる と訳が分からなくなるのでそろそろ絞らない とですね。 というわけでお遊びではなく実践に役立ってる基本的なリファレンスとか助けてくれるツールのメモなので目新しいものはありません。完全に自分用のまとめです。個人的には基礎用のサイトと、実践向けのツールやライブラリだけあればいいという感じです。 尚、css3/html5に関する情報だけを求めている&特に情報取得に急いでないならdotHTML5というサイト1つで事足りるかと思います。 ※W3Cは割愛でいいですよね チートシートとかリファレンスだけで基本的にはいい感じですかね・・ HTML5 タグリファレンス マークアップもままならないほど慣れてな