CSS3 と LESS でページ右上に表示するリボンを作ってみました. jsdo.it を使って Step by Step で作りながら解説しています. よかったら参考にしてください. Table of contents サンプル Step 00 – ベースとなる HTML を書こう Step 01 – CSS(LESS) の下準備 Step 02 – #tm .ribbon ミックスインを作ろう Step 03 – #tm .ribbon の中身を作っていこう サンプル 今回は下記のようなサンプルの作り方を解説していきます. up Step 00 – ベースとなる HTML を書こう リボンとして使う要素を div タグで作り, その中に 表示する内容を書きます. 今回はヘッダーとその説明の２行を h1, p タグで追加しました. <div class="ribbon"> <h1> <a

最新の研究によると、人間の潜在能力を引き出すカギは「強い自尊心」ではなく、「自分の失敗を受け入れる姿勢」だということがわかってきたそうです。今回は、米・コロンビア大学で「モチベーション」をテーマに研究する心理学者Heidi Grant Halvorson博士に、私たちにとって自分の失敗を受け入れる姿勢がなぜ重要なのかを教えてもらいましょう。 ■自尊心は高ければ高いほどいいわけではない Amazonで自己啓発のコーナーを見てみると、「自尊心（Self-esteem）」というリストの中に約5000冊もの本が紹介されているのに気づきます。それらの本のほとんどが「あなたの自尊心は低く、なんとかして高く保つようにするべき」と語りかけます。このような本がよく売れる理由は（特に欧米文化では）、「自尊心を持つことが成功の第一歩」と考えられているためです。このような本には「自分の能力が信じられなかったら、成

By antitezo したらば掲示板経由でリモートコントロールしてまったく関係の無い人のパソコンから犯行予告を行い、数々の冤罪事件を引き起こし、警察や検察が謝罪をすることになった遠隔操作事件の真犯人であり、あの「iesys.exe」の作者から落合洋司弁護士のところへ犯人しか知り得ない秘密が書かれたメールが届き、連日あちこちで報道されていますが、そのメール全文が公開されました。件名は「【遠隔操作事件】私が真犯人です」となっていたそうです。 2012-10-21 - 弁護士 落合洋司　（東京弁護士会）　の 「日々是好日」 http://d.hatena.ne.jp/yjochi/20121021 以下が本文となっており、個人名・URL・メールアドレスなどは差し替え済みです。 ■はじめに 現在報道されている大阪・三重の遠隔操作ウィルス事件について、私が犯人です。 このメールには犯人しか知り得な

こんにちは。fossilcatです。 2012年10月末をもって現職を退職し、転職することになりました。 現在社会人3年目なので、2年半と少し、SIerの下請け企業で働いてきましたが、 このたび別業界で社内SEとして働くことになりました。 転職理由は多々ありますが、ここ約1年プロジェクトリーダーとして働いて、もっと自分の力を活かせる仕事をしたいという気持ちが芽生えたことと、SIer業界の限界を感じたことの２点が、転職の主な理由です。 何だか今の仕事微妙だし、転職したいけどモヤモヤしている。 本気で転職したい！　けれど、仕事が忙しすぎて転職する暇もない。 そのような方がもしいたら、少しだけ私の転職活動について書いてみますので、参考にしてみてください。 あくまで私個人の考えであり、SIer業界を一部disることもあるかとは思いますが、周りの方にはお世話になったので、特定の方を非難するようなこと

編集部からお知らせ ITmedia エグゼクティブでの人気連載「田中淳子のあっぱれ上司！」が誠 Biz.IDにて再開します。悩める上司と部下の付き合い方を、企業の人材育成に携わって27年（！）の田中淳子さんが優しくにこやかに指南するこの連載、部下とのコミュニケーションに悩んでいる上司はもちろん、そうでない上司も必見です！ 「ああ、経理って本流じゃないんだよなあ。営業みたいに花形でもないし」「新人だから電話とれって言われる。こういう雑用はつまらないなあ」――。 与えられた仕事から何を学ぶか、何を感じ取るか。人によって仕事から得られるものはずいぶん異なると思うが、どういう職場のどういう仕事であっても、意味を見いだせるほうが学べることは多くなり、成長にもつながる。自分で意味や意義を見いだせればそれに越したことはないが、もし部下や後輩が意味を理解せずに仕事に取り組んでいるのに気づいたなら、上司や先

