ヤンキー的な気合主義が蔓延している
大阪・桜宮高校の体罰問題がそうです。先生がたたかれ始めた途端、保護者が「桜宮応援団」のような支持団体を作り、先生の体罰のおかげでこんなにうちの子はよくなったとか、自分も体罰で強くなったとか言い始めた。まさにヤンキー的な気合主義です。体罰は気合を入れるためにあるわけですから。 体罰する側にこれほど支持が厚いのは異様な事態だが、日本社会にいるかぎりそれほど異様に見えない。われわれはそういう空気にどっぷりつかっているのです。 それから立て続けに起きたのがAKB48メンバーの丸坊主問題。過剰に自分を痛めつけるパフォーマンスによって罪を償う自傷的謝罪です。切腹の時代から土下座文化を経て丸坊主、これは日本に連綿と受け継がれてきた後進的カルチャーといっていい。ところがある調査では、彼女の丸坊主を肯定する人が50％を占めた。海外にも報道され、アウシュビッツだと批判されているにもかかわらず、日本では丸坊主が
http://inputxoutput.com/html-doctype/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
故事百選
◆隗より始めよ ◆合従連衡 ◆後世畏るべし ◆漁夫の利 ◆三顧の礼 ◆兵は詭道なり ◆国士無双 ◆籌を惟幄の中に運らす ◆伯楽の一顧 ◆敵を知り己を知れば百戦殆からず ◆呉下の阿蒙 ◆巧詐は拙誠にしかず ◆大器晩成 ◆風林火山 ◆朽木は雕るべからず ◆常山の蛇勢 ◆適材適所 ◆先んずれば制す ◆追い手に帆を揚げる ◆越俎の罪 ◆暴虎馮河 ◆草木皆兵 ◆士は己を知る者の為に死す ◆汗馬の労 ◆王佐の才 ◆短兵急 ◆泣いて馬謖を切る ◆善く游ぐ者は溺る ◆疾風に頸草を知る ◆入るを量りて出ずるを為す ◆天地に正気あり ◆善く戦う者は怒らず ◆明主は一顰一笑を愛しむ ◆敗軍の将、兵を語らず ◆法三章 ◆天網恢々、疎にして失わず 株式会社アイ・イーシー 東京都千代田区飯田橋4-4-15 本サイトのコンテンツの無断転載を禁止します
僕が惚れ込んだPC88ゲームたち
すみません。今日はちょっと長いです。 ミズタマのチチさんから、ゲームバトンがやってきました。 お答えするのですが……その前に、僕のゲームのバックグラウンドを、簡単に説明しておきます。 僕のゲーム経験は、他の人とはだいぶ異なっています。つまり…… 僕は小中学生の頃にゲームを集中的にやっていて……それ以来ほとんどやってなくて…… で、持っていたゲーム機が……ファミコンとかじゃなくて…… PC8801mkII SR だったんです。 知ってますかPC8801mkII SR？ ゲーム機じゃなくてパソコンですよ。こんな感じ↓ 知ってますか？ この時代のパソコンは、ハードディスクがないんですよ。全部フロッピー。 知ってますか？ ここらでガッツリ言わせていただきますが、今の日本の、オリジナルなゲームカルチャーは、全てこの時代のパソコンのゲームからはじまったんですよ！ それがファミコンに飛び火し、プレステに
20 Examples of Successful Responsive Web Designs
Responsive web design in our days is a reality that can’t be underappreciated. It is a web design approach that is aimed at building websites to deliver an optimal viewing practice which would cover easy navigation and convenient reading with minimum of scrolling and resizing panning for a wide range of devices – from PC monitors to mobile phones. Additionally, Responsive Web Design, or RWD, if do
CSSメディアクエリの正しい使い方（動画）
メディアクエリを正しく使うとWebページがどのデバイスでも正しく表示されます。OSや画面の大きさに関わらずデザインがレスポンシブになり、CSSがメンテナンスしやすくなります。このビデオでサンプルページを利用してメディアクエリの正しい使い方（つまりブレークポイントの利用）をご紹介します。
PingMag - 東京発 「デザイン＆ものづくり」 マガジン » Archive » mixiをより良くするためには
ED治療薬（勃起薬）は様々な違いがあります。持続時間、作用時間、効果の強さ、食事の影響などの比較をご紹介しています。 サイトマップ ED治療薬（勃起薬）の比較・違い ED治療薬（勃起薬）は、現在のところ４種類販売されています。それぞれの特徴の違いを比較します。EDに効果があるメカニズムはどれも同じですが、持続時間、即効性、食事やお酒の影響などで違いがあります。お薬は個人差もありますが、ご自分に合っているものを探すことも大切です。また、状況にわけて様々なED治療薬を使い分けている方もいらっしゃるようです。正しいお薬を選択する事で、より効果を得る事ができるでしょう。 ED治療薬の通販はコチラ 勃起力で選ぶならこのED治療薬！ バイアグラ ED治療薬で最も有名なのはバイアグラではないでしょうか？ バイアグラは勃起力が強くなる薬で、ED治療だけでなくナイトライフを楽しみたい方にもオススメなED治療
HTML5 × CSS3 × jQueryを真面目に勉強 – #16 レスポンシブWebデザインでテーブルを最適化するベストプラクティス | DevelopersIO
dislay 属性についてもっと知りたいという方は、こちらのサイトを参照ください。 display - CSS | MDN 要するに何が言いたいかというと、テーブルもまたスタイルシートの display 属性によってその形状を実現しているに過ぎず、この値を色々と操作すればスマートフォンのようなスクリーンサイズの狭い環境にも最適化された表示が出来るのではないかということです。 実際に作ってみた - 下準備 今回は4パターンの表示を紹介します。まずは下準備として簡単なテーブルレイアウトと元となるスタイルを組んでいくとします。 はじめに HTML で適当なテーブルを作ります。 <table class="table table-striped table-responsive"> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Ag
【動画あり】フィリップスがガラス板のようなテレビを発売！ : 暇人＼(^o^)／速報
【動画あり】フィリップスがガラス板のようなテレビを発売！ Tweet 1： 黒トラ(新疆ウイグル自治区)：2013/03/19(火) 00:25:12.76 ID:8j5X6loCT● フィリップスがガラス板のようなテレビを発売！ 2013年03月18日 オランダ家電メーカー、フィリップスが、まるで１枚のガラス板のようなスタイリッシュなTVを2013年6月に発売！ 「DesignLine」という名前で、電源を落とすと暗転して暗い窓のように変化します。 また、モニターが浮いているかのような印象を与えるために、色の変わるライトが３辺に備わっており、テレビの背後の柄と同期して馴染ませることができます。 デザインラインのTV画面サイズは117センチメートル（46インチ）と140センチメートル（55インチ）で 価格はそれぞれ£2000（29万円）と£2800（40万円）。 フィリップスDesignL
「Obama For America」の開発チームが作り上げた大規模な選挙キャンペーンシステムの舞台裏（後編）
日本でも選挙活動にインターネットを利用するという議論が始まっていますが、世界でもっとも大規模にインターネットを利用して選挙活動が行われたのが、昨年の米大統領選挙です。 その選挙戦を勝ち抜いたオバマ大統領のチーム「Obama for America」が、どのような選挙キャンペーンシステムを構築したのか。3月15日に都内で行われたAmazonクラウドのイベント「JAWS DAYS 2013」で、語られました。 （本記事は「「Obama For America」の開発チームが作り上げた大規模な選挙キャンペーンシステムの舞台裏（前編）」の続きです） アプリケーション開発を優先した開発環境に Amazon Web Services、Solution Architect ManagerのMiles Ward氏。 チームはボランティアのデベロッパーで構成されています。私たちがもしも会社であり、社内でRu
「Obama For America」の開発チームが作り上げた大規模な選挙キャンペーンシステムの舞台裏（前編）
日本でも選挙活動にインターネットを利用するという議論が始まっていますが、世界でもっとも大規模にインターネットを利用して選挙活動が行われたのが、昨年の米大統領選挙です。 その選挙戦を勝ち抜いたオバマ大統領のチーム「Obama for America」が、どのような選挙キャンペーンシステムを構築したのか。3月15日に都内で行われたAmazonクラウドのイベント「JAWS DAYS 2013」で、語られました。 そこでは、過去の選挙データやソーシャルメディアなどを元に有権者の動向を徹底的に分析し、テレビCMの打ち方からボランティアの働き方まであらゆるものを最適化する大規模なシステムをいかに構築したのか。そして、大規模システムでクラウドを活用するとはどういうことか、ということを学ぶ絶好のサンプルになっています。 国内でこのシステムの舞台裏がこれほど詳しく紹介されることは初めてのはずです。講演の内容
5分間キャリア・コンサルティング
第44回 四方山話（26） 論理思考のススメ3（2013/03/18） 第43回 四方山話（25） 論理思考のススメ2（2013/03/11） 第42回 四方山話（24） 論理思考のススメ1（2013/03/04） 第41回 四方山話（23） 水平思考のススメ5（2013/02/25） 第40回 四方山話（22） 水平思考のススメ4（2013/02/18） 第39回 四方山話（21） 水平思考のススメ3（2013/02/11） 第38回 四方山話（20） 水平思考のススメ2（2013/02/04） 第37回 四方山話（19） 水平思考のススメ（2013/01/28） 第36回 四方山話（18） 学生のキャリア教育に思うこと（2013/01/21） 第35回 四方山話（17） やる気を考える（2013/01/15） 第34回 四方山話（16） 新年の目標とキャリア（2013/01/07） 第
A/Bテストとユーザビリティテストの使い分け
A/Bテストは、用意した複数のデザインのどちらの成果指標がよりよいか、という結果を定量的に比較検討するための手法です。いくつかのデザインの選択肢があった場合に実際にユーザーに利用してもらうことで、どのデザインが最も数値目標達成率が高いかを把握するのには有効ですが、なぜその結果になったのか、という理由を把握することはできません。デザイナーの発想の域を越えることはできず、変更すべきデザイン要素が別のものだったとしても気づくことができません（例：真の問題は、色ではなく配置だった）。 一方、ユーザビリティテストは、ユーザーの利用状況を観察することで、目的達成を妨げる問題など、定性的な洞察を得るための定性的な手法です。まだ開発途中である場合や、リリースしたあとに、ターゲットとしたユーザーがどのように思考し行動するかを把握するのに有効ですが、定量的な指標による評価にはあまり向きません（それをしようとす
Download the 30 Free Clean Fonts
Fonts are one of the most important elements for any design. It is one of the things that differentiate a bad design from a good design, or a good design for a brilliant design is the font used. A font has the ability to make or break the deal. Fonts have to suit the design properly, and enhance its look and feel. A font that is not suitable for the design would totally ruin its entire look and re
【WordPress】ブログのシングルページとその他ページの「h1」タグを見直してみました！ | きになるnet
ブログを更新いくにつれて、ブログのシングルページとその他（インデックスページや、カテゴリページなど）のページの「h1」タグを見直した方がいいのではないかと思っていたので、唐突なのですが自分なりに今回見直してみることにしました。 ※SEOに関して、全くの素人ですが素人なりに考えてみました。 見直す点 WordPressのテーマは自作をしているため、今まで「h1」タグはどのページもブログタイトル（ロゴ）を指定していました。 <h1> <a id="logo" href="<?php bloginfo('url');?>">きになるnet</a> </h1> これだと当たり前なのですが、どのページを開いても「h1」タグはブログタイトル（ロゴ）のまま… 「h1」タグは、1ページに1つと確か本で読んだ記憶があるので、インデックスページや、カテゴリページ等なら記事が多くあるため、「h1」タグはブログタ
「検索エンジン最適化（SEO）クイック チェックシート」が完成しました。あなたのお友達やご家族にもどうぞ！
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
［まつもとゆきひろ氏］Ruby2.0は「90点」、合格点を上げられる
まつもとゆきひろ氏が開発したプログラミング言語「Ruby」は2013年2月24日、開発を始めて20周年のタイミングで、バージョン2.0がリリースされた。Ruby2.0の実現までこぎ着けた、これまでの取り組みと、今後の期待について聞いた。 「90点」ぐらいだと思います。90点なら合格点でしょう。 何でもそうですが、80点まではすぐ行くものです。Rubyも、1996年にリリースしたバージョン1.0で80点を取れていたと思います。しかし、それを90点に上げていくのはかなり大変で、どんどん難しくなっていきます。実際、Rubyは20年掛かりました。 Ruby2.0の主要な新機能に、（ラベルで引数を指定できる）「キーワード引数」、（クラスの拡張を容易にする）「Module#prepend」、「Refinement」という3つがあります。この3つはぜひ提供したいと思っていたのですが、その意思を表明したの
クラス風継承を今どきの書き方でやってみる - Qiita
発端は自分が書いたブログ記事に対して、@hokacchaさんが今風の書き方ってことでReplyしてくれたのがきっかけです。 ベースというか、ほぼそれのコピペですが記事元ではやっていない処理が追加されていたり、実装していないものがあったりしたのでそれを追加・修正したものです。 'use strict'しても動きます。（翻訳記事元はarguments.callee使ってるので、strictモードで動きません） (function (win, doc, exports, undefined) { 'use strict'; var fnTest = /xyz/.test(function(){xyz;}) ? /\b_super\b/ : /.*/; function Class() { /* noop. */ } Class.extend = function (props) { var Su
【WordPressで「特定のカテゴリに含まれている記事」を表示するときに今見ている（表示している）記事を除外したりできる「post__not_in」について】｜今村だけがよくわかるブログ
【WordPressで「特定のカテゴリに含まれている記事」を表示するときに今見ている（表示している）記事を除外したりできる「post__not_in」について】 ブログを運営されている方で、「これは配置しておかないとな！」というコンテンツはいくつかありますよね。例えばそういうコンテンツの中の1つで、「今見ているカテゴリの最新記事を表示」ってのがあると思います。 私のブログだったらこんなやつですこれはFacebookカテゴリの最新記事を5件表示しています。 それで、私の場合は「WP_Query」を使って上の様な表示をさせているんですけど、今見ている記事も含めて表示されてしまうと変ですよね。 「この記事のカテゴリの他の記事を見てほしいんだ！」って感じです。ですので、ここで「post__not_in」パラメータを使います。 前提を決めますと、こうです今見ている記事のカテゴリに含まれている他の記事
色調補正の全体像 - Photoshop 10年使えるメモ帳
今回は色調補正の全体像を解説します。この流れを押さえておけば色調補正においてどのような作業を行えばよいかが理解できます。 ここでは上左図を上右図のように色調補正をここなう手順を解説します。 色調補正は修正すればするほど、どのように仕上げてよいか分からなくなることがあります。これは色調補正では目に見えない修正するべき部分が他の色の問題に隠れて見えなくなることがあるためです。 しかし、色調補正ではある一定の手順に従い修正することで、手早くより良い結果を残すことが可能です。 そのためには、色調補正にはどのような種類の補正があるかを理解し、その全体像をつかむことが必要になります。 色調補正の修正手順をまとめると以下のようになります。 １、画像を観察 ↓２、どんな仕上がりにするかを決める ↓３、［明るさやコントラスト］［色合い］の修正方針を決める ↓４、［明るさやコントラスト］を修正
EPUB3にSVGを挿入するときの問題 - 文書遊戯
XMLmind DITA Converter v2.4 を使うと、DITAからEPUB3が簡単に作れることが分かったので、いろいろ試していました。 EPUB3では図にSVGが使えます。SVGが使えると、EPUB3でマニュアルを作るときのいろいろな問題が解決できるので、とても期待しています。 EPUB3へのSVG挿入でハマったというか、分かったことが２つ。 手元にはiPad miniしかないので、iBooks(v3.1)以外では未検証です。 図のサイズの指定 図を画面いっぱいに表示させるには、以下のようにCSSを書くとよい。 .image.max-width { max-width : 100%; height : auto; } ビットマップとベクターを組み合わせたSVGを挿入するときはをインラインで書く これは解せない挙動なので、私がまだよく分かっていないことがあるのかもしれません。ご存
フォローしてる！？WordPress大好きさんに おすすめするTwitterアカウントを紹介！
フォローしてる！？WordPress大好きさんに おすすめするTwitterアカウントを紹介！ 2013.03.18 | WordPress | サイト推薦！ | 初心者向け Twitter | WordPress 今日は、くしゃみ10回以上したぜ！ 花粉に黄砂にPM2.5。やられまくっているブラウンです。 今回はWordPressが大好きな皆さんのためにフォローしておくべきTwitterアカウントを紹介します！ フォローのし忘れ無いですか？最新情報を取りこぼさないようにガンガンフォローしちゃいましょう！ WordPressの情報はこちらをフォロー！ ■ WordPress @WordPress 最新バージョンについてなど、WordPress.orgに関連する内容が公開されていますよ。 (参照元: https://twitter.com/WordPress) ■ WordPress.com
3 Awesome CSS3 Typography Techniques to Learn - Blogger's Path
It’s all around now; CSS3 has made an impact among the web designers. They are trying this technique to create many attractive design projects. The most amazing part to use CSS3 is – it gives your flexibility to use with any web design technology. You will feel the same lookout of Flash using CSS3 styling in your web projects. Playing with typography is very old fashion for the designers, using gr
Macの小技16個。あまり知られてないと思う操作方や隠し設定など。 | Macとかの雑記帳
Macの操作方や隠し設定など16個です。最近知ったものや以前どこかで見たけど忘れてたもの等、メモを兼ねてまとめて記事にしてみました。 Macの小技16個 目次 アプリケーションスイッチャでアプリのウィンドウ一覧を表示 アプリケーションスイッチャから最小化したウィンドウの復元と新規書類の作成 装飾されたメールをプレーンテキストで表示 メールに添付されてるファイルをアイコン表示にする メールの内容を素早く他のアプリにコピー ページアップやページダウン時にカーソルも移動 改行やタブを検索対象に含む Macに入っているフォント一覧のサンプルを作成 Dockアイコン上でスクロールしてアプリケーションウィンドウを表示 Dockの表示位置をドラッグして移動 Spotlightでカテゴリ単位の移動 Spotlightでファイルパスなどを表示 ウィンドウの大きさを簡単に変更できるようにする 複数ファイルの
Add Icon Fonts to Text Links
2013年3月25日 CSS CSS3を使ったアイコンフォントで、テキストリンクをもう少し華やかに！画像を使うと案外手間がかかるテキスト横のアイコンを、Webフォントを使って簡単に表示させましょう。今回はリンク先や拡張子で異なるアイコンを表示する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ アイコンフォントとは？ アルファベット1文字に1つのアイコンが設定されているフォントの総称です。サーバー上にあるフォントファイルを読み込んでフォントを表示する「Webフォント」の応用として使われ始めました。今までのような画像を使ったアイコンとは違い、フォントはベクターファイルなので、サイズを大きくしてもギザギザに見えることはありません。つまりiPhoneやiPadといった高解像度のディスプレイでも、劣化することなくきれいに表示されます。 ただし！何らかの原因でフォントファイルがダウンロー
【WordPressのデータベース（DB）を操作したいので初めの一歩から勉強して理解しています】｜今村だけがよくわかるブログ
ところでですが、MySQL,PostgreSQL,oracleなどのDBMSは、これまで一通り触ってきました。ですので、初歩的な予備知識はあると思っています。が、私個人的にWordPressに関しては、「WordPressを構成してるデータベース（DB）の理解」をしないと、うまく扱えない。前に進めないな、と感じています。 当たり前かもしれないですけども・・・ WordPressのDBに関する理解私の現状の理解は、 WordPressはDBMSとしてMySQLを採用していて、インストール時に決めたDBに、WordPressを構成するテーブルを作成するcodexのサンプルコードを参考に、ちょっとだけDBの値を引っ張ってくる程度ってくらいです。 あ、あとWordPressインストール時に作られるテーブル名も、前回調べました。（昔PostgreSQLで構築する方法もあるのはどこかで見たけど、そこは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「グーグル版のEvernote」スタートか
Rock Hammer, a curated, responsive project library
CSS 20 stunning examples of CSS 3D transforms
スマートフォン向けのフォームを作成する際に参考になる書籍 | book | position: absolute;
脚注について | DevelopersIO
Responsive Wireframes