フロントエンド周りの技術は驚異的なスピードで進化し、また多様化しています。それらを全てマスターするのは途方もなく大変なので、ペパボでは、社内のエンジニア・デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化することにいたしました。社内向けを想定した文書ではありますが、社内のみに留めず多くの方に役立てたいと考えたため公開します。 スタイルシートの夢 (1) 予測しやすい (2) 再利用しやすい (3) 保守しやすい (4) 拡張しやすい 代表的な CSS 設計手法 既存プロジェクトの CSS に立ち向かう！ (0) 流れ (1) 既存の CSS ファイルを元に SCSS ファイルに変換する (2) イニシャライズ CSS や共通の箇所のスタイルを分離する (3) CSSLint を使って、修正しやすいところから整理していく (4) コンパイル (5) スタイルのスコープ（あ

以前から Ruby をちゃんと勉強したいなと思っていて、何か良い教材はないかと探していたところ、Ruby Koans という面白いものを見つけたのでメモしておきます。 Ruby Koans Ruby Koans とは？ Ruby Koans はテストケースの修正を通して Ruby の言語仕様が学べる無料のコンテンツです。 テストケースはそのままだと失敗するようになっているので、これを正しく pass するように書き換えていきます。 本を読みながらひたすら内容を頭に入れていくのとは違って、実行結果を自分で予想しながら解いていくので、クイズのような感覚で楽しく学べるようになっています。 (ちなみに Koans は公案と読むっぽいです) 始めかた とても簡単です。 公式サイト から Ruby Koans をダウンロードし、 ruby path_to_enlightenment.rb を実行するだ

第4章Rails風味のRuby この章では、第3章で使用した例を基に、Railsにおいて重要となるRubyのさまざまな要素について探っていくことにしましょう。Rubyは巨大な仕様を持つ言語ですが、幸い、Rails開発者にとって必要な知識は比較的少なくて済みます。さらに、Railsのために必要なRubyの知識は、通常のRubyを学ぶ過程とは異なります。動的なWebアプリを作ることができればそれでよいというのであれば、まずRailsを学ぶようにし、Rubyについては当分の間、必要が生じた場合にのみ学習することをお勧めします。そうではなく、真のRailsエキスパートになりたいのであれば、Rubyをさらに深いレベルまで理解する必要があります。本書は、そのための開発技術の基礎を築く助けになるでしょう。1.1.1でも示したように、Railsチュートリアル を終えた後には「 Beginning Ruby

Person.new(name: 'hoge', age: 24) person.update(name: 'hoge', age: 24) など。 この便利な機能をマスアサインメント機能と呼びます。 マスアサインメントを利用する際の注意点 マスアサインメントはハッシュをそのまま利用します。 例えばユーザーからのリクエストは params 変数に Hash として保存されています。 この内容をそのままにマスアサインメント機能を利用して設定していた場合に、 想定していないカラムを更新されてしまう可能性があります。 例えばUserクラスに name, age, admin の3カラムがあり、 adminはユーザーの画面からは更新させない管理者権限だとします。 Userの新規登録処理で、以下のようなコードを書いていた場合、

［公式情報リンク］ ■ 公式サイト：LoL | Teamfight Tactics | レジェンド・オブ・ルーンテラ | VALORANT | ユニバース ■ 公式Twitter : LoL | TFT | LoR | VALORANT | Wildrift ■ LJL - Esports : 公式ページ | Twitter | Facebook | instagram ［パッチ・メンテナンス情報］ ■ LoL | TFT | パッチスケジュール ［その他］ ■ Clash 概要説明 | 名誉システム Patch 5.11 Notes の訳です。 Patch 5.11のメンテナンスは日本時間の6月10日19時からとなります。 17時30分からRanked Gameが停止、作業は6時間を予定しています。 Patch 5.11 notes | League of Legends Combat

僕は主にRubyとGoを書く。この2つを使っていると、「（Rubyに比べて）Go辛いなあ」と思うことがあるのだが、なんで辛いのかはよくわかってなかった。 最近仕事にGoを使い始めたRubyistが社内ブログでGoのPros/Consを書いていたんだけど、そのConsも自分が辛い理由には該当しなかった。 今日Go ConferenceでRob Pike先生がGoの設計思想について話をしていて、思うところがあったので書いてみる。 書き方が1つだと冗長な書き方を迫られることがある Robは、「すでにできることのための機能の追加は行わない。genericsはinterfaceとかぶるから、genericsを入れるならinterfaceを取り除き標準ライブラリを全てgenericsで実装し直す」 というようなことを言っていた。 この思想が徹底されることによりコードの可読性を担保できるという。 一方で