ぼちぼち就活をしている。はやく落ち着きたい。。。 先日、履歴書を見てもらおうとキャリア相談を受けた。履歴書にはだいたい趣味・特技欄があって、趣味や特技は何を書いたらいいのか迷うものだが、相談を受け、どんなことを書けばいいのかとてもクリアになった。 見せた趣味・特技 趣味：音楽・美術鑑賞、ゲーム、銭湯巡り、水泳、インターネット（ブログ執筆、はてなブックマークをよく見ます） 特技：旅行の計画を立てること、歌うこと とあるカウンセラーさんの反応 「銭湯巡り」や「旅行の計画を立てること」などはもっと話を聞いてみたいと思わせるトピックだったり、ゲームや水泳で人間性の幅広さを出せてとてもよい、と言われた。 別のカウンセラーさんの反応 趣味・特技欄は仕事でストレスがあっても趣味でうまく発散できるか、私の趣味欄は主に一人でやってることが多かったので、協調性があるか、などをポイントに見られそうとのこと。協調

毎日たくさんのメールを読み書きすることに追われている、という方も多いことでしょう。Borland、Netscape、Apple、Palantirといった企業でキャリアを積んだエンジニアで、ブロガーでもあるMichael Lopp氏もまたそうしたひとりのようです。今回は、彼が経験から学び得てきた「メールを書く際の作法と心構え」をご紹介します。 空き時間が少ない時ほど多くのメールが届きます。メールを読むための時間と、届くメールの量は反比例しているかのようです。ですが、お互いにいくつかの小さなルールに従うだけで、私たちは日々積もっていくこの情報の山を処理しやすくなると思うのです。 まず前提として「メールには2種類ある」ということに触れておきます。ある話題を始めるために書く「新規メール」と、それに続いて交わされていくメールです。この記事では、基本的に「メール」と書いた場合には「新規メール」を指しま

朝が苦手な人にとっては、起きてすぐにバリバリ活動できるような、爽快なスタートを切るのは難しいものです。生産性アップのアイデアサイト「99U」に、楽してスムーズに一日を始められるハックがいくつか載っていました。 その記事にあるハックは良いアイデアばかりなのですが、中でも一番のオススメは、仕事に必要なものをきちんとそろえておくというもの。 できることなら、仕事に必要な道具はすべて完ぺきにそろえて、手の届く範囲に、見た目も美しくレイアウトしておきましょう。こうしておくと、機能的なだけでなく、ある特定の仕事でだけ使う道具が必要になっても、わざわざ取りに行く必要がなくなります。 必要な道具をすべて並べておくことができなかったり、移動しながら仕事をしなければならなかったりする場合は、大事な道具や材料、ガジェット、書類などをまとめて入れたバッグを持ち運びましょう。すべてを一つのバッグに入れたら、何かを使

テーマは何だろう？　グローバル時代の真実、雇用喪失時代の悲劇……。いずれもちょっと違う。まぁ、いい。まずは皆さんも、読み進んでみてください。 「道にまだ詳しくなくって…。すみませんが、行き方を教えていただいてもいいですかね？」 先日、仕事の帰り道で乗り込んだタクシーの運転手さんは、目的地を告げるなり、そう話し出した。 数年前から道を知らない運転手さんが、明らかに増えた。だから「またか……」としか思わなかったし、「はい。〇〇方面に向かってくだされば、近くなったら詳しく言いますね」と、いつものように私も答えたのである。 ところがその運転手さんは私がありきたりの答えをするや否や、突然、ご自身の身の上話を始めた。年齢は、恐らく40歳過ぎ。話しぶりからは、50歳にはなっていないと思われる。で、その内容が、何とも考えさせられるものだったのである。 中国語が話せて最初は重宝されていたが… 「いやぁ～、ホ

