消滅してしまったmodern.IEの代わりとなるものは？ – ワイヤード・パンチ
消滅してしまったmodern.IEの代わりとなるものは？ 2016年2月26日 以前はmicrosoftのサイト内にmodern.IEという、旧式のIEがインストールされた仮想環境をダウンロードできるページが存在していたのですが、そのmodern.IEがいつのまにか無くなっていました。すでにサポートが切れた、IE9に対応させなければいけない案件がいまだに存在するので、modern.IEが必要だったのですが…。 別のページに移動していた。 Virtual Machine (VM), Windows Virtual PC & BrowserStack : Microsoft Edge Dev 実は上記のページに移動していたようです。ページ名や見た目こそ変わったものの、機能はほとんどmodern.IEと同じで、こちらから旧式のIEがインストール済みの仮想環境をダウンロードすることができます。 し
空のディレクトリを維持するための、 .gitkeep と .gitignore の使い分け - Qiita
空のディレクトリをコミットに含めたいときは、2つのやり方があります。.gitkeep を使う方法 と、 .gitignore をおいておく方法（例えばPHPのフレームワーク Laravel で用いられている方法）です。 空のディレクトリを保持する目的で使用する .gitignore は、たいていの場合、以下のような内容になっています。 使い分けの基準 .gitkeep と .gitignore は、「空のディレクトリにファイルが追加されたときに、そのファイルを Git での管理対象に含めたいか？」という基準で、使い分けられます。 含めたい場合は .gitkeep 、含めたくない場合は .gitignore を使います。 .gitkeep を使う基準と例 .gitkeepは、「デフォルトではファイルが存在しないけれど、ファイルが追加されたら、そのファイルを Git での管理対象にしたい」場合
HTML5のアウトライン構造だけでなくセクションもチェックできるChrome拡張＆Firefoxアドオン
HeadingsMapとは HeadingsMapは、HTMLドキュメントの「HTML5アウトライン」や「見出し構造」のナビゲートマップを表示してくれるブラウザ拡張です。 HeadingsMapは、Chrome拡張版と、Firefoxアドオン版があります。 これまでよく利用されていたHTML5 Outliner（Chrome拡張）等のツールは、アウトライン構造のみが表示されていましたが、HeadingsMapは、アウトライン構造に加えてセクション情報も表示してくれます。 例えば、HTML5 Outlinerで、表示させた場合は、単にアウトライン構造だけが表示されていました。 一方、HeadingsMapで表示すると、見出しで使われているタグまで見ることができ、構造をより詳細に表示することができます。 また、section、nav、article、asideのようなセクション要素が利用されて
WordPressで投稿した記事の一覧ページを作成する
投稿記事の一覧ページを作成してみます。 表示させるページ 投稿記事の一覧ページは、フロントページに表示する方法と固定ページに表示する方法があります。 管理画面の設定 > 表示設定 で「フロントページの表示」を「最新の投稿」にしている場合、以下のテンプレートのいずれかを使ってフロントページに一覧を表示できます。 front-page.php home.php index.php 「フロントページの表示」を「固定ページ」にしている場合、以下のテンプレートのいずれかを使って指定した固定ページに一覧を表示できます。 home.php index.php 今回は投稿ページ用の固定ページを作成してみます。 作成方法 固定ページ > 新規追加 から一覧を表示させる固定ページを作成します。 一覧を表示させるので、本文は空で問題ありません。 入力が完了したら公開をクリックして公開しておきます。 次にフロント
【質問】文字サイズ変更ボタンを提供しなければいけないの？｜基礎知識｜エー イレブン ワイ［WebA11y.jp］
【回答】アクセシビリティ確保のためには、必ずしも必須ではありません。 Webページの文字サイズが小さいとき、ユーザーが好みの大きさに変更できるのが、Webのよいところです。近年、ブラウザはズーム機能を提供しており、Webページの表示を拡大できます。わざわざWebページ側で似たような機能を提供する必要はないでしょう。また、スマートフォンやタブレット端末で表示する際は、ユーザーが必要に応じて画面を拡大できるようにします（user-scalable=noを使用しない）。 「文字サイズ変更ボタン」というのは、Webページのヘッダー部分で良く提供されている［小］［中］［大］のようなボタンで、ユーザーがWebページのテキストの文字サイズを変更できます。日本のWebサイトでは、何かのランキングでこの文字サイズ変更ボタンの有無が評価項目の一つになっていたこともあり、一時期急速に普及したといわれています。
Visual Studio Codeでhtmlのプレビューを表示する - ドローイング空間
Visual Studio Codeの拡張機能は、Marketplaceで探す事ができます。 https://marketplace.visualstudio.com/ そこで、htmlのプレビューを表示する拡張機能を見つけました。 Live HTML Previewer Visual Studio Codeで、htmlのプレビューを見るための拡張機能です。JavaScriptには、対応していません。 https://marketplace.visualstudio.com/items?itemName=hdg.live-html-previewer インストール Visual Studio Codeを起動して、右側の拡張機能アイコンをクリックします。 検索窓に名前を入力すると関連する拡張機能が一覧で示されます。「Live HTML Previewer」のインストールボタンをクリックします
Visual Studio Codeで選択行を複製するショートカットキーは？|TERAKOYA
質問Visual Studio Codeで選択している行を複製するショートカットキーを教えてください。 また、Sublime TextのようにCommand + Shit + d（Mac）で複製するように変更する方法も教えてください。 Shift+Alt+DownまたはShift+Alt+Upを使う。 また、キー編集はkeybindings.jsonを使うとよいそうです。 keybindings.json [ { "key": "cmd+shift+d", "command": "editor.action.copyLinesDownAction", "when": "editorTextFocus" }, { "key": "ctrl+shift+up", "command": "editor.action.moveLinesUpAction", "when": "editorTextF
『コードヴェイン』で拠点の仲間と交流を深める方法を紹介。吸血鬼が生まれた理由など世界設定も解説
バンダイナムコエンターテインメントは、2018年に発売予定であるPS4/Xbox One/PC（Steam）用ソフト『CODE VEIN（コードヴェイン）』の新情報を公開した。 『コードヴェイン』は、強敵と危険が待ち受けるダンジョンに、バディとともに挑むドラマティック探索アクションRPGとなる。 崩壊を迎えた世界を舞台に、血を吸うことで超常的な力と人間性を維持する“吸血鬼（レヴナント）”と呼ばれる者たちが、血と真実を求め、堕鬼（ロスト）たちの跋扈（ばっこ）する閉鎖世界“ヴェイン”を探索していく物語が描かれる。吸血アクションや、奪った血（冥血）を使う特殊能力“錬血”を使った戦いも特徴となっている。 本記事では、探索の拠点となる場所の概要や拠点のキャラクターたち、さらにゲームの世界観や歴史について紹介する。 吸血鬼たちが集う拠点 ルイたちは古びた教会を改修して活動の拠点としており、主人公もまた
コインチェック経営陣は筆頭株主なのに、なぜ「株主と相談します」といったのか
楽しくインターネットサーフィンをしていたら、以下みたいな記事を見ました。 コインチェック経営陣、しどろもどろの謝罪会見。社長が筆頭株主なのに「株主と相談します」（全文） これに対して「ハフィントン・ポスト大丈夫かよ」とか「投資契約書もろくに見たことないんじゃないか」みたいな批判が周りで聞かれました。なぜ批判されるかというと、タイトルで言いたいことが「しどろもどろの社長が、筆頭株主なのに株主と相談する、といって質問から逃げてけしからん」的なニュアンスに見えてしまうのですが、知識がある人から見ると「そんなの当たり前じゃん」というギャップがあるからだと思います。 せっかくなのでこの件について説明したいと思います。 まず、よくある誤解として「過半数の株を持っているのであれば、なんでも決められるのでは？」という点です。会見でも以下のような場面がありました。 > ――筆頭株主はどなたか。 > 大塚氏：
バーチャルユーチューバー、二ヶ月の動きをさくっとまとめてみた｜中路もとめ
はいどーも！トラックメイカーの中路です！ 最近、バーチャルユーチューバー沼にハマりすぎて毎日の動画巡回と発掘が趣味になっております。 「中路の中身」の記事に先駆けて、昨年12月より急速に人気を高めており現在最も熱量を持ったコンテンツであるところのバーチャルユーチューバー（以下略称 VTuber）が大流行するまでの動きを、自分なりにさくっとまとめてみました。次回更新の際にわかりやすくするために、自分が知り得る範囲で書いたものなので、主観もあると思います。間違いがあれば訂正等いただければ嬉しいです。 ■VTuberとは 「そもそもが、VTuberってなんだ」という方は、最早少ないのではないのでしょうか？簡単に説明すると 主に3Dモデル、もしくは2Dイラストのアバターを用いて動画配信を行う個人、もしくは企業等の集団のことを指す。 リップシンク、モーションキャプチャーを使って3D及び2D空間で実際
高くても売れる「ゲーミングPC」 小中学生にも人気 （NIKKEI STYLE） - Yahoo!ニュース
「ゲーミングPC」といわれるジャンルが盛り上がっている。多くはオンラインで対戦するゲームを楽しむユーザー向けに、性能の高い部品を搭載したパソコンだ。一般的なPCと比較して価格は高いものの、性能を重視するユーザーが多いだけに、力を入れるメーカーが増えている。本体は昨年比50％増、周辺機器も4年間で2倍以上の成長を遂げているという。海外では以前から人気が高かったが、家庭用ゲーム機とスマートフォン（スマホ）のゲームが強いといわれてきた日本で、なぜ人気が高まっているのか。 「ゲーミングPCが盛り上がり始めたのは2～3年前ごろから」というのはソフマップAKIBA2号店パソコン総合館の石上司さん。売り場には最新のゲーミングPCがずらりと並ぶ。「購入者の中心は20～30代ですが、最近は小中学生も増えています」 これらのパソコンで主に楽しまれているのはオンライン対戦ゲーム。国内だけでなく世界中の人たちが楽
例え話をしないC言語のポインタの説明 | 右や左の旦那様
まえおき 巷では「プログラマーになりたい人に初学者にとって、ポインタという考え方がわけわかめ」という話がよくあります。 そこでいろいろな人が「ポインタは住所だ」とか「変数がハコで」とか手を変え品を変え分かりやすいように説明してくれています。 それでもなお「ポインタがわかりづらい」という人が後を絶ちません。 もういっそのこと、例え話をやめてド直球で攻めたらいいんじゃないでしょうか。 Hello, Worldより簡単に サンプルコード 以下のコードを考えます。 void main() { int a; int b; int c; a = 1; b = 2; c = a + b; } 「#include <stdio.h>」なんていう謎のオマジナイはこの際ナシです。あんなもの無くたってC言語は成り立ちます。 まぁ見ての通り、どこにも何も出力されませんが。 このプログラムは、「c = a + b」
InVison(インビジョン)の使い方まとめ！デザインレビューが恐ろしいほど捗ります！ | 株式会社WEB企画
WEB企画では、デザインレビューの際に「InVision」というWebサービスを使っています。半年ほど前から試験的に使い始めた「inVision」ですが、使ってみるとかなり使い勝手がよくデザインチェックが短い時間で的確にできるようになりました。 今では手放せないツールの一つとなった「inVision」。今回はこのinVisionの便利な点と具体的な使い方についてご紹介したいと思います。 inVisionとは まずは簡単にinVisionについてにご説明。InVisionはアプリやホームページのプロトタイピングを複数人で効率的に作成することができるWebサービスです。 EvernoteやAirbnbといった有名企業もアプリ開発の際にこのinVisionを採用しているんだそうです。なんだかすごそうですね。 inVisionにデザインやワイヤーフレームをアップすることで、デザインに対してのコメン
プロトタイピングツール「InVision」はここまで進化した | Web Design Trends
InVisionとは InVisionは、ウェブページやアプリのプロトタイプを作成し、チームでの確認やフィードバックを行うことができるプロトタイピングツールです。 どんなサービスでも使いやすさやユーザビリティは作成してみないとわかりません。プロトタイピングツールを使わずにプロダクトを作ることもできますが、そうすると足りないものが出てきたり、使いにくい箇所が見つかったりしてしまうことがしばしばあります。 プロトタイピングを作成して確認を行ってから実際のプロダクトを作ることによって、本格的な開発を始める前に修正が必要な箇所は直すことができるので、効率よく開発を行うことが可能になります。 また、大規模なチームで制作する場合などは、全員が共通の認識を持って作業を行うことが必要になってくるため、チーム内で共有できるプロトタイプがあることで作業がすすめやすくなります。 InVisionの紹介動画はVi
開発者のやりとりも捗る！プロトタイピングツール「InVision」って何？
人気のプロトタイピングツール「InVision」がますます進化しています。最近のアップデートで追加された機能「Inspect」も紹介します。 プロトタイピングツールは、実際にWeb制作を行う前にモックを作成し、完成形をイメージしやすくするためには欠かせないツールです。 今回は、プロトタイピングツールとして世界で大きなシェアを誇る「InVision」を紹介します。 InVisionとは InVisionは、Webページやアプリのプロトタイプを作成し、チームでの確認やフィードバックを行うことができるプロトタイピングツールです。 どんなサービスでも使いやすさやユーザビリティは作成してみないとわかりません。プロトタイピングツールを使わずにプロダクトを作ることもできますが、そうすると足りないものが出てきたり、使いにくい箇所が見つかったりしてしまうことがしばしばあります。 プロトタイピングを作成して確
プロトタイプの作成に役立つ！デザインツールInVisionの使い方【初心者向け】
プロトタイプの作成に役立つ！デザインツールInVisionの使い方【初心者向け】 InVisionというプロトタイプの作成に便利なツールの使い方について解説しています。誰でも使えるように初心者向けに書いているので、大枠の流れを理解することができるはずです。ぜひデザインする際に使ってみてください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 プロトタイプの作成でよく使われているInVisionというツールの使い方を解説している記事になりま
新しくなったBootstrap 4の基本テンプレート、ナビゲーション、コンポーネントのまとめ
2018年1月18日、Bootstrap 4の安定版がようやくリリースされました。 Bootstrap 4ではFlexboxが採用され、それに伴いFloatは取り除かれ、CSSのソースはLessからSassに変更され、CSSの主要な単位はpxからremに変わり、デフォルトのフォントサイズは大きくなり、サポートブラウザからIE8,9は外れました。 ※pxはメディアクエリとグリッドのみ。 新しくなった、そして改訂された、Bootstrap 4の基本テンプレート、ナビゲーション、コンポーネントを紹介します。 Bootstrap Bootstrap 4の基本テンプレート Bootstrap 4のナビゲーションバーのテンプレート Bootstrap 4のコンポーネントのテンプレート Bootstrap 4の実験的なテンプレート Bootstrap 4の基本テンプレート まずは、Bootstrap 4
フォントを擬人化して、そのデザインがもつ雰囲気を再発見してみた（リクエスト編） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
絵を描く人間が知りたいのはこんなところでしょう。もっと詳しいことを知りたい人は公式サイトを見てね。 raytrektabはこちら！ 本体サイズは B6サイズのコミックよりちょっと大きいくらいです。厚みはおよそ1cm。イメージ湧きました？ 特徴 raytrektabの一番の特徴は、やっぱり専属のペンが使えることですね。使ってみて思ったことを詳しく書いてみました。 替芯がある Wacomと共同開発されたペンは、馴染みのあるペンのお尻の方に消しゴム用ボタンが付いたタイプ。Wacom製なので、買ったときについている標準芯以外に、紙に書いてるようなしゃかしゃか感が出るフェルト芯、そして素材がゴムなので摩擦係数が高くて粘りのある書き味のエストラマー芯、2種類の替え芯が1本ずつ付いてるのがありがたい（エストラマー芯派）。 ちなみにApple Pencilはペン先の素材を変えることができないので、画面側に
意外と知られてない？Googleドライブ上のファイル共有のコツ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Web事業部マネージャーのさささん（さっさん）です。 インターネット関連技術の進化によって、ビジネスパーソンの業務にも変化が出ています。最近ではインターネット関連以外の業種においてもSlackやChatworkといったコミュニケーションツールの導入、ファイル共有にはGoogleドライブやOffice365に含まれているOneDriveのようなオンラインストレージサービスの導入が進んでいます。 また「働き方改革」によるテレワークが注目されていることもあり、オフィスとは離れた場所（自宅やサテライトオフィスなど）で業務を行うことも増えてきました。そのような環境を背景に、前述のようなサービスのニーズが高まってきています。 今回は、Google ドライブのTipsをご紹介いたします。 Googleドライブにおけるファイル共有方法 読者の皆さんはGoogleドライブを利用したことがあります
アナログ感のあるPOPでカワイイアイコンセット「Web & Mobile Icons Bundle」
TOP > Design , WebDesign > アナログ感のあるPOPでカワイイアイコンセット「Web & Mobile Icons Bundle」 Webサイトにとってアイコンは、ユーザーが求めている情報にスムーズにたどり着くために必要なアイテムです。機能や情報をグラフィックに置き換えて分かりやすく示すことが重要となります。今回はそんな時に役立つアイテム、アナログ感のあるPOPでカワイイアイコンセット「Web & Mobile Icons Bundle」の紹介です。 POPでカラフルなアイコンが40種類セットになった便利なアイテムです。 詳しくは以下 ユーザーにとってアイコンは直感的な操作がしやすくなったり、知りたい情報を探すための手ががりとなる重要な役割を担っています。機能性だけでなくデザイン面においても、シンプルでスッキリと見せる効果があります。アイコンのデザインはサイ
Webサイト・スマホアプリ制作に使用する、2017年に人気が高かったデザインツールの調査結果
2017年、デザイナーに人気だったデザインツール、プレインストーミング・アイデアのツール、ワイヤーフレームやインターフェイスデザインのツール、プロトタイピングのツール、ファイル管理とバージョン管理ツール、そして2018年に注目しておきたいデザインツールを紹介します。 Design Tools Survey by Taylor Uxtools.coの元記事は英語で読むことができます。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2017年に最も人気だったデザインツール アンケートの対象者 1. ブレインストーミングとアイデアツール 2. ワイヤーフレームツール 3. インターフェイスデザインツール 4. プロトタイピングツール 5. ハンドオフツール 6. デザインシステムツール 7. ファイル管理とバージョン管理ツール 8.
パンくずリストはどうマークアップする？気になったので調べてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのライダーです。 週に2回行うフリータイムで、「セマンティックなマークアップ」がテーマになることがままあります。そこで飛び交う議論を通じて、改めて自分のHTMLを見直してみようと思いました。 そこで都合よく案件で飛び出してきたのが、「パンくずリスト」。Webサイトならではというべきパーツですよね。 パンくずリストとは？ 「パンくずリスト」という名前は、童話『ヘンゼルとグレーテル』で、主人公が森で迷子にならないように通り道にパンくずを置いていった、というエピソードに由来する。 パンくずリスト – Wikipedia 命名センスに感服。Wikipediaしか見ていないので信ぴょう性はわかりませんが、僕は信じます。 そう。パンくずリストとは、由来にもある通り、サイト内でユーザが迷子にならないように、しばしばページ上部に設置されるメニューのことです。 ↑LIGブ
クララは立てませんでした。 - Everything you've ever Dreamed
クララは立たなかった。目が覚めたとき股間にテントは立っていなかった。もしかしたら昨日のタッタッタは幻？そんなはずはない。立つんだ。立つんだじょー、と揺さぶっても意気地なしのクララは情けないペーターのようにこうべを垂れるばかり。タッタッタした前夜の行動「魔法のレシピ」を正確にトレースすれば再びタッタッタという目論見は外れたわけだ。今、僕は絶望している。タッタッタしなかったことによる絶望、それよりも深い絶望に傷ついている。前夜の行動を完璧に再現することは思いのほか難しかった。たとえば入浴の際クララに熱湯と冷水を交互にかける強化ルーティンの正確な回数。熱さに耐えかね「ＡCHI CHI Ａ CHI 感じてるのか！」と絶叫しながら行っているのでそれが20回なのか21回なのか、不徳の致すところで、わからない。色気も出てしまった。タッタッタより強力なバケラッタを求めて亜鉛サプリを前夜より多く摂取してしま
ゼロから始めるiOSアプリ開発「作ったアプリをiPhoneにインストールしてみよう」
予備知識ゼロからiOSアプリを開発できるようにしよう！というのがこの「ゼロから始めるiOSアプリ開発」です。今回はリストを表示するのにぴったりなTableViewを使いつつ、実際にiPhone上でアプリを起動してみます。かつてはiPhone上でアプリを動かすには年間1万1800円を支払ってApple Developer Programの会員になる必要がありましたが、2015年からは無料で行えるようになっています。 「コードを書かずにアプリを作ってみる」という第1回の記事は以下より。 ゼロから始めるiOSアプリ開発「ボタンで画面を切り替えるアプリ」 - GIGAZINE 前回までと同様に新規プロジェクトを作成していきます。プロジェクトには「tableView」と名付けました。 「Main.storyboard」を開き、右下から「Table View」をドラッグ＆ドロップで画面に配置し、「Co
【悲報】ワイ、世界の闇に触れてしまう : 哲学ニュースnwk
2018年01月31日18:00 【悲報】ワイ、世界の闇に触れてしまう Tweet 1: 風吹けば名無し 2018/01/30(火) 20:59:50.74 ID:WIQBXTOz0 まずはこのサイトをみてほしい。 https://labs.strava.com/heatmap/#4.58/137.89446/39.04876/hot/all 3: 風吹けば名無し 2018/01/30(火) 21:00:26.26 ID:WIQBXTOz0 これは要するに世界中の人の位置情報のデータや 世界中の人々がどんな場所を通っているのかを示していてるんや 4: 風吹けば名無し 2018/01/30(火) 21:00:46.39 ID:WIQBXTOz0 現在このサイトが軍の哨戒ルートも表示してしまうって事で問題になってる 参考になるか分からんけど海外の記事や https://www.theguard
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ideahacker.net/2013/12/03/6983/
THE PAGE（ザ・ページ） | 気になるニュースをわかりやすく
Webデザイン・紙デザイン用のナチュラルなカラーの組み合わせを見つけることができるオンラインツール -Pigment
ホラー映画っぽく不定期に画像をズラしてアニメーションさせる「CSS Glitch Effect」:phpspot開発日誌
ジャニーズの写真、ついにネット解禁。錦戸亮が笑顔で記者会見