社内Sass勉強会を開催しました
こんにちは、クレイの亀井です。もうすっかり秋ですね！コンビニやケーキ屋さんに芋栗南瓜のスイーツがもりだくさんでテンション上がりっぱなしです さて本題に入ります。先日9月30日にクレイ社内で Sass 勉強会を開催し、CSS 設計について発表しました。そのことについて今回はブログに書こうと思います。 開催することになった経緯 数ヶ月前から社員のキャリアアップのため、『クレイ社員補完計画』が開始しました。週に4時間まで自分の好きなことを勉強する時間をとれ、2ヶ月に一度ブログや勉強会などの場で成果を発表します。 私ははじめ別のテーマにしていたのですが、いまいちモチベーションが上がらず、相談した結果 Sass をテーマに勉強会を開催することになりました。 社会人になってから2年半、スライドを制作して発表をするという経験がなかったのですが、いつか外部の勉強会で LT などしてみたいと思っていたためい
Photon
The fastest way to build beautiful Electron apps using simple HTML and CSS Powered by Electron Underneath it all is Electron. Originally built for GitHub's Atom text editor, Electron is the easiest way to build cross-platform desktop applications. If you can write a bit of HTML, CSS, and JS, you can build full featured applications. Companies like Microsoft, Facebook, and Slack are using it – why
見やすく綺麗なPSDをつくるためのポイントや覚えておきたい便利機能 10 - NxWorld
自分が普段からどちらかといえばデザインよりもコーディングなどの作業が多いので、中にはただのコーダー側の意見や愚痴っぽいのもあるかもしれませんが、Photoshopでデザインする際に見やすく綺麗なPSDにすることができると思うポイントや知っておくと便利だと思う機能をいくつかあげてみました。 最近だと特にレスポンシブが関連してIllustratorやSketchを使ってるという人も多いとは思いますが、デザイン制作時にPhotoshopを愛用しているという方は参考にしてみてください :) あくまで個人的に思ったことなので、バリバリのデザイナーさんとかで「もっとこうしたら良くなるよ！」とか「それはしない方が良いのに...」みたいな意見があればアドバイスやツッコミ大歓迎です。 ここで紹介している内容やキャプチャは「Adobe Photoshop CC 2017」を使用した想定のものになり、バージョン
PHP 5.4.1の新機能: Scalaライクなミックスイン | チラシのうら
2012年4月1日にリリースされたPHP 5.4.1では、マイナーバージョンアップにも関わらず言語仕様が拡張されるという、PHPクォリティ全開の変更があったので紹介しよう。 実体化時ミックスイン (Mix-in instantiation)クラスをインスタンス化する際にuse文でトレイトを追加できるようになった。トレイトは実行時に解決されるので、クラス宣言より後にトレイトを宣言することも可能。 例1<?php class JoJo {} trait HermitPurple { public function sayStand() { echo '隠者の紫'; } } trait StarPlatinum { public function sayStand() { echo '星の白金'; } } $joseph = new JoJo use HermitPurple; $jotaro
「英語でコンマ(，)の使い方を間違えると大変なことになる」海外の反応 : 暇は無味無臭の劇薬
Comment by Trayf 今でもオックスフォードコンマを使用してる理由 オックスフォードコンマ有り：「朝食は卵とトースト、オレンジジュースだった」 オックスフォードコンマ無し：「朝食は卵だったよ。オレンジジューストーストさん」 Comment by nayithemon オックスフォードコンマの重要性 オックスフォードコンマ有り：「サイとワシントン、リンカーンを招待した」 オックスフォードコンマ無し：「ワシントンとリンカーンというサイを招待した」 Comment by thagoodlife 今でもオックスフォードコンマを使用してる理由 オックスフォードコンマ有り：「ストリッパー達とJFK、スターリンを招待した」 オックスフォードコンマ無し：「JFKとスターリンというストリッパー達を招待した」 reddit.com/r/funny/comments/orx55/why_i_stil
hitagi.js - HTML5向けゲームフレームワーク MOONGIFT
Webブラウザの機能がアップし、さらにハードウェアの性能が向上するのに合わせて実行速度も速くなっています。ちょっと前のゲームレベルであれば十分にWebブラウザ上でこなせるようになっています。 そんなWebブラウザを活用してゲーム開発を行えるのがhitagi.jsです。 hitagi.jsの使い方 hitagi.jsを使ったデモです。 Canvasを使って描画しています。 new hitagi.World() から処理がはじまっています。 Flappy Bird風ゲームもあります。これくらいのゲームであればWebブラウザでも十分です。 ちゃんとクリックで遊べるようになっています。 hitagi.jsはCanvasへの描画なので性能が良いのがポイントです。また、Canvasさえ使えればブラウザに関係なく利用できるのも利点と言えるのではないでしょうか。hitagi.jsは2D系ゲームに使えるよう
divとsectionとarticle要素それぞれの特徴、使い分けと組み合わせ方 -HTML5のセクショニング コンテンツ
HTML5は、ドキュメントを構造化する際に用いるセマンティックなコードです。あなたがどんなタグを使うかによって、ユーザエージェントにその意味を伝えます。 HTML5のタグにはさまざまなものがあり、中でもsectionとarticle要素は、div要素より有意義な方法でコンテンツを区分する手段として導入されました。これら3つをどのように使い分けるか確認しておきましょう。 Sectioning Content in HTML5 -Div or Section or Article 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 divとsectionとarticle、それぞれの特徴 divとsectionとarticle、どれを使う？ sectionとarticleの組み合わせ方 divとsectionとarticle、それぞれの特徴 d
公式ドキュメントを読もう — みんなのウェディングエンジニアリングブログ
みんなのウェディングの高井です。 最近、若手のエンジニアと話をする機会が多くあります。そういった場で、ここが重要ですよと伝えたい話のうちのひとつがこの話になります。別のところに書いていたものですが、すこし手を入れた上で再掲します。 ハッカーの世界には昔から「RTFM」という言葉があります（参照）。ようするに「マニュアルを読め」という言葉なのですが、これはとても重要な言葉です。 色々な人によってブログにメモやノウハウが記載され、簡単に検索でみつかる世の中ではあります。また、そのためのサービスや技術的な質疑的な質問をすることのできるサービスも沢山あります。 しかし、検索サービスは、その内容が正しいことまで保証してくれません。見つかった記事の著者が誤解している場合もあれば、理解していない場合もあります。そして、ほとんどの場合は最新の情報ではありません。 マニュアルや公式ドキュメントであれば、それ
Vagrant なぜかホストPCの80番ポートが専有されていた話 - Qiita
Bringing machine 'default' up with 'virtualbox' provider... ==> default: Checking if box 'ubuntu/trusty64' is up to date... Vagrant cannot forward the specified ports on this VM, since they would collide with some other application that is already listening on these ports. The forwarded port to 80 is already in use on the host machine. To fix this, modify your current projects Vagrantfile to use a
CodeIQについてのお知らせ
2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod
Webサーバの仮想ホスト単位のリソース使用量をFluentd+Norikra+GrowthForecastでグラフ化 - 人間とウェブの未来
ご存知の通り、ApacheのVirtualHost（以下vhost）、所謂、Webサーバの仮想ホストは単一のApacheで複数のホストを処理しています。そのため、複数のvhostを含めたCPU使用量といったリソース使用量をグラフ化することは簡単なのですが、vhost単位となると各vhostへのリクエスト単位でのリソースを計測しておかないとグラフ化することはできません。そういう意味でvhost単位でリソース使用量をグラフ化しようとすると一気に敷居が上がってしまいます。 また、uid毎に実行プロセスを分離しておけば、pacctといったプロセスアカウンティング機能でuidのカウントはできますが、リアルタイムの計測（秒とか分のオーダー）にはコストが高かったり、vhostで提供しているコンテンツによっては、Apache権限で配信されているものもある（静的コンテンツ）ため、正確に計測することは難しくな
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
もしプログラミング言語がビールだったら | TOACH
TopCoderで紹介されていた、「もしプログラミング言語がビールだったら」がとんでもなく面白かったので、この中からいくつかかい摘んで翻訳する。 この記事は If Programming Languages were | Lambda the Ultimate という、プログラミング言語を他の何かに例えるネット企画に、ビール版が無かったために書かれたもので、ビールマガジンを運営している＋エンジニアである身からするとニヤリとしっぱなしだった。他にも、「もしプログラミング言語がロックバンドだったら」や、「もしプログラミング言語が哲学者だったら」などあって楽しい。 C Cはプログラミング言語におけるエールだ。 おそらく、あなたが一番最初に美味しいと思ったビールはエールだろう。 原点に帰りたいときはいつだってエールに戻るといい。その度に確かな安定を感じられるはず。 エールはいつも、若き日々を思い出
VCなしでアプリ開発者が市場独占を狙った方法と背景
寝る時間なのについついTwitter開いてたら、すごく面白いネタが目にとまりました。 Pragmatic app pricing http://www.marco.org/2015/10/13/pragmatic-pricing Instapaperを作ったMarcoさんのポッドキャストアプリ、Overcastが完全無料化したらしい。 そして、その理由が面白い。すごく面白い。 簡単に言うと、”ポッドキャスト市場は大きくなる可能性があるから、市場を支配するために無料化する”という理屈。 これだけだったら、 「なんだ、よくあることじゃないか。有料サービスが完全無料化するなんて。VCマネーが入ったか、買収されたとか。」 と思うかもしれない。 でも、Marcoさんは、VCバックアップのスタートアップとかやりたくない性格の個人開発者なんですよ。これは、Build&Analyzeっていうポッドキャスト
チラ裏@フォースと共にあらんことを on Twitter: "はすみとしこさん、世界に羽ばたく。シリア問題に関して最悪の対応・発言をした『7人のクズ共』の1人に見事選ばれました。 https://t.co/uBzFF8lMf9"
はすみとしこさん、世界に羽ばたく。シリア問題に関して最悪の対応・発言をした『7人のクズ共』の1人に見事選ばれました。 https://t.co/uBzFF8lMf9
Firefox 44はアドオン互換性に要注意 - Mozilla Flux
最近、Firefox Nightly 44の起動時にセッションを復元するようにしておくと、起動直後にタブ内が真っ白になり、本体のメニューパネルも開けないという事態に遭遇した。アドオンマネージャからマルチプルタブハンドラを無効化すると症状が治まったので、しばらくそのままにしていたのだが、調べてみたところ、2015年10月7日（米国時間）にBug 589199の修正パッチがコミットされたのが原因だったようだ（なお、10月13日にRESOLVED FIXEDとなった）。 同バグの修正により、トップレベルにおけるletおよびconstの扱いは、ECMAScript 2015 Language Specification（通称ES6）の仕様に合わせる形で変更された。その結果、以下のような具体的な影響が出ている。 どのBugで変わったのかは分からないけど、constで宣言された変数がグローバルオブジェ
サイバーセキュリティプログラミング
Pythonは情報セキュリティの世界では他よりも先んじているプログラミング言語です。本書ではPythonを使った情報セキュリティにおける攻撃手法について解説します。前半ではrawソケットやScapyライブラリなどネットワーク関連の内容を扱います。後半ではCOMをPythonから扱う方法やVolatilityフレームワークなどシステム関連のトピックを扱います。読者はコーディングを通じてサンプルPythonツールの拡張、外部ツールとの連携や自動化について学習することができます。攻撃者の意図や実践手法から防御方法を導き出すというアプローチは、今後すべての情報セキュリティ技術者にとって必須のテクニックになるでしょう。 サポートページ（サンプルコードや正誤表） 訳者まえがき 序文 まえがき 1章 Python環境のセットアップ 1.1 Kali Linuxのインストール 1.2 Wing IDE 2
先進的デザイナーのツールが激変している
アドビシステムズは例年10月初旬にクリエイティブの祭典、「Adobe Max」を開催している。今年は、このイベントをロサンゼルスで10月3～7日に開催した。 今年のイベントでは、クリエイティブソフトウエア製品群「Creative Cloud」の新機能を披露し、また新たなクラウドの機能やサービスの発表も行われた。世界中からクリエイターやデザイナーが約6000人集まり、お互いに刺激を与え合う、コミュニティを強く意識したイベントだったと、振り返ることができる。 すでに月､年間契約での利用を可能にしているアドビ アドビはすでに、主力ソフトウエアのサブスクリプション（利用料）モデルへの移行を済ませている。Creative Cloudは、月額料金もしくは年間契約で、アドビの一部もしくはすべてのソフトウエアの最新版を利用できるようになる。つまり、購読しているユーザーがより頻度高く、また深くソフトウエアを
プログラミングの低レベルと高レベル - 超ウィザード級ハッカーのたのしみ
プログラミングにはレベルの低い・高いがある。ここでいうレベルとはCPUとかストレージデバイスといった生のハードウェアに近いかという意味である。レベルが低いほど生のハードウェアを意識しなければならない。カーネルは低レベルなソフトウェアの代表である。高尚かどうかと混同されることを嫌ってか、低レイヤ・高レイヤという言い方も良くする。私はあえて混同させたくてレベルという単語を使用している。 私は元々低レベルのプログラミングの方が計算機を操ってる感があって好きだった。しかし、しばらく離れてJavaとかPythonとか高レベルなことをやっていたが、ふと低レベルのところを再び触りたくなったので、 ハッカーのたのしみ Binary Hacks Cプログラミング高速化研究班 等を読み返しながら勉強している。低レベルはちょこちょこっとチューニングするだけで演算が高速化していき、ハッカー感が得られるので楽しい。
Gitを学んでいて「なるほど！」となる瞬間 | POSTD
Gitは速く柔軟性がありますが、理解に時間のかかる分散型バージョン管理システムです。Gitを始める前に次を理解しておきましょう。 通常のバージョン管理 分散型バージョン管理 本 や 学習書 、 指南書 はGitを理解するのに役に立ちました。しかし、その他にもGitの理解に至ったきっかけがありますのでご紹介します。 ステージング・エリアがある Gitにはステージング・エリアがあります。繰り返しますが、 ステージング・エリアがあるのです 。 これには混乱しました。リポジトリ（「オブジェクトデータベース」）とステージング・エリア（「インデックス」と呼ばれる）の両方がGitにはあります。チェックインには2段階あります。 git add foo.txt インデックスにfoo.txtを追加します。これだけでは、チェックインは完了していません。 git commit -m "message" リポジトリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
人気ゲームの開発チームがつくった「VRゲーム」いよいよリリース
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Jot Dash | ノック1つで起動。アイデアをすぐ書き留めるペン軸8.5mmのスタイラスペン[レビュー]![Jot Dash | ノック1つで起動。アイデアをすぐ書き留めるペン軸8.5mmのスタイラスペン[レビュー]](https://cdn-ak-scissors.b.st-hatena.com/image/square/aa043a2265b647ffa9497bf0a25485464995a8ed/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fnecojita.com%2Fwordpress%2Fwp-content%2Fuploads%2F2015%2F10%2Fjotdash12-300x3001.jpg%3Ffit%3D300%252C300)
2つのExcelファイルの差分を比較するツール - 蒼の王座・裏口