あなたは、どれだけブログ記事を書いても、中々アクセスが増えないという悩みを抱えていないだろうか？ もちろん、アクセス数だけがブログの成功の指標というわけではないが、それでも、多くの人に読まれると単純に嬉しいし、ブログに取り組む姿勢も変わってくるだろう。 しかし、多くの方が、いつも自信のあるコンテンツを書いているのに、なかなかシェアが伸びなかったり、反響がないと悩んでいる。 もしかしたら、その原因は、実は非常に小さなところにあるかもしれない。 そこで、本日は、ブログ記事を多くの人に読んでもらうために絶対必要な５要素と、それらの５要素を実践するための方法をご紹介する。ぜひ、一度試してみよう。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続けている

“顧客への感謝の気持ちを忘れたネット通販企業の経営者”が、“配送会社への感謝を忘れた顧客（しかも女子高生）”を、ツイッター上でいきなり罵倒した事件が話題になってます。 ちきりんもTwitterはすばらしいネットサービスだと思うのだけど、「怖いよね」と思うこともたびたびあります。今日は自戒も兼ねて、「これは忘れないようにしときたい」と思うことをまとめておきます。 １．すべてのツイートは、誰に読まれても不思議ではありません 下記のように思っていたら、それは間違いです。 ・＠を付けていない。メンションを飛ばしていないので、本人には読まれないだろう ・日本語で書いているので、外人は読まないだろう ・自分のフォロアーは20人しかいないので、たくさんの人に読まれることはないだろう ・ＤＭや鍵付きでのツイートが、意図しない人に読まれることは決してありえない 企業（の関係者）が、自社名、自社サービス名＆商

人間にはラッキーな人と、そうでない人がいる。「お前ってラッキーだよな」「あいつはついている」「あなたって運を持っているよね」「俺は持っている」。誰もが聞いたことのあるフレーズである。そういう私も、良く妻には、「あなたって何だか知らないけど運が良いよね」と言われる。「運も実力のうちさ」と答える一方で、確かに世の中に運の良さそうな人とそうではない人が存在するのは、なぜだろうと考えていた。■キャリアは偶然の積み重ねで決まる

あなたが、有給休暇を取得しようとしているとしよう。不思議なことに、日本の会社の中には、休暇の理由を書いたり告げたりしないと休暇が取得できないというところもあるようだ。「私用のため」とだけ書いて休暇願を出したら、もっとくわしく書かないと駄目だと言われて突き返されたという酷い話も聞いたことがある。 当然のことなのだが、会社が従業員に休暇の理由を尋ねるのはナンセンスだ。有給で何をしようと、そんなの取得する人の勝手であり、会社にとやかく言われる筋合いはない。休みの日の行動まで会社に知らせなければ休みが取れないというのは、会社による領空侵犯だと僕は感じる。 こういうことをいうと、「上司としては、部下がなぜ休んでいるのかも把握しておく必要がある」とかなんとか、よくわからないことを言う人がいる。部下が休んでいる理由を知らないことで、何か仕事上の不利益が発生することが果たしてあるんだろうか。トラブル時の緊

+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

最近、ノマドという言葉が流行っている。ダイヤモンド・オンラインではノマドをテーマにしたインタビュー連載が掲載され、佐々木俊尚氏、イケダハヤト氏などが登場している。だが、そこにも登場した人材コンサルタントの常見陽平氏はやや否定的な論調を持つことで知られる。同氏にノマドについて聞いた。 ＊　＊　＊ 今年4月、私が渋谷のカフェに入ったところ、隣で仕事をしていた若い男がパソコンの前で大声で話していたので静かにするよう注意したら口論になった。男の反論がふるっていて、「私はイギリスとスカイプ（インターネット電話）でやり取りしている」と言ったのだ。 「スカイプ」で「イギリス」なら他人に迷惑を掛けてもいいのか。店長に相談すると、信じられないことに私が席を移るよう求められた。カフェではいつから仕事をしている人間が最優先になったのか。最近、カフェにノートパソコンを持ち込んで仕事をする人をよく見かけるようになっ

