初心者からの読図
初心者からの読図 少しづつですが、今まで作成してきたものを更に初心者の方に分かりやすく説明していこうと思います。小さな写真をクリックすると拡大したり、スライド（パワーポイントで作成）が始まります。 （パワーポイントで作成のものは、一気に尾根や沢が出てきた場合、クリックのしすぎが考えられます。尾根や沢を見つけるためにアニメーションをゆっくり動かしています。） 目次 【はじめに】 ・道迷い遭難は山岳遭難の約４割 ・PDCAサイクルで安全登山（国立登山研修所） ・登山装備の紹介（国立登山研修所） ・登山行動の留意点（国立登山研修所） ・読図とナビゲーション（国立登山研修所） 【山の基礎知識】 ・山に関する名称 ・真北と磁北 ・気温の低減率 【登山計画書】 ・登山計画書（コンパス） 【地形図】 ・地形図について ・地図記号 ・地形図の印刷 ・国土地理院の地形図はどのように修正するの？ ・山に持参す
[CSS]レスポンシブデザインでよく使うメディアクエリの書き方、ブレイクポイントの最適な値のまとめ
スマホやタブレット、ラップトップ、デスクトップ、最近はWebページを表示するデバイスは多様化しています。レスポンシブデザインでよく使われているMedia Queries（メディアクエリ）の書き方、ブレイクポイントの最適な値など、制作に役立つリソースやツールを紹介します。 各デバイスのブレイクポイントに合わせたメディアクエリの書き方 複数のブレイクポイントを使ったメディアクエリの書き方 人気のフレームワークのブレイクポイントの設定 レスポンシブの確認が簡単にできる最強ツール 各デバイスのブレイクポイントに合わせたメディアクエリの書き方 スマホ、タブレット、ラップトップ、デスクトップごとのブレイクポイント、そしてiPhone, iPad, Nexusなど各デバイス用のブレイクポイントに合わせたメディアクエリの書き方がまとめられています。 Simple CSS Media Queries デバイ
![[CSS]レスポンシブデザインでよく使うメディアクエリの書き方、ブレイクポイントの最適な値のまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/7c5c596162907ccc099585ca47e2a595ce4e13c0/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201603%2F2016091201.gif)
フリーランスなら絶対入りたい！２年でプラスになる「付加年金」が凄い
フリーランスという生き方を選ぶと、必ずあるリスクを背負うことになります。 そのリスクとは、年金受給額の低さ。フリーランスはサラリーマンのように厚生年金に加入できないため、将来の年金受給額が少なくなってしまいます。「独立したのはいいけど、引退後の生活が不安…」と感じているフリーランスの方は多いのではないでしょうか。 そんな方に利用をおすすめしたい制度があります。 その制度こそ、本記事でご紹介する「付加年金」です。 付加年金とは、毎月納付する国民年金に一定額を上乗せすることで、将来の年金受給額を増やせる制度。 上手に活用すれば、引退後の生活が少し豊かになります。「フリーランスになりたてで出費を増やす余裕なんてないよ!」という方も、ご安心ください。付加年金の納付額はとても安価。それでいてリターンが大きいことが、この制度最大の魅力です。 より詳しい付加年金の情報が知りたくなってきましたか?本文で、
[CSS] border-radiusとbox-shadowを組み合わせると、それぞれ単体でのスタイルより５倍重たい！？ - YoheiM .NET
[CSS] border-radiusとbox-shadowを組み合わせると、それぞれ単体でのスタイルより５倍重たい！？ こんにちは、@yoheiMuneです。 @ahomuさんのブログで、CSSの重みの計測をされているのを拝見しました。 自分でもしてみたいなぁと思いやった手順と、その内容や結果をブログに書きたいと思います。環境構築部分でつまったので、その辺りは詳し目に書きたいと思います。 CSSの重みを計測する 以降のChrome限定のお話になりますが、ChromeではSkia（Wikipedia:Skia）というGoogle製の2Dグラフィックライブラリを利用して画面の表示を行っているようです。 そのSkiaにはSkia Debuggerというデバッグツールがあり、そのデバッグツールを使うと画面のレンダリングの順序や所要時間などの情報を取得することが出来ます。 今回はSkia Debu
![[CSS] border-radiusとbox-shadowを組み合わせると、それぞれ単体でのスタイルより５倍重たい！？ - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/8aa082c4555cf140875ad76203d61b4e598a2a47/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F264.jpg)
【勉強になる】借金の踏み倒しを狙う相手から、300万全額回収した話
まずきっかけから。 先日、引っ越しの準備してたら昔の日記に挟んだ借用書を見つけた。 大学のとき付き合ってた元彼に貸した160万の借用書×2枚。 元彼がお金必要な理由も、学費が実家の都合でどうしても工面できなくなったって言うのを信じてたから貸した。 今思うと怪しいけど。
Why Node.JS is absolutely terrible
Note: I’ve made some edits about half way through the post Node.JS is a terrible platform. It’s terribleness stems from a very simple aspect of it, and this aspect happens to be central to how it works: callback-based I/O I think everyone knows this by now. This way of writing code is terrible. A few days ago I realized something. After working with Go for a few weeks, I’ve come to like it. Yes, i
注目のサーバサイドJavaScript実行環境「Node.js」 | IIJの技術 | インターネットイニシアティブ（IIJ）
今、ソフトウェア開発者の中で注目されている「Node.js」。本記事の前半は、Node.jsが誕生した背景とこれまでの歩みといった概要について紹介します。後半では、Node.jsのアーキテクチャの概要や今後の課題や展望など技術的な内容について説明します。なお、Node.jsの正式名称はNodeです。他と区別したい時にNode.jsと呼ぶことになっていますが、ここでは初めてNode.jsを知る方にもわかりやすいよう記載名をNode.jsで統一します。 Node.jsが生まれるまで 1995年に誕生したJavaScriptは、ブラウザ上で動作するスクリプト言語として開発されました。当初はJavaScriptの実行速度も遅く、セキュリティの問題も数多く発生したため、ブラウザのJavaScriptの機能をオフにすることが一般的に推奨されていた時期もありました。その後、個人向けサービスを中心に多様な
HTML5仕様をめぐるW3CとWHATWGについて、Ian Hickson氏がメーリングリストに書いたこと
HTML5の仕様策定が、今後W3CとWHATWGに分裂するのではないか、といった言説が流れています。発端となったのは、W3CのWHATWGグループにIan Hickson氏が投稿したメールです。 [whatwg] Administrivia: Update on the relationship between the WHATWG HTML living standard and the W3C HTML5 specification from Ian Hickson on 2012-07-19 ([email protected] from July 2012) [whatwg] Administrivia: Update on the relationship between the WHATWG HTML living standard and the W3C HTML5 spec
「サーバーサイドの知識の無さに全俺が泣いた」レベルの入社当時の人に読ませたら少しはアドバイスになったであろうPythonとDjangoの前提知識メモ - 憧れ駆動開発
あの頃は青かった。教えるどころか無知をさらけ出すというのはこの事だった。死ぬほど恥ずかしいので消したかったけれど、この記事が一番アクセスがあって長い間いくらか読まれていたらしい。ためらった。ただ、かつての自分といくらかの人に参考になればうれしいけれど、そろそろ役目を終えたと信じたい。もし書きなおすのなら、もう少し違う言い方か伝え方にすると思う。 内容としては 当時の自分のスペック Pythonの言語で、当時の自分が知った方法(3項演算子とか) mercurial の基礎(init, commit, push, update, log) WAF(Django)の知識 URL(ディスパッチャ)をトリガーにして Viewで処理をかく ModelにDBの内容がある ORMでリレーションを簡単に記述できる テンプレートでViewで処理した内容を表示させる チラ裏に移動させた。
クライアントがお金を払ってくれない場合にとるべき10の行動
By Neubie 例えばデザイナーのようにフリーランスとして働き、時間と労力をかけて仕事を完成させたのに、なかなかお金を払ってくれないクライアントというのは存在します。このような最悪の事態が生じた時に自分の努力が水の泡になって泣き寝入りしてしまわないように、デザイナーがとるべき10つの行動をまとめたのが「What to Do When a Client Does Not Pay」です。 What to Do When a Client Does Not Pay http://naldzgraphics.net/tips/what-to-do-when-a-client-does-not-pay/ ◆01．いかなるときもプロフェッショナルであれ By Victor1558 「自分は常にプロフェッショナルである必要がある」ということを心にとどめておきましょう。例えクライアントが支払いをしてい
メキシコ麻薬戦争 列伝
３１Ｏｃｔ．２０１０ メキシコ麻薬戦争 列伝 日本ではあまり報道されていませんが、メキシコの麻薬戦争はすさまじいものです。毎日人が殺されています。一人、二人の死者では記事にもなりません。殺された人が重要人物でないかぎり、最低でも二桁の死者が出ないとメディアには登場しません。 メキシコ麻薬戦争の犠牲者は2010年3月末現在で22,743人とされています。行方不明者や発見されていない死体のことを考えると、これよりはるかに多くの人が犠牲となっていると思われます。死者数の推移を年毎に見ると、０６年６２人、０７年2,477人、０８年6,290人、０９年7,724人とうなぎのぼりに増加しており、今年２０１０年も最初の３ヶ月間だけで3,365人と１万人を超える勢いです。毎日３０人が麻薬がらみの犯罪で殺されている計算です。 武器がすごい。ナイフやピストルといった古典的な凶器ではありません。最低でもAK４７
独立を考えているWebデザイナーのための、フリーランスになって気がついたこと、学んだこと - DESIGNMAP
独学でWebデザイナーを目指している方で、将来はフリーランスになって独立を考えているかたもいらっしゃる方もいらっしゃるとおもいます。以下、実際にフリーランスを考えている方、躊躇している方へのメモです。 会社や組織のありがたみ 独立してスタートして売上がそれほどない状態だと、最初は営業や経理の役割を一人でこなします。見込み客の開拓、打ち合わせ、提案書、見積書、請求書、会計ソフトへの入力（仕訳→総勘定元帳への転記）作業などです。取り急ぎ紹介だけでも食える人でも、長くやるには顧客の開拓が必要になります。見込み客の開拓はまず自分の存在をしってもらうことです。具体的には、役に立つブログを書く、プラグインの配布、無料Webサービスなどの施策をおこないます。 デザイナーの人はこのあたりの分野が苦手な人が多いです。会社員の一員でデザイナーをやっているとこのあたりの面倒なことは、ディレクター、営業、経理の人
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
CSS3 Radial Gradient を自分の望み通りのサイズや開始位置で配置するための方法いくつか (2)
CSS3 Radial Gradient を自分の望み通りのサイズや開始位置で配置するための方法いくつか (2) 公開日: 2011年4月16日 タグ: css, css3, memo, tips という訳で、前回は #wrapper が幅固定だったので、ウィンドウ幅を変えてもセンターからの距離が不変であるため単純にオフセット分移動すれば任意の位置に配置出来たのですが、今回は可変幅で同じ事が出来ないか？という話。 前回同様に基準となるサンプルを置いておきますが、前回との違いは #wrapper が width: 80% であるという部分。なのでウィンドウ幅を変更すれば中央からのピクセルオフセットも右端からのピクセルオフセットも変化しますし、また、 パーセント値で指定する場合、ボックスの左上端からの位置と画像の左上端からの位置を合わせます。たとえば、”0% 0%” の指定ではボックスの左上に
科学雑誌ニュートン - 【放射線】どんな種類がある？ 人体への影響は？
指定されたURLのページは存在しません。 サイト更新などによってURLが変更になったか、URLが正しく入力されていない可能性があります。 ブラウザの再読込を行ってもこのページが表示される場合は、サイトマップでお求めのページをお探しください。 > トップページへ > サイトマップへ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お盆期間中に一気読みしたい、Web制作者におすすめのスライド
http://bem.github.com/bem-method/html/all.en.html
fukata.org
パスワード認証
