並び順

ブックマーク数

期間指定

  • から
  • まで

361 - 400 件 / 767件

新着順 人気順

IEの検索結果361 - 400 件 / 767件

  • マンガでわかるGit 第一話「Gitってなあに?」 | マンガでわかるWebデザイン

    次回以降の流れは?(2016/04/11 0時 追記) マンガでわかるGitの構成は、ざっくり下記の構成を考えています。 最初の一歩: Gitとはなんぞや? 第一フェーズ: 1人で使ってみる 第二フェーズ: 複数人で使ってみる 第三フェーズ: 実務上でのハウツー(応用) これは、まだ私が頭の中で考えているだけの仮段階のものですので、細部はみなさんからのコメント・需要を拝見しながら変更していくと思われます。 ちなみに、はてブコメントで要望の多かった「SVNとGitの違い」 → こちらのマンガ化はやってみたいですね。 #マンガでわかるGit 全体の構成(仮)考えるの楽しい♫ Gitってそもそも何?メリットは? ↓ 一人でGit😃 ↓ 複数人でGit😃😃 の流れで考えています。 はじめてコミット、チェックアウトしたときの感動といったら! pic.twitter.com/uyCl1zAxAF

      マンガでわかるGit 第一話「Gitってなあに?」 | マンガでわかるWebデザイン
    • 2022年におけるフロントエンド開発のベースライン

      LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは4Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは!LINEフロントエンド開発室のダバロス アランです。この記事のタイトルを見て「釣りタイトルですね〜」と考えている方がいると思いますが今回に限ってはそれを大目に見てください。それはなぜかと言いますと、2021年から2022年にかけて私たちフロントエンドエンジニアが全体的に考え方を改める必要が出るほど大きな変化がありました。 その変

        2022年におけるフロントエンド開発のベースライン
      • JavaScriptでグラフ描画入門!全8個のライブラリをコード付きで一挙に解説! - paiza times

        どうも、まさとらん(@0310lan)です。 今回は、JavaScriptを使って「グラフやチャートを描きたい!」とか、「さまざまなデータを可視化させたい!」という人にオススメのJSライブラリをご紹介しようと思います。 また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合ったライブラリを使う取っ掛かりになれば幸いです。 ■Chart.js 【Chart.js】 最近、活発にバージョンアップをしている「Chart.js」は、すべてのグラフが自動的にアニメーション表示されるユニークな仕掛けを持っており、シンプルで理解しやすい記述が出来る点も魅力です。 グラフの種類は少ないものの、モダンブラウザ&レスポンシブ対応で、あまりカスタマイズせずに「デフォルト」のままでも手軽に使えるでしょう。 【 基本の書き方 】 「chart.js」ファイルは、公式

          JavaScriptでグラフ描画入門!全8個のライブラリをコード付きで一挙に解説! - paiza times
        • Macでも無料でIE確認するためのModern.IEが想像以上に快適だった

          これまで、MacBook Air 上で制作したWebページを IE 確認する時は、「VirtualBox」や「Parallels Desktop」という仮想PCアプリケーション上で Windows 8 などを起動し、そこで IE を起動して表示確認しています。 私は、 Windows XP – IE8 Windows 7 – IE9 Windows 8 – IE10 のように、なるべく一般的なOSとブラウザーのバージョンで合わせて個別の仮想PCをインストールしていますので、実機で確認するのと比べてもほとんど遜色のない精度でIEでの表示確認をすることができています。 その際、「Windows 8 – IE10」環境は、パフォーマンスが良いと聞いて購入した「Parallels Desktop 7」という仮想PCアプリケーションを使用していました。 しかし、OS X を Mavericks(10

            Macでも無料でIE確認するためのModern.IEが想像以上に快適だった
          • Adobe Flash Player - Downloads

            https://main--cc--adobecom.hlx.page/cc-shared/assets/img/product-icons/svg/express.svg | Adobe Express 注目を集めるコンテンツを制作するなら、Adobe Expressがお勧めです 美しいコンテンツを簡単に作成して共有できます。プロがデザインした何千ものテンプレートの中から選び、SNS投稿、チラシ、バナーなどをあっという間に作成できます。 Adobe Expressを無料で入手

              Adobe Flash Player - Downloads
            • モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ

              こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ

                モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
              • テキスト周りで使えるCSSの小技いろいろ

                テキスト周りで使えるCSSの小技いろいろモバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック!基本的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 テキスト周りで使える CSS の小技 目次テキストを選択する時の色を変更蛍光ペンで線を引いたような効果長いテキストを「…」で省略する番号リストの表現を変更リンクの種類でアイコン変える言語によってスタイルを変更テキストリンクのエフェクトプリント時は URL を表示長い URL を途中で折返す途中で折り返さず、次の行に先頭の文字を大きく先頭を一文字分あけるグラデーションテキストブラウザーは特記していなければ Chrome、Safari、Firefox、

                  テキスト周りで使えるCSSの小技いろいろ
                • [CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス

                  CSS Globeのエントリーから、スタイルシートのレイアウトで生じる問題を解決する8つの1行のスタイルシートの紹介です。 8 Premium One Line Css Tips 縦方向のセンタリング 高さが固定されている場合、「line-height」を使用して、縦方向のセンタリングが実装できます。 デモページ <textarea name="code" class="css" cols="60" rows="5"> line-height:24px; </textarea>

                    [CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス
                  • HTML5でWebページをマークアップするための基礎知識

                    最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします 5からHTMLの“文法”が変わるって知ってた? 連載第1回の「Webの3つの問題を解決する「HTML5」とは何なのか」では、HTML5という技術革新の意義、そして本連載の大まかな流れについてお話ししました。連載第2回である今回は、HTML5のマークアップを行うための基礎知識についてお話しします。 HTML5では、その文法が大きく変化しました。「HTMLが、どれほど普及しているか」「根底となる“文法”が変わってしまったら、どれほどの影響があるか」に想像が及ぶ方であれば、非常な驚きと不安を抱かれるかもしれません。

                      HTML5でWebページをマークアップするための基礎知識
                    • CSSレイアウト時のよくやる失敗と対処法|WEB制作(html,css(スタイルシート) )|プログラムメモ

                      ■floatでレイアウトしたときのボックスの間に隙間が出来る →隙間が出来るボックス要素全てに float 要素を追加 ■ <div>内に配置した<img>が<div>よりサイズが小さいと隙間が出来る → 下記を追加 img { display: block; } ■ Win IEだけずれる時があり、ずれる大きさがフォントサイズによって変わる →ずれる<div>等に vertical-align を設定する(top 又は bottom) ■ <td>内のフォントが正しく指定したとおりでない(Win IE Mac IE) →<td>の中に<span>をいれて対応する ■MacIEで<div>を floatさせると表示が崩れる。 → フロートさせるdiv の width height 属性を指定する ■<ul><li>で画像リンクを作成したときに WinIEでフォントサイズを変更すると 隙間

                      • CSSの記述が3倍速くなる「LESS」の使い方 (1/2)

                        2012年02月09日 13時58分更新 文●斉藤祐也/<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS

                          CSSの記述が3倍速くなる「LESS」の使い方 (1/2)
                        • JavaScriptでうっかりやってしまいそうなこと色々

                          こんにちは、中川です。 今回はJavaScriptで開発していると、うっかりハマってしまうちょっとした罠たちを紹介したいと思います。 JavaScriptでの開発経験者であれば、どれか一度はひっかかったことがあるのではないでしょうか? String ●String#replace()は文字列指定では全部置き換えない 対象文字列を一括して置き換えたいなどでString#replace()を使いますが、 検索対象を文字列で指定してしまうと最初に一致した部分しか置換しません。

                            JavaScriptでうっかりやってしまいそうなこと色々
                          • CSSでアイコンをデザイン

                            ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } 各アイコンになるa要素へのスタイルは以上のような単純なものがベースになる。icons-w.pngがアイコンの前景をつなげたスプライ

                              CSSでアイコンをデザイン
                            • Windowsの良いメンテナンス方法、悪いメンテナンス方法をご存知でしょうか? | ライフハッカー・ジャパン

                              「Windowsシステムが迅速に円滑に動かすにはどうすれば良いのか」という話を振ると、多くの方が自分流のメンテナンス方法論を披露してくれるかと思います。その方法論の一部は、半永久的に役立つかも知れませんが、その他の方法論はもしかしたらその都度その都度で変わり続けていくタイプのものかも知れません。Windows PCを痛めることなく上手くメンテナンスする方法を今回は取り上げていきたいと思います。 まず手始めに下記のチャートをご覧下さい。ネットで出回っている情報だとかIT系の人によるアドバイスなどに基づき、 「良さそうなもの(Seems Good)」 「悪そうなもの(Seems Bad)」 「良いもの(Is Good)」 「悪いもの(Is Bad)」 に分類されています。 このチャートの詳しい説明は下記をどうぞ。 ■悪そうだけれども実は良いもの ここでは、悪そうに見えるけれども実はシステムにと

                                Windowsの良いメンテナンス方法、悪いメンテナンス方法をご存知でしょうか? | ライフハッカー・ジャパン
                              • Facebookページを自由にカスタマイズする方法 | Webクリエイターボックス

                                2017年6月29日 Webサイト制作, Webデザイン 最近会社でFacebookページを作成する事があり、楽しくてすっかりハマってしまったManaです。そのノリでここWebクリエイターボックスのFacebookページも作ってみました。そこで、Facebookページ作成中に役にたったコードやプラグイン・サイトを紹介します。 ↑私が10年以上利用している会計ソフト! ※これは2010年に書かれた古い記事です。更新記事「Facebookページの作り方 2012年1月版」をご覧ください。 Facebookページのカスタマイズ概要 Facebookページの基本的な作成手順についてはかちびと.netさんが詳しく解説しています。なので、ここではFacebookページをHTMLやCSSでカスタマイズできるFBMLというアプリケーションやその他のプラグインを使った、もう少し踏み込んだFacebookペー

                                  Facebookページを自由にカスタマイズする方法 | Webクリエイターボックス
                                • JavaScriptのデバッグTips - os0x.blog

                                  JavaScript Advent Calendar 2010 8日目担当のid:os0xです。 JavaScriptネタは案外範囲が広くて色んなネタがあるので、毎回が楽しみですね。 さて、私はデバッグをネタにしたいと思います。テストではなくデバッグです。誰かが書いたコードをメンテナンスしなきゃー、とか。jQueryプラグイン導入しようとしたけど、なんかうまく動かないーみたいなケースのおはなしです。 JavaScriptのデバッグは大変なので、多くの方が日々苦労されていると思います。なぜJavaScriptのデバッグが大変なのか少し整理してみましょう。 ブラウザ依存 まず、なんといってもJavaScriptはウェブブラウザ上で実行されるので、環境が一定ではありません。特定の環境だけを対象にJavaScriptを書くことは滅多にありません。PC向けではIE、Firefox、Chrome、Sa

                                    JavaScriptのデバッグTips - os0x.blog
                                  • まずは基本から・HTML5のCanvasについて参考になったサイトまとめ - かちびと.net

                                    ようやくHTML5に興味を持ち始めました。 サンプルを以前記事にして、凄いなーと 思っていましたが、なかなか時間がなく、 先延ばしに。で、ようやく頭に入れ始めま した。なにするにも行動が遅くて困ります。 HTML5でも話題になっているCanvasを勉強し始めました。そんな中で、勉強の参考になりそうなサイトをブクマしたのでこれから学ぼう、とお考えの方とシェアしたいと思ってエントリー。 というわけで、基本的な情報がほとんどです。大量の情報を見ても混乱するのである程度絞っています。 html5.jp リファレンスサイトです。リンク先はcanvasカテゴリに。ここからスタート、というか最後までたぶんお世話になりそう。 html5.jp ~HTML 5で導入されるcanvas要素の使い方~ 同じく教科書的なサイト。ありがたい。まだ、ざっと読んだだけですが、すごく分かりやすかったです。 ~HTML 5

                                    • XMLHttpRequest とはなんだったのか | blog.jxck.io

                                      Intro Fetch API の実装が広まり、 IE もリタイアを迎えたことで、今後忘れ去られていくことになるだろう XMLHttpRequest について。 どのように始まり、どのように広まり、どのように使われなくなっていくのか。その間に残した多大な功績を残す。 XMLHttpRequest の始まり この名前は非常に長いため、通常 XHR と略される。 この API は、現在の Web API のように W3C/WHATWG による標準化を経て策定された API ではない。 Microsoft によるいわゆる独自実装の API として始まり、後追いで標準化される。 したがって、 Web API の中でもかなり異質な命名である XHR が、 XmlHttpRequest でも XMLHTTPRequest でもなく XMLHttpRequest である理由も、 Microsoft の命

                                        XMLHttpRequest とはなんだったのか | blog.jxck.io
                                      • Webアプリケーションを高速化する50のトリック

                                        MicrosoftのInternet Explorer PMであるJatinder Mann氏は、BUILD 2012でHTML5アプリとサイトを高速化する50のパフォーマンストリックというセッションで、Webアプリケーションを高速化する多くのチップスを提供した。 Mann氏が提供したアドバイスは、以下の6つの原則を中心に構成されていた。 1. ネットワークリクエストに迅速に応答する リダイレクトを避ける。上位1,000のWebサイトのうち63%は、リダイレクトを使用している。これらはリダイレクトをやめることによって10%のパフォーマンスを改善することができる。 メタリフレッシュを避ける。世界のURLのうち14%は、メタリフレッシュを使っている。 可能な限りユーザーの近くにあるCDNを使用してサーバーの応答時間を最小化する。 異なるドメインからのリソースをダウンロードすることによって、同時

                                          Webアプリケーションを高速化する50のトリック
                                        • SIerを退職し、Web系に転職しました - arveltのソフトウェア技術メモ

                                          銀行系列の中規模SIerを退職し、 受託と自社サービスの開発を行っている小規模Web系に転職することになりました。 7/30が最終出社日でした。8/1からは新しい勤め先へ向かいます。 1.これまでやったこと 2.これからやりたいこと 3.なぜ転職しようと思ったのか なお、3はいわいる自分語りを含む上に長いのでご注意ください。 読ませる知り合いもいないのに何故書いた。 1.これまでにやってきたこと。 オープン系の基幹システムの保守開発に携わり4年ほど。 Java、COBOL、ExcelVBAをメインにやっていました。 もちろんSQLも普通に書いたりしつつ、触ったことのあるDBはOracle、PostgresSQL、SQLServer。 業務知識は主に流通系。Web開発とかもやりました。Javaでstruts1.Xとか、ASP.NETとC#とVBとか。 それと個人的欲求に基づき、Android

                                            SIerを退職し、Web系に転職しました - arveltのソフトウェア技術メモ
                                          • DreamweaverからCodaに変えました

                                            2017年6月29日 便利ツール Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか?きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいので紹介します。本当におすすめです! ↑私が10年以上利用している会計ソフト! Codaの特徴を簡単に 詳しい説明はリンクをクリックでジャンプします。 Mac専用 美しいビジュアル 便利なプレビュー画面 PHPやJavaScriptの動作確認も 素早いタグ打ちが可能 有料 8,500円 はい、Mac専用なんです。このブログを読んでいるユーザーの70%がPC使用なのでこれを記事にするか悩みましたが、Mac愛用者さんに向けて!ちなみに私はCoda英語版をインストールして

                                              DreamweaverからCodaに変えました
                                            • IE6のバグや仕様の解決方法のまとめ -Ultimate IE6 Cheatsheet

                                              IE6のCSSやJavaScriptなどのバグや仕様で困った時の解決方法をまとめたチートシートをVirtuosi Mediaから紹介します。

                                              • ニートが1週間でアイデア共有サービスをつくったときの記録 - kamiのサービス制作ログ

                                                こんにちは、どうしようもないニート無職の@kami30kです。 ここ最近つくっていたサービスをようやくリリースしたので、作業ログ的な記事を書いてみます。 なにをつくったか 今回つくったのは、HIRAMEKI CAFEというサービスのアイデア共有サービスです。 KPT LOG、SHOMEI DESIGNにつづいて自身3つめのサービスとなります。 サービスのアイデア共有コミュニティ HIRAMEKI CAFE 簡単に説明すると、知っている人は多い(と思う)ideamiのようなサービスです。 ぼくはこのサービスがとても好きだったのですが、最近あまり使われていないようで、とはいえサービス自体のニーズはあると思うので、今回サクッとつくってみました。 機能自体はとてもシンプルで、 Twitterで認証する アイデアを投稿する グッド(いいね!のようなもの)、コメントなどをつけてもりあがる だけのサービ

                                                  ニートが1週間でアイデア共有サービスをつくったときの記録 - kamiのサービス制作ログ
                                                • レスポンシブWebデザインの作り方(簡単設定方法)

                                                  webmobileは、みんなが知りたいPixel/iPhone/amazon/SIMの使い方を発信しています! 当メディアで公開されている文章、写真・画像などに関する権利は、当方に帰属します。 著作者の許諾を得ることなく転載、改変、複製、販売、出版など、著作権法そのほか法律に触れる行為は禁止しています。 ※ 画像使用・文章引用はリンクを張った上でご利用ください。 ホーム|サイトマップ|プライバシーポリシー お問合せ|運営者情報|公式YouTube

                                                    レスポンシブWebデザインの作り方(簡単設定方法)
                                                  • デザイナは要注目! 明日から語れるHTML5&CSS3(1/4)- @IT

                                                    デザイナは要注目! 明日から語れるHTML5&CSS3:一撃デザインの種明かし(13)(1/4 ページ) ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「HTML5」「CSS3」とは? 最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか? これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5+CSS3に対応するWebブラウザが増えてきたことで、HTML5

                                                      デザイナは要注目! 明日から語れるHTML5&CSS3(1/4)- @IT
                                                    • あんそく これより壮大なスケールの画像ってあるの?

                                                      1 :以下、名無しにかわりましてVIPがお送りします[]:2008/08/27(水) 13:36:53.76 ID:UnoRioKH0 風景画像スレです。総枚数181枚。CG、加工物など区別していません。 【追記】 枚数に誤りがありましたので訂正しました(182→181)。ご指摘ありがとうございます。 5 :以下、名無しにかわりましてVIPがお送りします[]:2008/08/27(水) 13:40:02.72 ID:H76DD27M0 山が・・・山が怒っておる 7 :以下、名無しにかわりましてVIPがお送りします[sage]:2008/08/27(水) 13:42:20.27 ID:gYYcks9d0 あとからじわじわ来るな・・・ 10 :以下、名無しにかわりましてVIPがお送りします[]:2008/08/27(水) 13:44:14.14 ID:19qI/FfA0 しかしもっと上があるよ

                                                      • JavaScriptのコーディングTips集 - 主に言語とシステム開発に関して

                                                        JavaScriptのプログラミングに関するTips集。 主に中級レベルの話題とノウハウを掲載する。 なお,JavaScript初級〜中級をクイズ形式で網羅的に学習するためには,下記のエントリを参照。 JavaScriptの動かないコード  (JavaScriptエラー集) http://language-and-engineering.hatenablog.jp/entry/20080912/1221297779 ※JavaScript以外のプログラミングについては,こちらを参照。 ピュアJSを極める: JavaScriptで,クラスを継承する方法 (複数のサブクラスから共通クラスのプロトタイプを参照する) JavaScriptでの例外設計 (throw,try-catch-finally構文のイメージと利用パターン) JavaScriptで,動的に追加されたイベントリスナの実行順序を保

                                                          JavaScriptのコーディングTips集 - 主に言語とシステム開発に関して
                                                        • プログラミング未経験者が JavaScript でプログラミングを始めるまでに必要なこと - IT戦記

                                                          (執筆中) (文章の練習も兼ねてぐだぐだと執筆中、現時点で読んでも日本語になってないと思います。) (執筆途中だけど、こうしたらいい!とか、アドバイスがあれば教えてください><読者みんなが編集者!とか言ってみる) (あ、はてな記法のパッチを送ってくれてもいいです^^) (ちょっと、 Shibuya.JS in Kyoto → PHP カンファレンスがあるので、次の更新はそれ以降になるかも) 自分の知り合いに「まったくのプログラミング未経験だけど、自分のウェブサイトを作ってみたい!」という人がいるので、プログラミングを始める前に必要な知識や心構えや準備などを書いておこうと思います。もちろん、最初に使う言語は JavaScript です。 この文章は、プログラミングまったくの未経験者が読んで分かる文章を目指しています。もし、分からない部分がある場合は指摘してください。聞いてください。自分で調べ

                                                            プログラミング未経験者が JavaScript でプログラミングを始めるまでに必要なこと - IT戦記
                                                          • ユーザーの知識は低いレベルで停滞する

                                                            学習というのはたいへんな作業なので、ユーザーのやりたいことではない。その結果、彼らはユーザーインタフェースの探索をすることもなく、ほとんどの機能について知らないままだ。 User Expertise Stagnates at Low Levels by Jakob Nielsen on September 28, 2013 日本語版2013年11月25日公開 コンピュータシステムを長期間利用しているユーザーでも、知っていて使っているのは利用可能なコマンドや機能のほんの一部だけであることは多い。デザインのユーザビリティが優れていれば、ユーザーはシステムを利用しはじめて間もなく、かなり容易に一連の基本機能を理解する。しかし、その後、彼らは伸び悩み、それ以上はたいしてスキルが上がらない。システムを頻繁に使っているユーザーですら、年にわずか1つか2つの新しい知識を身につけられるようになるまでには何

                                                              ユーザーの知識は低いレベルで停滞する
                                                            • HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 | DevelopersIO

                                                              そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け(※自分含む)のサンプルをいくつか紹介していきたいと思います。 はじめに - パララックスエフェクトについて パララックス(parallax)を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。 アニメーションの世界ではディ○ニー映画で古くから使われていたり、ビデオゲームにおいても横スクロールアクションのゲームなどで昔から使われています。 JavaScript(jQuery)でパララックスエフェクト 1 | スクロール値を取得 どれだけスクロールしたかという値を取得します。これだけではまだパララックスも何もありませんが、全てはここから始まるのです。 $(function() { $(window).scroll(fu

                                                              • CSSハック一覧

                                                                CSSハック一覧 - IE, Firefox, Safariなどなど異なるブラウザーで見たらレイアウトが崩れる。。CSSハックはそんな時のお役立ち裏技(?)です。私がブックマークしているCSSハックに関するWebサイトがたくさんあったので(Safariがのってない・IE8しかのってない。。等の理由で)、自分用メモ。「こんなやり方もある!」というのがあればコメントして教えてください! Internet ExplorerIE6 以下#help_me { _color: blue; } * html #help_me { color: red; } IE7*:first-child + html #help_me { color: red; } * + html #help_me { color: red; } IE6, IE7#help_me { /color: blue; } IE8#hel

                                                                  CSSハック一覧
                                                                • windows7を買って、まず最初にしておく事は?

                                                                  104 名前: ハンマー(愛媛県):2010/04/10(土) 16:32:55.55 ID:eOAER99M 7はデフォルトでも十分使える。 5 名前: 紙(福岡県):2010/04/10(土) 16:04:48.96 ID:B9V9Cjml むしろ何もしなくていい XPの時は色々やってたんだけど もう7積むくらいだからスペックもそれなりだし 見た目もまぁオサレだから何もしてないよ 676 名前: 砥石(アラバマ州):2010/04/11(日) 11:21:15.73 ID:vWlZ9/5f 何気にデスクトップ画像のシャッフル機能がデフォであるのは嬉しい 427 名前: 滑車(茨城県):2010/04/10(土) 19:50:18.78 ID:+ag11RPm Win7のWMPはMP4、FLV、H.264、On2VP6、 Xvid、DivX、AACにネイティブ対応した点は評価できる 48

                                                                  • ソフトウェアの使い方から生活全般ノウハウまで 日本一のHow to 動画ポータル

                                                                    【お薦め動画】 iPhone5 iOS7 使い方 Windows8 Windows 7 使い方 iPad mini 使い方 動画マニュアル まとめサイト エクセル 使い方 ワード使い方 パワーポイント使い方 Windows XP Vista イラストレータ使い方 フォトショップ使い方 iPhoneの使い方 まとめ ウェブ集客 SEO Skype 使い方 介護 サポート 定番アプリから オンライントレード、ビジネスマナー、一般常識まで8,400以上の動画マニュアルを配信中 インターネット 無料のパソコンスクール How toムービー集 それが動画マニュアル.comです。 有名アプリ、便利アプリ、ウェブサービスの使い方、スマートフォンの使い方を続々公開 毎日更新! 掲載動画マニュアル一覧 漢字検定3級 漢字検定4級 英語テスト 漢字検定2級 Audacity 日本史 問題集 一般常識問題集 音

                                                                    • 【裏ワザ】Windows10に隠されたGodMode(神の方法)の使い方

                                                                      Windows10には「GodMode」という隠し機能があります。GodModeすなわち「神の方法」とは、いったいどのような機能なのでしょうか? Windows 10の隠し機能「GodMode」とは? Windows10への無料アップグレード特典の期限(2016年7月29日)が近づき、この機に駆け込みでアップグレードしたという人も少なくないでしょう。今回は、アップグレードから日の浅いユーザーでも簡単&便利に使えるWindows10の裏技「GodMode」(ゴッドモード=神の方法)を紹介します。 WindowsのGodModeとは、ひと言でいうと「Windowsに関する様々な設定を1つの画面からできる機能」です。パソコンの設定項目が1か所に集約されているので、「あれはどの画面で設定するんだっけ......?」と迷うこともなくなります。 GodMode自体は以前のWindowsでも使えましたが

                                                                        【裏ワザ】Windows10に隠されたGodMode(神の方法)の使い方
                                                                      • GitHub上に公開された「東京都公式 新型コロナウイルス対策サイト」は危機が生んだ日本の奇跡 - 俺の遺言を聴いてほしい

                                                                        東京都が奇跡を起こした。 僕たちは今、信じられない光景を見ている。 文章で説明するよりも、当事者たちのツイートを追った方がわかりやすいだろう。 心がザワザワしている時は、手を動かそうと思う。どんどん流れてくるニュースのシェアばっかりしてても、自分の心の安寧は得られない。コードを書こう!— Hal Seki (@hal_sk) February 29, 2020 東京都のアドバイザーを務めるCode for Japanの関さんが中心となって、 新型コロナウイルスの東京都が発表してきた情報をワンストップに確認できるダッシュボードができました!!!! これは良い取り組み。ぜひ皆様ご確認ください。 ・東京都公式COVID-19対策サイトhttps://t.co/YUFZsI4dFQ— 藤井あきら🐈東京都議会議員🚴🏳️‍🌈 (@fujiiakiratokyo) March 3, 2020 本

                                                                          GitHub上に公開された「東京都公式 新型コロナウイルス対策サイト」は危機が生んだ日本の奇跡 - 俺の遺言を聴いてほしい
                                                                        • | ^^ |秒刊SUNDAY | 4月から新社会人!仕事で糞使えるフリーソフト集

                                                                          2009年03月08日 4月から新社会人!仕事で糞使えるフリーソフト集 カテゴリ:ネット・PC 4月から新社会人、新生活環境なんていう人の為にオススメするフリーツールを紹介。中には市販のもの以上に使えるものもある。 ◆まずは無料ウイルス対策だ!『AVG Free』 どの会社にも必ず、ウイルス対策ソフトがあるとは限らない。うっかり感染した後で、恥ずかしい書類が世界中にばら撒かれると言う災難は是非避けたいものだ。 AVGFreeなら無料でチェックできる。このソフトは有料版もあるので注意! ■AVG Free - AVG Anti-Virus Free Editionをダウンロード ◆無料ブラウザ『Firefox』 ブラウザなんてIE使っていればいいじゃん!なんて思うかもしれませんが、Firefoxの最大の魅力、「アドオン」を使えばより多くのフリーツールを使うことが可能だ。 ■次世代ブラウザ F

                                                                          • 小説家になろう - みんなのための小説投稿サイト

                                                                            小説家になろうは日本最大級の小説投稿サイトです。 作品掲載数1,146,314作品 登録ユーザ数2,695,882人

                                                                            • さよなら手作業・人海戦術! HTML5時代のツール「Selenium2」でWebシステムのテストを自動化

                                                                              本シリーズは、WebブラウザをUIとして利用した業務システムやアプリケーション(以下、Webシステム、Webアプリケーション)のテストをテーマとして、Webブラウザを使ったテストを自動化するOSSのツール「Selenium2」を紹介します。業務システム開発の現場で適用してきたノウハウを元に、これまでSelenium2について知らなかった人から以前使った経験がある人まで、より実践的な「使える」内容を盛り込んでいきたいと思います。 本シリーズのスコープと対象読者 本シリーズはWebシステム・Webアプリケーションのテストの中でも「Webブラウザを操作して実施するテスト」をスコープにしています。開発工程としては、1モジュールとして単体テストに位置付けられる場合もあれば、複数のモジュールやシステムと連携して結合テストや総合テストに位置付けられる場合もあるでしょう。これらのテストのことを、本シリーズ

                                                                              • 「第一回 プログラマ向けデザイン勉強会」の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた - give IT a try

                                                                                はじめに みなさん、明けましておめでとうございます!・・・と言うにはあまりにも遅すぎる時期になって2013年最初のブログ更新となりました。 「そろそろブログ書かなきゃ書かなきゃ〜!」と思っていたのですが、年末から妻のパン屋のWebサイトのリニューアルに没頭してしまい、間が空いてしまいました。 せっかくなので、2013年最初のエントリではそのお話をしたいと思います。 「第一回 プログラマ向けデザイン勉強会」の発表資料が素晴らしい! 前々から妻からは「Webサイトのデザインをリニューアルしてほしい」と言われていたのですが、僕自身はあまりデザイン方面には強くないプログラマなので、どうしようかと困っていました。 そんなとき、ネットで見つけたのが「第一回 プログラマ向けデザイン勉強会」でした。 東京の勉強会なので、僕は参加できませんでしたが、発表者の方々のわかりやすいスライドが公開されていたので、だ

                                                                                  「第一回 プログラマ向けデザイン勉強会」の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた - give IT a try
                                                                                • More preview enhancements for Windows Azure AD Premium - Active Directory Blog - Site Home - TechNet Blogs

                                                                                  In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...

                                                                                    More preview enhancements for Windows Azure AD Premium - Active Directory Blog - Site Home - TechNet Blogs