dellab72のブックマーク / 2019年2月26日

GitHub - ohtorii/ya_hidemaru_snippet: 秀丸エディタのスニペット

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

dellab72 2019/02/26

リンク

【完全保存版】TOEIC初受験で800点超えを達成できたので勉強法をまとめてみた

先月TOEICを初めて受験してきました。結果は思ったよりもかなりよく835点を取ることができました。 (その後この勉強法を継続した結果、二ヶ月後に再び受験したところ880点まで伸びました[Listening465, Writing 415]) なんとなく目標として800点を目安に考えていましたが今回初受験でそれを超えることができ春休みに１つ賢くなれた気がします。そこで今回は自分がした勉強法を偉そうにまとめてみます。800ごときで何まとめなんかしてるんだと思われる方もいらっしゃると思いますが、これから受験される方の参考になれば幸いです。まず僕の受験時のステータスをあげておきます。普通の理系大学生大学の英語のクラス分け　下から二番目留学経験なし所得資格　英検３級英語の勉強は好き受験の時は得意科目だったこんな感じです。高校時代から英語の勉強は好きで、調子がいいときは全国模試で

dellab72 2019/02/26

リンク

【爆速】HTML5 + CSS3で簡単にWebデザインしよう！ - Qiita

/* YUI 3.18.1 (build f7e7bcb) Copyright 2014 Yahoo! Inc. All rights reserved. Licensed under the BSD License. http://yuilibrary.com/license/ */ html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,

dellab72 2019/02/26

html
css

リンク

CSSガイドライン（サンプル） - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

dellab72 2019/02/26

css

リンク

新人コーダーに伝えたい、きれいなCSSを書くための4つの習慣

この春、CSSコーディングの仕事を始めた新人さんへ、「きれいなCSS」を書くためのガイドラインをお届け。きれいなCSSを書くためにはいくつかルールがあります。ルールに従うとレイアウトの崩れを最大限防げるだけでなく、軽量で再利用可能なCSSを書けるメリットもあります。ここで紹介するルールは次のとおりです。グローバルセレクターや要素セレクターを避ける詳細度が高すぎるセレクターは使わないセマンティックなクラス名を使うマークアップ構造とCSSを密結合しすぎないルールを1つずつ説明していきます。グローバルセレクターを避けるグローバルセレクターには全称セレクター（*）、p、button、h1といった要素セレクター、[type=checkbox]といった属性セレクターが含まれます。これらのセレクターに適用されるスタイル宣言は、サイト全体にわたって該当する要素すべてに適用されます。以下に例

dellab72 2019/02/26

css

リンク

コピペできるCSS汎用class @ WWWPArtisan

ウェブページ（HTMLファイル）の制作時に、要素のid名やclass名を考え、それと並行してスタイルを作っていくというのは効率的ではない場合があります。HTMLファイルを生成することが主な役割である Movable Type や WordPress などの CMS を利用している場合は特にそうです。そこで、何度も利用しそうなスタイルを汎用classとして定義しておくと便利です。ただし、注意点もあります。通常はid名・class名を決めてから、そのid名・class名に対してスタイルを適用しますが、汎用classはその逆でスタイルありきです。スタイルがあり、class名があって、要素にそのclass名を適用するという流れになります。そのため、汎用classに指定したプロパティは基本的に変更してはいけません。また、定期的にリニューアルする可能性がある場合、リニューアルするごとにHTMLフ

dellab72 2019/02/26

css

リンク

CSSのクラス名を決めるときに使うリストをつくりました

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? CSSは設計手法も大事ですが、どういう単語で名前をつけていくかも大事だと思っています。個人個人でばらつきが出るところでもありますし、「単語名英語」で検索をして探した単語を使ったけど若干意味合いが違ったといったこともあると思います。クラス名を決めるためのリストを見かけることもありますが、英単語の読みは書かれていても意味合いが書かれていることは少ないように思います。自分の確認用と、チームで製作するさいの基準になるようなものを作りたいと思い、単語とその意味を短くまとめてGitHubにあげています。 CSS クラス名リスト | GitH

dellab72 2019/02/26

css

リンク

Win32側からWindows Subsystem for LinuxのVolFsへのアクセスが可能に (1/2)

Windows側から、WSLのファイルにアクセスする仕組みが追加 4月に配布予定の次期Windows 10機能アップデートである「19H1」（Windows 10 Ver.1903）には、Windows Subsystem for Linux（WSL）に新機能が搭載される予定だ。現在配布中のプレビュー版ビルド18342にその機能が搭載されている。簡単に言えば、Win32側からWSLのファイルシステム（VolFs）をアクセスする機能だ。ただし、LinuxとWindowsではファイルのアクセス管理方法がちがうため、ネットワーク共有の仕組みを使う。形式としては、Windows Explorerのネットワークの下に仮想的なwsl$というホストが見え、その下にVolFsが見えるようになる。この新機能には名前がないため、ここでは仮にホスト名をすべて大文字にした「WSL$」と呼ぶことにする。まずは

dellab72 2019/02/26

windows

リンク

ソースコードを分析し、コードの構造や階層・依存関係を可視化する便利な無料ツール -Code Crumbs

フローチャート ※依存関係・フローチャートはJavaScriptのみです。対応言語は、下記の通り。 JavaScript TypeScript Python PHP Java C++ 望む言語が他にあればIssueにどうぞ、とのことです。 Code Crumbsのデモデモでは、JavaScriptのコードでその動作を確認できます。デモページ依存関係はDependenciesをオンに、フローチャートはFlowChartタブをクリックします。 Code Crumbsの使い方セットアップ codecrumbをインストールします（yarn global add codecrumbs）。 codecrumbs -d project-src-dir -e project-src-dir/index.jsを実行し、プロジェクトに合わせてパラメータを変更します。-dはソースコードを含むディレクト

dellab72 2019/02/26

リンク

Google、スピード測定ツールのTest My Siteを大幅改良――前月比較や収益増加シミュレーションなど

[レベル: 中級] スピード測定ツールの Test My Site を Google は大幅に改良しました。 Tesy My Site はモバイルサイトのパフォーマンスをまとめて検証できるツールとして、広告主向けに2017 年 6 月にリリースされました。多くの機能改善と機能追加次のような機能と改良が Test My Site ツールに追加されました。サイト全体および個別ページのスピード検証前月と比較してのスピードの変化（速くなったか遅くなったか）サイトのスピードが平均と比べて速いか遅いか競合サイトとのスピード比較スピード改善が収益に与える影響のシミュレーションスピード改善のための具体的な施策提案完全なレポートの共有機能 Amazon はモバイルサイトは全体では、日本での 4G の環境だと表示に 1.5 秒かかるとの結果です（国と回線環境は設定できる）。 Average