Rubyでは文字列リテラルの記述にダブルクォート(")，シングルクォート(')，そして%記法が使える．Rubyでコードを書く上でそれぞれをどのように使い分ければいいか迷ったことがある人も多いのではないかと思う．というわけで自分なりの使い分け方を簡単にまとめてみることにした． 文字列リテラルの括りの種類 ダブルクォート ("str") バックスラッシュ記法 ("\n"など) や式展開 ("#{exp}") が使える 文字列中のダブルクォートはバックスラッシュでエスケープする必要がある ("\"") シングルクォート ('str') バックスラッシュ記法や式展開は使えない 文字列中のシングルクォートはバックスラッシュでエスケープする必要がある ('\'') %記法 (%!str! や %Q{str} など) 文字列を任意の非英数字で括ることができる． %!str! や %Q!str! はダブル

＊モアイ像 イースター島で顔がズラッと並んでいる光景が有名な「モアイ像」ですが、カルフォルニア大学の調査チームがモアイ像の地下をほって調査したところ、首から下にも大きな体があったことが分かりました。 一部の考古学者たちはモアイ像に胴体がある可能性を指摘していましたが、実際に確認されたのはこれが初となります。 ☆Easter Island's Monumental Stone Heads Also Have Detailed Bodies Hidden Beneath The Earth URL　http://www.sunnyskyz.com/blog/867/ 以下、ネットの反応 モアイ像ってあの下に身体埋まってんのかよ！おもしろすぎ！(´･Д･) — 末 (@r1syu) 2015, 6月 9 モアイ像に下半身があったこと始めて知った(ｰｰ;) — もちきち (@doraemonanp

第3章ほぼ静的なページの作成 本章では、今後のチュートリアルを楽に理解できるように、簡単なサンプルアプリケーションを開発してみます。本書を通して開発するアプリケーションは、最終的にはユーザーやマイクロポスト、ログイン／ログアウトなどの認証機能を持ちますが、まずは簡単なトピックである「静的なページの作成」から始めます。非常にシンプルなページではありますが、静的なページを作成することは良い経験になり、また、多くの示唆も得られます。私達がこれから開発するアプリケーションにとって、最高のスタート地点といえるでしょう。 Rails はデータベースと連携して動的なWebサイトを開発するように設計されていますが、HTMLファイルだけで構成されている静的なページを作ることもできます。実際、静的なページをRailsで作ることのメリットもあります。たとえば、あとでほんの少し動的なコンテンツを追加することができ

今からいろんなお酒を使って梅酒たくさん漬けるよ Tweet 1 名も無き被検体774号+ 2012/06/09(土) 14:33:48.76 ID:gL+h26r50 今年も梅酒の季節がやってまいりました 今回はいろんなお酒を使っていろんな梅酒を作ろうということで 用意した原酒の紹介もしつつ、梅酒作りの模様を書いていきたいと思います ちなみに、ちょうど3ヶ月ほど前に梅酒に使う酒についてびっぷらで質問した者です そのときいろんなお酒のこと教えてくれた方々、その節は有難うございました 以下はその3ヶ月前のスレ(dat落ちしてます) 今年も梅酒を漬けるわけだが http://hayabusa3.2ch.net/test/read.cgi/news4viptasu/1331550891/ 2 名も無き被検体774号+ 2012/06/09(土) 14:35:48.56 ID:gL+h26r50 な

スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付

Zoox, Amazon’s self-driving unit, is bringing its autonomous vehicles to more cities.  The self-driving technology company announced Wednesday plans to begin testing in Austin and Miami this summer. The two…

WCG LoL部門のイラン予選でAnnie以外の全ての女性チャンピオンが使用禁止になっていると話題になっています イランと言えばヘジャーブを被らない女性は逮捕され、また身体のラインを強調するような衣服を身にまとうことも禁止されているほど女性に対する戒律が厳しいことで有名ですが、その影響でしょうか… 女性チャンピオンなしだとSupportやADCがかなり厳しいことになりそうですね WCGのイラン公式HP WCG Iran LoL部門のルールブック 上記のルールブック中のAnnie以外の女性が使用禁止だと書いてある一文はこちら "ﺗﺒﺼـﺮه: ﮐﻠﯿﻪ ﮐﺎراﮐﱰﻫﺎی Femaleﺑﺎزی ﺑﻪ ﺟﺰ Annie ﻣﻤﻨﻮع ﻣﯽ ﺑﺎﺷﻨﺪ." 機械翻訳すると"All games except Annie Female characters are prohibited."となります

2015-06-09 【IoT】TENGAにマイサンを挿入したらスマホにプッシュ通知するものを作った IoT Raspberry Pi Web 作った 誕生日にAmazonのウィッシュリストを公開していたらTENGAを3本ほど送ってもらいました。それならばと思い、TENGAにマイサンを挿入したらスマホにプッシュ通知をするものを作成しました。 完成はこんな感じです。作り方は最後に書きます。 TENGAの中にマイサンを挿入して中にあるボタンを押す（マイサンで）と上の画像のようにスマホでプッシュ通知がでる仕組みとなっています。 折角作ったので誰かにプッシュ通知を送りたいと思ったので、鳥貴族でサシ飲みをしてから音沙汰が無い友人の吉本ユータヌキさんに連絡。 突然のお願いだったのに心よく承諾を頂きました。 外だったので家についてオカズを決めたら連絡する約束に。 オカズの報告をしてスタンバイ。 終わり。

WWDC 2015 で Swift 2.0 が発表されました。オープンソース化などのうれしいニュースでも盛り上がっていますが、言語仕様としては try, throw, catch が導入されるという大きな変更がありました。本投稿は、 The Swift Programming Language の新章 Error Handling を読み、多少のコードを書いた上での個人的な感想です。 結論から言うと、 try, catch の導入は良い変更だと思えないけど、 try, catch を導入する前提なら考え得る限りベストに近い仕様だった、って感じです。 よかったのは、 ErrorType は enum タイプセーフなエラー情報 エラー処理が強制されている（検査例外のような形） try! でエラーを無視できる あたりです。個人的には、 try, catch でなく Either 的なものを公式サ

5月末の劇場本予告映像先行解禁に続いて、6月20日(土)に公開される映画「攻殻機動隊 新劇場版」の本編映像が冒頭12分だけYouTubeで先行公開されることになりました。 映画『攻殻機動隊 新劇場版』 http://kokaku-a.jp/ その映像がコレ、「攻殻機動隊」というアニメをイメージしたときに連想する要素であるアクションと「電脳会議」がちゃんと含まれています。 「攻殻機動隊 新劇場版」本編冒頭12分映像 - YouTube 素子たちが平穏な日常を過ごしているわけもなく、話はさっそく大使館占拠事件が起きているという状況からスタート。さっそく素子たちは電脳会議で打開策を詰めていきます。 一般人にしか見えない人々が銃をぶっ放しています。 今回もロジコマのサポートを受けながら戦う素子 イシカワ、パズ、トグサ、ボーマとおなじみの顔ぶれ もちろん、バトーも。……サイトーもきっといるはず。 公

第11回 カーネル/VM 探検隊

数ある料理の中で、世代を問わず安定して人気のあるカレーライス。 かくいう僕も大好物です。 一時期は、スパイスを調合して、丸１日かけてルーから作ったりしていたのものです。 でも、料理人でもない素人なので、結局は市販のルーで作るのが一番美味しいことに気づいてしまいました。 ですが、一から自分で作ることで、どこにポイントを絞れば美味しくなるかが分かりました。 今日は、僕なりに覚えたそのポイントをご紹介いたします。 基本的なスタンス 手間をかけずに、ちょっとだけ美味しくするのが目的です。 カレーは市販のルーをそのまま使うだけで美味しくできちゃうのが凄いところでもあるのですが、そこからあまり手間をかけずに味をワンランク上げようという事です。 ただし、手間をかけないぶん、お金は少しだけ使います。 カレーは、手間暇かければそのぶん美味しくなるのですが、今はその手間をかけなくてもいろいろ売ってるんですよ。

「アプリ開発プロジェクト成功への道〜iOS/Androidアプリ開発者勉強会Vol.1」　で発表したスライドです。 http://connpass.com/event/14952/