疑似要素とz-index - by shigemk2
疑似要素にz-indexをつけると、疑似要素を背面にしたり前面に出したりできる。 HTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>HOGE</title> <link rel="stylesheet" type="text/css" href="./hoge.css"> </head> <body> <div class="hoge"> <div class="fuga"></div> </div> </body> </html> CSS body { background-color: rgba(255,0,0,.5); } div.hoge { position: absolute; top: 200px; left: 300px; display: block; width: 200
1169日続けたブログの毎日更新をやめることにした理由 - ICHIROYAのブログ
1169日続けた毎日のブログの更新が昨日途絶えた。 朝には書きたいことがみつからず、昼にやっと書いてアップしたものの、気になるところがあってところどころ修正、結局、記事そのものに納得がいかなくなり削除した。夜、ライターズ・ブロックを解除しようと珍しく自宅でワインを飲んで、まったく異なる記事を書いたものの、中断して本棚の前で昔読んだ本をひっぱりだしたりしているうちに、書いたものが嫌になり削除。 ついに更新を諦めた。 それでやっと、「毎日ブログを更新する」という自分を縛っていた魔法がとけた。 これからは、週３回程度の更新を目標とすることにする。 1169日毎日ブログの更新を続けて僕が得たものはあまりにも大きかった。 ハフィントン・ポストに転載いただいたり、オウンドメディアで原稿料をいただいて記事を書かせていただいたり、また、本を商業出版させていただいた。秋には次の本が出る予定である。 毎日文章
kintoneの表と裏〜大規模JavaScript開発と非構造データベース - by shigemk2
what's kintone? ビジネスアプリをノンプログラミングで作成出来る。 アプリ版RPGツクールみたいなやつ。 データベース型webアプリ kintoneの表 仕事のなかでJavaScriptをどのように使ってUIを作成したか フレームワーク部分を除くと70000行 Closure Library(jQueryは甘え) JavaScriptでほぼ全てのDOM サーバサイドでのやりとりはXHRでAPIを叩く UIづくりのなかでどんな苦労をしたのかを考える イベント管理 フォームメーカー ドラッグ&ドロップのみで縦横自由にコントロールを配置してレイアウト およそ20個くらい ドラッグ&ドロップを導入すると、UIがおそろしく複雑になる。 イベント発火数がやばい イベントを上手く管理しないといけない 1. クラス間通信 clickをトリガーとして、クラスからイベントを投げあう。 実装はシン
Qiita で人気の Git & GitHub ノウハウ #githubkaigi - by shigemk2
@yuku_t Qiitaに載ってた GitHub Cheet Sheet 入門Git コンフリクト発生時の問題 もとの状態がよくわからなくなるとき merge.conflictstyle もとの祖先を表示さす git stash save pop indexしたものがstashされる --all --inclide-untracked --keep-index(index treeをそのまま残す) 全く新しいworking directoryがほしい git-new-workdir シンボリックリンクを貼ってくれるところがgit cloneと違うところ。 編集もstashも同期される。 diff-highlight git-core/contrib git diff & apply $ git diff -w | git apply --cached w 空白文字 cached inde
GMOペパボのエンジニア新人研修 #lldiver - by shigemk2
前もってオリエンテーションをやってみよう あんちぽくんさん エンジニア研修をこれから受けるひと（学生、転職者） エンジニア研修を実行するひと 新人研修ってなに 経営戦略があって、ビジョンにどうやって到達するか ビジョンを達成するために人材を育てる。それが研修 単に研修やりますってだけだと何をやればいいのか分からなくなる エンジニア職位制度 シニアエンジニア アドバンスドシニアエンジニアなど ここでいう新人とは 新卒採用 第二新卒採用 中途採用 キャリアとスキルがあって、必要なスキルの基準が存在する。 一般的に新人は必要なスキルの基準足りていないので、その差を埋めるのがエンジニア新人研修 キャリアプランと、期待する水準と、研修 新卒を採用するということ 社会への入り口 長い人生の端緒を開く 新卒の若者を採用する企業は、適切なスキルを身につけるよう導く社会的責任をおっている そういうのは最初に
Merge branch....みたいなコミットログをなくす - by shigemk2
git rebaseについてのtips - けーこ in サンフランシスコ gitを使って開発をすすめていると、このようなコミットを見かけることがあります。 Merge branch ‘master’ of git://github.com/hogehoge 最新のマスターを私のブランチにマージした、という意味のログなのだが、 はっきり言ってこれ必要ないね。 ブランチをマージして、その後にgit pullしたあとに出てしまうコミットのようで、 pull requestを出す前に最新のマスターを自分のブランチにマージしたいために このようなコミットメッセージが出てしまうようだ。 要するに、自作したブランチの修正が、git pullしたmasterブランチの最新の修正よりも 前だったら上記のようなコミットメッセージを出しつつ、ブランチのコミットを前に 持ってくるわけですね。 で、 git lo
Pragmatic Front-end Developer: From Artisan to Expert #frontrend - by shigemk2
フロントエンドエンジニアとして生きていくための戦略 @cssradar Frontend Weekly | Facebook リッチメディア アイディアと情熱で夢を叶える コラボレーション メンテナンスは欠かせない要素。 HTML CSS JavaScriptは言語の仕様的にもメンテしやすい言語ではない。 Learnablity(専門的な知識がなくても書けてしまう手軽さ) シンプルさと寛容さが重要。 メンテナンス性ではなくどのようにコラボレーションをするかが重要。 問題は人と人の間にある。 code style guideline 最終的に一人の人間がコードを書いたように見えるべき。 Rick Waldron (あまり新しいものではない) rwaldron/idiomatic.js · GitHub airbnb/javascript · GitHub CSS Guidelines (2.
_%2523hotasm)
熱血！アセンブラ入門 読書会(9) #hotasm - by shigemk2
X86アセンブラ/GASでの文法 - Wikibooks おさらい H8は可変長命令 命令の長さをケチるためにreturn 0の場合はsubを使っている。movだと4バイト H8は16ビットCPU 00fe1400 <_null>: fe1400: 54 70 rts 00fe1402 <_return_zero>: fe1402: 19 00 sub.w r0,r0 fe1404: 54 70 rts 00fe1406 <_return_one>: fe1406: 79 00 00 01 mov.w #0x1,r0 fe140a: 54 70 rts 00fe140c <_return_int_size>: fe140c: 79 00 00 02 mov.w #0x2,r0 ! 2バイト fe1410: 54 70 rts 00fe1412 <_return_pointer_size>:
frontrend extend origami - by shigemk2
Origamiって何 ボタンとかフォントとか、フロントエンドのこまごましたところをコンポーネント化して 自分の好きなように使うことができる。 Objectives(no-brainer design) build a living style guide more collaboration more technical encapsulation be forwards-compatible with web components do responsive web design going further origami webdesign using paticular framework rescue the old stuff 600 domain 800 sub domain don't build a monolith create another one! raise th
Ruby 2.0 & Rails 4.0 #webcat - by shigemk2
@a_matsuda Asakusa.rb 主宰 Forkwell社外取締役 begin 読めば分かるようなことは話しません 本日のお題 2つのメジャーバージョンアップ Ruby 1.9.3 → 2.0.0 Rails 3.2.9 → 4.0.0 Rake 10.0 RubyGems 2.0 RDoc 4.0 RSpec 3.0 など 空前のメジャーバージョンアップ期 心機一転参入のチャンス (色々切り替えていかないといけない) Ruby2.0 (Matz)長年の悲願 絵に描いた餅 燃料 人参 Perl6 (出ないと思われてた) 2003 1.8 その頃は偶数番号が安定版 2007 1.9 開発版(すごく不安定) →1.9.0は開発版 1.9.1が安定版でどうか(1.10.0とかは使いたくない) 2010.8 1.9.2 安定版 2011.10 1.9.3 安定版 2013.2.24 2.
歌舞伎座.tech #8 「C++初心者会」を開催した
歌舞伎座.tech#8「C++初心者会」 - connpass 5月17日に、歌舞伎座.thch #8 「C++初心者会」を開催した。 今回は、勉強会の初心者が発表できる場を設けようという意図から、発表枠には、初心者枠とガチ枠を設けた。これにより初心者が積極的に発表しやすくなるはずだ。さて、問題は参加者と発表者が集まるかどうかだ。いざフタを開けてみると閑古鳥が鳴いているようでは極めて痛い。 さて、connpassで告知と募集を開始すると、参加枠が即座に埋まっていく。どうやら勉強会の需要はあるようでまずは一安心だ。発表枠も埋まり始めたが、その参加者を見ると、どうも、技術的、勉強会的にみて、初心者とは思われない。 さて、公開直後の参加申し込みの波がひけてみると、参加枠と初心者枠は埋まっているものの、ガチ枠が埋まらない。どうやら、みなチョットデキル的な謙遜精神を発揮してしまったようだ。仕方がない
僕が今になってコンサルにならなきゃよかったと思う理由
世間知らずだけど上昇志向は強い(かつての僕のような)就活生に向けて書きます。 就活性の時、僕はコンサルファームに入りたくて仕方のない学生でした。 ただリア充というわけではなく、ただ頭の回転が早くてと学校の成績がとびぬけているような学生でした。 当時の僕からしてみれば、年俸もそこそこいいし。 地頭のいい人達がチームになって問題解決をするという触れ込みはめちゃくちゃ格好がよかったわけです。 なにより、身内に経営者がいた僕は経営者の相談に親身に相談に乗るというこの職業は素晴らしいものだと確信していました。 しかし、社会人になって数年たった今、おやなんだか違うぞ。コンサルなんかならなきゃよかった と思うことが増えました。 それを列記していこうと思います。 ①可処分所得・生涯年俸は大したことない。 まず、これにびっくりします。 若いうち(アナリスト・アソシエイト)は高いお給料をもらっても、あまり残ら
#渋谷JVM まとめ
しょぼちむ / Shobo Ugajin ✌️ @syobochim 渋谷JVM d-cube.connpass.com/event/13257/ #渋谷JVM めっちゃくりあがっているので、補欠ゼロになりました！！現時点で申込みいただいている方はみなさん参加できます！！！
今さら始めよう Groovy #渋谷JVM - by shigemk2
Groovy みんな使っていた。 twitter.com プログラミングGROOVY 作者: 関谷和愛,上原潤二,須江信洋,中野靖治出版社/メーカー: 技術評論社発売日: 2011/07/06メディア: 単行本（ソフトカバー）購入: 6人 クリック: 392回この商品を含むブログ (155件) を見る ElmやRustも推してる Grails徹底入門 作者: 山田正樹,山本剛,上原潤二,永井昌子,杉山清美,杉浦孝博,笠原史郎,香月孝太,福岡竜一,伊堂寺北斗出版社/メーカー: 翔泳社発売日: 2008/08/26メディア: 大型本購入: 3人 クリック: 42回この商品を含むブログ (28件) を見る おしながき Groovyはどんな言語 Groovyの思想 Groovyはどう役立つのか 今どきのGroovy(最新情報) Groovyはどんな言語 文法はJavaの(ほぼ)上位互換(do-wh
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.shigemk2.com/entry/2015/02/21/Pragmatic_Front-end_Developer:_From_Artisan_to_Expert_
http://www.shigemk2.com/entry/2014/05/21/%E3%83%AA%E3%83%BC%E3%83%8A%E3%82%B9%E3%83%BB%E3%83%88%E3%83%BC%E3%83%90%E3%83%AB%E3%82%BA%E6%B0%8F%E3%81%AE%E5%AF%BE%E8%AB%87%E3%83%A1%E3%83%A2_
リーナス・トーバルズ氏の対談メモ #linuxcon - by shigemk2
http://www.shigemk2.com/entry/2014/06/01/Qiita_%E3%81%A7%E4%BA%BA%E6%B0%97%E3%81%AE_Git_&_GitHub_%E3%83%8E%E3%82%A6%E3%83%8F%E3%82%A6_
一極社会:結婚「コスパ悪い」 「恋愛の価値」低下 - 毎日新聞
Scala 代数的データ型 超入門 - Qiita
