アクティブなナビゲーション項目とmark要素
アクティブなナビゲーション項目、つまり現在のページへのナビゲーション項目はclass属性を使ってactiveなどと付けられることが多い。特に間違ってはいないんだけど、いまいちピンとこない。というかしっくりこない。大体は流されてそうしているけど、このウェブサイトではmark要素を使ってる。 HTML5仕様ではmark要素は以下のようになってる。 The mark element represents a run of text in one document marked or highlighted for reference purposes, due to its relevance in another context. mark要素が含まれる要素のコンテキストとは別のコンテキストでの関係性をハイライト等で表したい時に使うと解釈してる(同じコンテキストならemやstrong、そしてb
Programmer mind
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/164/room ーーーーーーーーーーーーーーーーーーーーーーー
人気ゲーム『Threes』、DL数でパクリゲーに抜かれる。異常事態に本家開発者が苦言を呈す。 - ゲームキャスト
始めるとひたすらハマる化け物パズルゲームとして人気のパズルゲーム『Threes!』のパクリ系ゲーム『2048』が登場し、海外のストアで猛威を振るっている。 その勢いは本家をしのぎ、すでに本家のDL数を越えていることだろう。 なにせ、本家は300円の有料アプリで、『2048』は無料の広告付きゲームだからだ。 この異常事態に、『Threes!』の作者は「産みの苦しみを知って欲しい」と、公式サイトにて7ヶ月に及ぶ開発の記録、メールのやりとりなどを公開している。 『Threes!』は3の倍数の数字タイルが置かれた4×4の盤面をスワイプし、隣り合う数字を合体させるパズルゲームだ。 シンプルだが、とてもわかりやすくて面白い。 シンプルなのでコピーもしやすく、最初のコピーアプリは『Threes!』のリリース後21日で AppStore に登場した。 『2048』はそのなかで最も成功しているアプリである。
残業ゼロのＩＴ会社、理想の就労環境の作り方とは
ｉＯＳ（ｉＰｈｏｎｅ/ｉＰａｄ）アプリ開発を行うフィードテイラーの大石裕一代表（３８）は、理想の就労環境作りを目指して２００６年に起業した。残業が多いとされるＩＴ業界で、残業禁止を掲げ、開発に専念できる職場を実現している。「１０年前は今よりもっと、開発者は過酷な働き方を強いられていた。理想の就労環境を探してＩＴ系企業への転職を繰り返したが見つからず、自分で作ることを決意した。プログラム開発者にとっての理想郷を作りたかった」と話す。 フィードテイラー 大石裕一代表 ■理想的な就労環境とは 「開発者にとって一番幸せと思える環境。それは、なにものにも邪魔されることなく開発に専念でき、能力が発揮できる環境だと考えています」。そのための具体的な制度の一つとして、残業の禁止がある。就労時間は９時から１８時で、２０１２年の平均残業時間実績は１日１人当たり１.５分と徹底されている。 「自身の経験から、プロ
成長する発想と成長しない発想 | knowledge / baigie
「自分らしさ」にこだわって働いた結果 私が社会に出たのは1997年。最初の会社は同期だけで500人もいる大企業でした。経営は安定し、福利厚生も充実。在籍しているだけで社会的信用が担保される会社でした。 学生の頃の私は、人とは少し違った視点で物事を捉えると友人から評価されていました。流行りもの、ありがちなもの、浮ついたもの、軽薄なものには与しない。メジャーではなくマイナーを好む自分でありたい。自分だけは本質が見えていると信じ、鋭い指摘を入れ、否定する。それが「自分らしさ」でした。 社会人になっても、「自分らしさ」は絶対に失いたくない、社会に染まりたくない、平凡なサラリーマンになりたくない、と強く思って働いていました。 さほど重要でなくとも、プライベートを優先するのは当たり前でした。職場の飲み会を欠席するのも日常茶飯事です。残業代が出ないのだから、飲み会に出る必要はない。仕事終わりの一杯が楽し
[JS]アイデアが素晴らしい！ページにちょっとしたアクセントを加えるスクリプトのまとめ
そのまま使ってもよし、アイデアに刺激されインスパイアされてもよし、の工夫をこらした素晴らしいアイデアのスクリプトを紹介します。
【この発想はなかった】身近なアレをこう使っちゃう!? 今すぐ活用したくなる “素敵ライフハック” 16選 | ロケットニュース24
ちょっとしたアイディアと技で生活をより楽しく、効率的に。「ライフハック」とはそんな小粋な技のことだ。 今回は、そんなライフハックの名にふさわしい楽しくて、「お！」と思ってしまう素敵なライフハック16選を紹介したい。見たら、目からウロコがポロポロ!! きっと今すぐ活用したくなっちゃうぞ！ たとえば…… 包丁で切るのが難しい柔らかなケーキやチーズは、歯間のゴミをとる「デンタルフロス」で切ると型崩れなし！ また、スマホを早く充電させたいときは、「機内モード」にすれば良し。それが無理ならせめて「Wi-Fi」を切るだけでもスピードが大分違うそうだ。充電でショップに預けるときなどにやっておくと便利である。 なかでも個人的に「やってみたい!!」と思ったのは、PCのキーボードの隙間に入ったゴミはポストイット（付箋）で取ればよいというもの。付箋の粘着部分をキーボードのボタンに間にスーッと滑らせると……ゴミが
前任者が悪いのかもしれないけれど - ワザノバ | wazanova
https://medium.com/p/506a06ae35ea 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約3時間前 自分は最初に手がける立上げ仕事がほとんどだったので、他人のタスクを引継ぐよりは、次の方にバトンタッチすることが多かったと思います。右も左もわからない状況から始める立上げ仕事は、楽しいけれど、前に進めるだけでそれはそれで大変。なので、引継ぐときは「頑張ったね。」と自分に言ってあげたいというのが本音。とはいえ、引継いだ人が後から見れば、相当アラい仕事ぶりに思えたでしょう。大成功してないプロジェクトについては全て、批判は甘んじて受け入れるべきなのかもしれません。 Shamoon Siddiquiはブログで、安易に前任者の責任にする危険性について語っています。 新しく採用した後任のエンジニアが入
人はハッピーな気持ちで仕事するほうが生産性も上がるという結果が判明
By University Unions Technology and Design 一日の始まりを迎えてヤル気に満ちた人や、逆に朝から憂鬱な人など、その日のスタートの切り方は人それぞれです。何かいいことがあって気分がハッピーな時は、何をやってもうまく行くと感じることもあるものですが、イギリスのチームの研究により、幸せな気持ちで物事に取り組んだ人は、本当に生産性が約12％もアップするということが判明しています。 New study shows we work harder when we are happy http://www2.warwick.ac.uk/newsandevents/pressreleases/new_study_shows/ 「幸福と生産性(Happiness and Productivity)」と題された論文は、ウォーリック大学経済学部のAndrew Oswald教
Vim-EasyMotionでカーソル移動を爆速にして生産性をもっと向上させる - haya14busa
この記事はVim Advent Calendar 2013 : ATNDの 113 日目の記事になります。 また『EasyMotionか!』と思う方も中にはいるかもしれませんが、実は誕生日VACだったりするので許してください。 Happy Vimming to me. カーソル移動がエディット時間の80%を占める Vimでエディットしている時間の中で、カーソル移動の割合は恐らく80%以上を占めてます[当社比][要出典] 何をするにしても基本的にはカーソルを移動させ、それからVimの強力なoperatorやtextobjectを駆使してテキストをエディットしたり、Insertモードに入って文字を入力するでしょう。またtagジャンプや、*,#などでカーソル下の単語を検索して移動するために、そこまでカーソルを移動させるという『カーソル移動のためのカーソル移動』をするケースだってあります。 多くの
【JavaScript】デザインパターンを知ってみる。モジュール・パターン編 | バシャログ。
JavaScriptで書くデザインパターンが気になっているので、手始めに一番よく見ているであろうモジュール・パターンについていろいろ調べてみました。 なぜ使うの？ モジュール・パターンは名前の通り、処理を他の処理とぶつからないように安全に切り離し、モジュールの形として提供する考え方です。YUI などの大規模なフレームワークから小さなライブラリにも取り入れられています。以下のようなメリットがあります。 グローバル変数を極力減らして、機能をモジュールの形で提供できる。 コードの成長に合わせて構造を作れる コードを見通しやすくする 要件に応じて追加、置き換え、削除ができる シンプルな書き方 Sample というオブジェクトを作って、いろいろ便利な機能をつけていきたい、という場合、下記のような書き方ができます。 var Sample = { name: 'sampleくん', age: '30',
奈良市公式サイトのパンくずリストがすごい件について、「ダサい」「狭くなる」以外にダメな理由を教えて欲しい - novtan別館
facebookがどうとかなS賀県T雄市とどっちがひどいんでしょうかなあ。 奈良市公式サイトのパンくずが斜め上を行くヤバさな件 – Webディレクターのお仕事ブログ 基本的にはリンクをバックトラックして自動生成、リンク元が複数あったら全てのルートのパンくずリストを構築、なんでしょうね。 例に上がっている委任状は確かにリンク元が多いせいでスゴイことになっちゃってますけど、パンくずリストを逆引きINDEXと考えたらなかなかオモシロイですよね。検索すればいいじゃんって話かもしれませんが、検索を利用する高度な利用者のことは忘れましょう。 こういうお役所系のサイトって、目的とする施設がどこのカテゴリーに分類されているかってすごくわかりづらいんですよ。最新情報とかも、特定のカテゴリーにたどり着かないと見つからなかったりします。 たとえば、 子育て相談 - 奈良市 のパンくずリストを見るとわかりますが、
WTF, HTML and CSS?
Reasons HTML and CSS might make you say what the fuck. A curated list of commonly frustrating HTML and CSS quandaries, miscues, and dilemmas. Created by @mdo. Contents Declare a doctype Box model math Rem units and Mobile Safari Floats first Floats and clearing Floats and computed height Floated are block level Vertical margins often collapse Styling table rows Firefox and <input> buttons Firefox
700を越えるJavaScriptライブラリを自由に試せるページを作った - 詩と創作・思索のひろば
こちらです ☞ JavaScript Libraries Playground（jQuery 2.1.0 と underscore の例） jQuery や underscore などの JavaScript ライブラリをインタラクティブに試したいとき、最近はブラウザで自分のブログ（ここ）や GitHub など、当該のライブラリがロードされていることを知っているページを開いておもむろに ⎇⌘J（Chrome）！ していたのですがこれは直接的ではないなと思ってそれ専用のページを作った次第です。 冒頭の例にもあるように location.search 部に library[@version],… 形式でライブラリを与えてやればページに <script> 要素が追加されて、あとは開発者コンソールなりでお楽しみください、という仕組みになっています。 cdnjs にはかなり多くのライブラリがホストさ
おかんでもわかるUXデザイン Version 0.1 - ネコメシCEOブログ
3/24、TAM Coworkingをお借りして、「おかんでもわかるUXデザイン」というセミナーを自分で主催して実施しました。これ、ゆくゆくはマジでおかんでもわかるようにしたいんだけども（ようは、専門家じゃない人向けということですが）、まずはそのたたき台という感じで（だからVersion 0.1）、単にUXデザインって何よっていうのを単純化しただけの内容になっていて、完全におかんを突き放しているという、タイトルに偽りアリのものとなっております。 Version 0.1とはいえ、まー、UXデザインやってみたいけどやったこと無い人とか、何したらいいのかわからん人とかにとっては、ひとつの道しるべになるかもしれないので、スライドを公開する次第なのですが、本気で本職でUXデザインしてる人とか、アーキテクト的な人とか、そゆ人たちが見たら憤慨しそうなくらいに単純化しております。ツッコミどころ満載かと思い
複数のパンくずリストを1つのページに設置することはSEOにおいて問題ないか？
[対象: 中級] 複数のパンくずリストを1つのページに設置することは、検索エンジンの視点からは問題がないのでしょうか？ 僕からの質問（！）に、GoogleのMatt Cutts（マット・カッツ）氏が回答してくれました。 パンくずリストがある場合は、現状では1つ目を採用する。適切なカテゴリや階層構造に入れようとする。 でもそうは言っても、1つのアイテムが階層構造のなかで複数の区分に属しているなら、1つのページに複数のパンくずリストをおくのはありだ。そうしたほうがGooglebotがもうちょっとだけ適切にサイトを理解する手助けになる状況も実際にある。 でも1つで間に合うならそれで十分で、ほとんどの人がそうやっているし、それが普通のやり方だ。僕たちも、1つのパンくずリストを勧める。 だが、分類方法やカテゴリ、階層構造がすでに決まっていてサイトがそうなっていて、20個もの別々のカテゴリに入っている
俺たちはヒゲ剃りのことを何も知らない...初めて学ぶ「ヒゲにまつわるエトセトラ」 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
ヒゲソリという行為そのものをリデザインした｢Xfit｣と｢HIGE LIFE｣に、クリエイターが出逢った
ヒゲソリという行為そのものをリデザインした｢Xfit｣と｢HIGE LIFE｣に、クリエイターが出逢った2014.03.24 11:00Sponsored デザインが好きな人、こんなカミソリだったら使いたくなるかも。 貝印の｢Xfit（クロスフィット）｣は今までにないカラーリングと、2週間ごとに替刃を交換し2カ月でホルダーも使い捨てる新しいスタイルのT字カミソリ。しかも、スマホアプリ｢HIGE LIFE｣（App Store・Google Play）と連動していて、ヒゲラジオやヒゲ診断も楽しめます。 そんな｢Xfit｣と｢HIGE LIFE｣を、アパレルブランド｢A BATHING APE｣のグラフィックデザインを経て現在メディアクリエイターとして活躍し、兄弟メディアroomieのキュレーターや情報サイト｢Fresh News Delivery｣の管理人としても知られるハイロックさんに実際
「部下は叩いて伸ばす」という思い込みに潜むリスク
鳥居勝幸（とりい・かつゆき） サイコム・ブレインズ会長 1955年、愛媛県生まれ。西南学院大学商学部卒業後、富士ゼロックスに入社。リクルート勤務を経たのち、86年にブレインズを設立して代表取締役に就任。2010年より現職。 企業の人材育成を研修やコンサルティングによって支援。主にマネージャーのリーダーシップ強化と組織的な営業力強化を自身の専門とする。主な著書に『営業の仕事が面白いほどわかる本』『社長が意図した売上計画を完全達成する6つのツボ』などがある。 サイコム・ブレインズのWebサイト http://www.cicombrains.com/ 経営者が自分の後継者を育てるために、選抜した部下に焦点を定めて、「叩いて伸ばす」という話はよく聞きます。選ばれた部下もその意図を感じ取っているので、多少きつくても腹を据えています。現に「先代に叩かれて育った」と話す社長や役員は少なくありません。その
楽しくプログラミングしよう！ - razokulover publog
Facebook元役員「プログラミングを学ぶのなら、生涯仕事に困らないことを私が保証しよう。」 この記事を読んで、どうしてボクがプログラムを書きはじめたのか、ぼんやり思い返したから垂れ流す。 以下すべて長文で自分語り。 PC購入 ボクがはじめて自分でPCを買ったのは大学3年の春だった。 たしかMacBookのcore 2 duoの白いあれ。 そのころはMacBook AirとかProが最新だったから型落ちで安かった。 悪しきpocket wifiと抱き合わせで購入。PC自体は4万だった気がする。 サマーインターン その頃はちょうど就活まであと半年というくらいの時期でDeOAとかミクOOとかがサマーインターンを募集してた。 ボクはド文系の学生だったけど、facebookが日本上陸！というイベントもありSNSというサービスそのものが今熱いのでは？みたいな空気を感じていた。だからそれらのサマーイ
空気を読みすぎる日本人の議論がチームを弱くする？――最強チームの作り方（後編）
チームで仕事やプロジェクトを進める際の考え方やヒントを探る本記事「最強チームの作り方」は、「ベストチーム・オブ・ザ・イヤー」より転載、編集しています。 ベストチーム・オブ・ザ・イヤーは、その年に最もチームワークを発揮し、顕著な実績を残したチームを毎年表彰するアワードです。サイトでは日本の組織が持つべき「チームワーク」について、精神論ではなく、組織とメンバーがともに成長できる論理的な方法を考え、提案しています。 「リーダーになりたくないと言うことは、仕事をしたくないということと同じ」「誰もがスティーブ・ジョブズのようなカリスマリーダーを目指さなくてもいい」――。こう話すのは、ベストチーム・オブ・ザ・イヤー実行委員会 委員長に就任した 明治大学文学部 齋藤孝教授。若手ビジネスパーソンが抱えるチーム作りの悩みを解消してもらいます。 意見はダメ、現実を変えるアイデアを1個出そうよ ―― 「新しい意
開発者は必見? GoogleがAndroidアプリのUXアンチパターン動画を公開 - すまほん!!
数多のアプリが氾濫する Android アプリですが、過去に開発の経験がある方・現在進行形で開発中の方……数多くいらっしゃるかと思います。 そんな方に是非、ご覧頂きたいのが Google が Youtube にて公開している ANDROID DESING in ACTION UX アンチパターンです。ご存じの通りアンチパターンとは「べからず集」のことで「これは駄目だからこうして欲しい」といったことがわかりやすく紹介されています。 動画の内容としては、ダイアログの表示方法、ボタンの位置、タッチフィードバック……etc 開発者の方はそのまま知識を吸収することができますし、開発者ではない方も「へー」と思えること間違いなしです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DeNA Engineering - DeNAエンジニアのポータルサイト