jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり方 – bl6.jp
jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり方です。レスポンシブWebデザインにも活用できるので覚えておくと役立つかと思います。例えば、画面幅が500px以下の場合にだけ適用したいといったことがjQueryを使えばとても簡単にできるので便利ですね。 width()を使う ウィンドウサイズを取得するにはwidth()を活用していきます。以下は500px以下の場合、文字が赤に変わる例です。 <script> $(function() { var w = $(window).width(); var x = 500; if (w <= x) { $('#sample').css({ color: 'red' }); } }); </script> HTML <p id="sample">サンプル</p> ただし、これだと画面を読み込んだ時点でのサイズで判定されるので、読
ブラウザのウィンドウサイズを取得する際のjQueryとJavaScriptとCSSメディアクエリの違い｜BLACKFLAG
レスポンシブサイトではウィンドウの幅（画面解像度）によって、レイアウトの調整や動作処理の制御を行います。 ウィンドウサイズ（画面幅／高さ）の取得方法に関しては、スクリプト制御ではjQueryの「.width()」メソッドのほか、JavaScriptの「.innerWidth」メソッドや「.matchMedia」メソッドを使用する方法などがあり、CSSメディアクエリでは「@media only screen and (max-width:○○px)」などといった手法でウィンドウサイズを取得することが可能になります。 それぞれの取得する方法によってすこし厄介なのは、ページ内にスクロールバーがある時とない時で取得する値が変わってくるというもの。 さまざまな場面でウィンドウサイズを取得する機会が増えてきているので、上記のそれぞれ取得方法について比較してみました。 まずは各スクリプト処理とCSSメデ
コーディングのアンチパターンを自分なりにまとめてみた - ブログなんだよもん
コードレビューをしてると「なんじゃこりゃぁ！？」というコードにまれに出くわします。 既存のコードとの兼ね合いでなってる場合は、致し方無くても、新規コードまで真似するのは良くないですよね。 そろそろ新人エンジニアの中には「はじめてのこーでぃんぐ」をする人も現れるのではないでしょうか。 そんな時、参考にするのは当然、既存のコードでしょう。でも、果たして既存のコードは真似するべき綺麗なコードでしょうか？ というわけで、私がレビュー時に良く注意する点をアンチパターンとしてまとめてみました。 ちなみに私はWeb屋さんなので、業界違うと微妙に違うところもありそうですけど、本質的なところは変わらないと思ってます。 パターンの名前は一般的なのをWikipediaから引っ張ってきたり、自分で思いついたのを適当に書いたりしています。 太っちょメソッド 名前のとおり大きすぎるメソッドを作るアンチパターンです。
分岐アンチパターン - Qiita
「秩序のない分岐なんてほろんじまえ！！！！」 レガシーなシステムを触った時に、こう思ったことはあるのではないでしょうか。 私にもよくそう思うときがあります。 そんな絶望を生み出さないように分岐に関するアンチパターンと対策を考えてみました。 まず、なぜ生み出されるのかを書き出してみましょう。 秩序のない分岐 たくさんの分岐 →迷子になる ネストが多い →インデントが見づらい。 分岐ごとに条件が複雑 →覚えるのがつらい。 気づいたらスパゲッティコード →処理を追っている間にお腹が空き、スパゲッティを食べちゃうので太る。 テストがしづらい。テストケースが作りづらい。 →テストをするためのテストが必要とか言い出してしまう。 ifだけに畏怖 →書きたかった。 分岐処理に出会った時、これだけの問題があることに気づきました。 私はもう絶望したくないし、私のように絶望する人を作りたくない。（そして太りたく
アンチパターンってなに？
アンチパターンとは JUAS（日本情報システム・ユーザー会）の発表では、大規模システム（500人月規模以上）の開発では、過半数が工期が遅れ、半数ほどが予定予算を超過しているそうです。それくらい、ソフトウエア開発は、失敗が日常化し、その結果として、開発に携わる技術者は大変な苦労を重ねています。 アンチパターンは、こうした、ソフトウエア開発が失敗に陥る際に多く見られる、間違ったソリューション（解決策）をパターンとして整理し、さらには失敗を避けるにはどうしたらいいのかを示してくれます。 もともとアンチパターンは、AT&Tの技術者であるアンドリュー・コーエンが1995年に提唱した概念です。この概念に基づいて、1998年に「アンチパターン」という書籍が刊行され、数多くのアンチパターンが広く用いられるようになりました。 デザインパターンとの比較 デザインパターンは、オブジェクト指向によるソフトウエア設
アンチパターン - Wikipedia
ソフトウェア開発におけるアンチパターン (英: anti-pattern) とは、必ず否定的な結果に導く、しかも一般的に良く見られる開発方式を記述する文献形式を言う[1]。その内容は、基本的には、否定的な開発方式の一般的な形、主原因、症状、重症化した時の結果、そしてその対策の記述からなる[2]。 デザインパターンを補完・拡張する関係にあるもので、多くの開発者が繰り返すソフトウェア開発の錯誤を明確に定義することにより、開発や導入を阻害する一般的で再発性の高い障害要因の検知と克服を支援することが目的である[3][4]。 ある問題に対する、不適切な解決策を分類したものをアンチパターンと言う[5][6]。 アンチパターンという呼び方は、アンドリュー・ケーニッヒ（英語版）が1995年に作り出したもので[7]、後に書籍The patterns handbook[8]で再掲された。 ギャング・オブ・フォ
ソフトウェア開発 アンチパターンのまとめ - Qiita
ソフトウェア開発アンチパターン（Software Development Antipattern）をまとめた． 基本的に下記の本を邦訳した内容になっている． https://www.amazon.com/AntiPatterns-Refactoring-Software-Architectures-Projects/dp/0471197130 ソフトウェア開発アンチパターンって何？ システムの拡張性と保守性の向上のために，良いソフトアーキテクチャが必要 ソフト開発は混沌とするため，実装されたものは計画とかけ離れてしまう． リファクタリングが効果的となる． ソフト開発のアンチパターンが有用となる． それぞれのアンチパターンで，リファクタリング方法を解説している ソフトウェア開発アンチパターン目次 アンチパターンとは，「やってはいけない例」を類型化したもののこと． パターンごとに「どんな問題が
【ソフト開発 アンチパターン】The Blob - 緑茶思考ブログ
Blobの意味 （どろっとした）かたまり，粒，滴，（インクの）染み （ぼんやりした）影 （試合での）0点 どんな問題？ Blob 以下の状態のときに発見される 1つのクラスが処理を占有 他のクラスはデータをカプセル化 このとき責任が1クラスに集約されるのが問題となる オブジェクト指向言語で実装されたときでも，手続き指向になってしまう 基本的な要因 割当の失敗 iterativeな開発 proof-of-conceptのためのコードがプロトタイプとなり，製品版に搭載されるとき 症状と結果 属性や操作が1つのクラスに集約されている 60以上属性や操作があったらBlob確定 無関係の属性や操作が集まっているとき 1つの制御クラスがあるとき 再利用やテストできない メモリにロードするには高価すぎる オブジェクト指向設計がないとき レガシー設計がそのまま移植されているとき どんなときに起きる？ オブ
DB スキーマ設計のガイドライン - Qiita
この記事は、2011年頃に書かれた Yii framework サイトの wiki 記事 Guidelines for good schema design の翻訳です。 もともとは Yii 1.1 のために書かれたものですが、Yii 2, Yii 3 にもそのまま適用可能ですし、もっと広く、アクティブ・レコードのような ORM 一般に通用する内容であろうと思われます。つまり、以下の文章中の "Yii" という名前は、あなたが使っている任意のフレームワークの名前に置き換えてもよい筈です。 はじめに 事実上すべての Yii アプリケーションはデータベースの上に構築されます。Yii はデータベースの取り扱いにおいて非常に柔軟ではありますが、以下に述べる設計上の選択をすれば、そうでない場合に比べて、ものごとがより一層都合良く進みます。 最初に、ごく大まかに言うと、Yii アプリケーションではアク
Part4 初めてのデータベース設計
一部の組み込み系システムを除けば，業務系システムはすべて何らかのデータベースを使っており，データベースを中核にしてシステムができあがっています。データベースを押さえることは，システムの中核を押さえることにほかなりません。したがって，データベースをどのような手順で，何に基づいて設計するのかを知っておくことは，システム構築に携わるすべての人にとって不可欠です。 Part4は，データベース設計の上流工程である概念設計と論理設計にフォーカスして説明します。こうした作業はデータ・モデリングと呼ばれます。業務要件定義を解きほぐして，システムの中核となるデータベースの論理構造を決定することが目的です。 データ・モデリングの重要性については，私たちが取り扱うビジネス・システム（業務システム）が，台帳中心のシステムであるということを考えれば明らかです。江戸時代などの時代劇を見ていると問屋の番頭が蔵の中で帳簿
データベース論理設計のアンチパターン - 夜は寝る
おはこんばんちは。 がんばってブログを書きたいので、ちょうどいま読んでいるSQLアンチパターンという本を、噛み砕いて離乳食くらいの柔らかさにして晒してみます。すでに読んだ人はいますぐそっ閉じ、まだ読んでない人は、こちらも同様にそっ閉じしてお風呂に入ってすぐ寝ましょう。 SQLアンチパターン 作者: Bill Karwin,和田卓人,和田省二,児島修出版社/メーカー: オライリージャパン発売日: 2013/01/26メディア: 大型本購入: 9人 クリック: 698回この商品を含むブログ (45件) を見る かなり圧倒的に当たり前のことしか書いてないんですけど、そういう本こそが良書だっておじいちゃんの息子の息子が言ってた気がします。 アンチパターンが全部で25個、ｶｯﾁｮｲｲタイトルとともに紹介されています。「目的」「アンチパターン」「解決策」をそれぞれ示します。本書だと、「アンとパターンを
貯金で最も大事なことは「お金をコントロールしている」という感覚を培うこと | ライフハッカー・ジャパン
どうせたったの5ドルです。それが画期的で歴史に残る決断である必要はありません。それはただ、コントロールの感覚を与えてくれる、気軽で小さな選択であればいいのです。自分のファイナンスを自分でコントロールしていると感じられれば、長期的な視野に立った、より良い決断ができるようになります。 選択を意義あるものに結びつけるコントロールの感覚は前進する動機づけを与えてくれます。Charles Duhigg氏は、新著『Smarter Faster Better』で、選択とコントロールが、「動機づけを司る脳領域を活性化する」と述べています。また、重要なのは選択と意義深いものを結びつけることだと同氏は話します。「今しようとしている選択と、何か大きなものをリンクさせれば、仕事を成し遂げるのがずっと容易になる」と。「目の前の仕事を"意義深い"決断に仕立て上げれば、自己動機づけが生まれる」 5ドルを節約する事例に戻
１直、２直、３直２交代、３直３交代などを英語で言うと｜工場の交代勤務制を英語で説明する
HOME > 製造業のためのビジネス英文メール例文とサンプル > １直、２直、３直２交代、３直３交代などを英語で言うと｜工場の交代勤務制を英語で説明する １直、２直、３直といった際に使われる「直」は何らかのシフトを組んでいる勤務体系のことを意味し、工場勤務ではよく使われる用語ではあるものの、会社によっては意味が微妙に異なることがあります。意味する内容によっては組と表現することもあります。 一般には、「直」はグループのことを意味しますが、「シフトそのもの」や「勤務時間帯」を意味する場合も多々あります。８：００から１６：００が１直、１６：００から２４：００が２直、２４：００から翌８：００が３直、といった具合です。直を交替と言い換えて、２交替、３交替ということもあります。 一方、交代や交替という表現を直と併用して使う場合、例えば３直２交替、あるいは３直２交代といえば、１日２４時間を二つの時間帯に
シフト勤務 - Wikipedia
シフト勤務（シフトきんむ、Shift work）、勤務シフトとは、勤務時間がある特定の1種類に固定されず、日ごと或いは一定の期間ごとに、複数の勤務時間を移動する形態の勤務のこと。単にシフトということもある。 人間には睡眠や休憩が不可欠であり、1人が一定期間に働ける時間には限界がある。例えば日本の労働基準法では、1週間について40時間を超えて労働させてはならず、原則として休憩時間を除き1日について8時間を超えて労働させてはならないとされている。一方で、警察、警備、病院、コンビニやインフラなどでは常時店舗・会社・施設等に人員を配置する必要があり、あるいはスーパーのレジなど繁忙時間に多くの人員を配置する必要がある。毎週決まった曜日にセールをするような店であればその曜日だけ人員を増やす必要がある。各人の労働日あるいは労働時間をずらすことでこの問題を解決する方法が取られることが多く、これを「シフト勤
交代勤務のシフトパターンをまとめて紹介！工場で働くなら要チェック
そんな悩みに工場で夜勤シフトを20年経験した管理人「けいすけ」がお答えします。 夜勤がある工場に勤める正社員は『昼勤』と『夜務』を交代で受け持ちます。これをシフト勤務（交代勤務）と呼びます。 シフト勤務には二交代や三交代など…色んなパターンがありますが、それぞれがどう違うのかなんて経験者じゃないとわかりませんよね。そこで経験者の私が… 交代勤務シフトのパターンを詳しく解説します！ 休みがあれへんがな・・・ この記事では、工場で採用されている代表的な6つの交代勤務シフトを取り上げて、次の3項目について解説します。 ・シフトの例 ・勤務時間の例 ・メリットとデメリット
ブログに技術書の内容を丸写しする問題点と、オリジナルなコンテンツを書くためのアイデア - give IT a try
はじめに 「プロを目指す人のためのRuby入門」を出版して以来、本で学んだ内容をブログに載せてくれている方をよく見かけます。 それ自体は著者として大変嬉しいのですが、たまに「ん？これはちょっと・・・」と思うようなブログ記事を見かけるときがあります。 具体的にいうと、本の内容を丸写ししているだけのブログ記事です。 このエントリでは本の丸写しがなぜいけないのか、かわりにどういうブログを書けばいいのか、ということについて書いていきます。 本の内容を丸写ししているブログの例 本の内容を丸写しをしているブログというのは文字通り「丸写し」しているブログです。 具体的なイメージを共有するために「こんな感じ」という例を載せておきます（特定の誰かのブログを意図しているわけではありません）。 タイトル「第2章 2.2.3 文の区切り」 「プロを目指す人のためのRuby入門」を読んでいるので、勉強した内容をメモ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]ブラウザのサイズに合わせてスタイルシートを変更する方法
ブラウザの幅に合わせて表示を自動変更するレスポンシブ技12選｜All About（オールアバウト）
データベース設計徹底指南
データベースオブジェクトの命名規約 - Qiita
SqlDbType 列挙型 (System.Data)
https://www.oracle.com/technetwork/jp/ondemand/db-basic/0517-1100-dbbeginners-apex-404635-ja.pdf
ビジネス著作権検定の取得なら「みんなの著検」