ネット依存について思うこと | blog.yuco.netについて。 インターネットが承認欲求を充足させるものであることは前に書いたこともあるが、私はそれ以上に「ネット／現実」という二分法を未だに続けていることを問題としたい。ちなみに、この件についてもかなり昔に書いたことがある。 上記記事の問題点：リアルとネットの切断をめぐって ロハスな生活をするのがそんなにエラいのか？ともかく、くだんの記事においては、インターネットを現実から遊離した存在であるという前提が貫かれている。その前提こそが、我々がまさに問題としたいところである。例えばこの記述。 クローズアップ現代で放送された韓国の子供のエピソード（親子関係に問題があり、ネットで親に対する不満を吐き出していた）を見て、やはりリアルに問題があって、逃げ場としてネット依存になるのだなぁと思った。単純にネットをn時間以下にするというより、リアルの問題

日本マクドナルド 原田泳幸社長●1948年、長崎県生まれ。東海大学工学部卒業後、日本NCRなどを経て、90年アップルコンピュータ・ジャパン入社。97年同社の日本法人社長に就任。2004年日本マクドナルドHDに副会長兼社長兼CEOとして入社。05年から同社の会長兼社長兼CEOに。 時間管理は手帳の使い方よりも、無駄な予定を入れないことにつきますね。とくに、当社は午後6時以降の残業は禁止。社長も例外ではないので、余計なことをやっている暇はありません。たとえば、何の準備もできていないのにとりあえず集まることが目的となっている定例ミーティングや、すでに決まっていることを確認するような会議。こういう予定は絶対に入れないようにしています。 ただし、秘書には、ミーティングの申し入れがあったらそれがどんな内容でも、またスケジュールの空き状況にかかわらず、「検討して1日以内に返事をします」と伝えるよう指示を

こんにちは、小林です。 私はストリートファイター4ではバルログというキャラを使っているわけですが 今回はwordpressのプラグイン、WP-PageNaviについて書きます。 WP-PageNavi とは？ WordPressでページネーションの実装を強力にサポートしてくれる素晴らしいプラグインで、下記のURLからダウンロードできます。 WP-PageNavi その影響たるや、大正義。 これがあると無いとでは、バルログが爪を装備しているかいないかくらいの違い（パンチ系攻撃のリーチが短くなり、ダメージが減り、判定も弱化）があります。 基本的な使い方については、他所様のブログなどで語り尽くされておりますので 今回は少しイレギュラーなお話をしたいと思います。 例えばこんなケース ・WP-PageNaviが出力するHTMLとデザインされたHTMLの構成が異なっていた場合 ・レスポンシブデザインに

はっきりいっときますが、今日のブログは激震です。 大企業、有名企業の名前まで出てきます。ほんとですから。 実は先日、ある会社のコンサルを依頼されて打ち合わせに行ってきました。とりあえず集客の立て直しから始めるのですが、１年半にわたりSEO業者に月5万円払い続けているのに全く効果が無いので契約打ち切りたいとのこと。いまでこそ外部リンクはほとんど効果無くなりましたが、ちょっと前ならとりあえずは効果あった。全くないのはおかしい。本当に外部リンクつけていたのか、とWebmasterツールから外部リンクをダウンロードし、友人のSEO専門家に精査してもらいました。 結果・・・ 「ひどいです。びっくりしました。これほどモラルのない業者はなかなか見ないです。」 中国の悪質業者からリンクを買って、中国のサイトにリンクをつけさせていたのです。 中国の悪徳制作会社が、勝手にクライアントのサイトに隠しリンクを埋め