GitHub - DrkSephy/es6-cheatsheet: ES2015 [ES6] cheatsheet containing tips, tricks, best practices and code snippetsYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
![GitHub - DrkSephy/es6-cheatsheet: ES2015 [ES6] cheatsheet containing tips, tricks, best practices and code snippets](https://cdn-ak-scissors.b.st-hatena.com/image/square/32c8c554febf8733e2eb7ea84d8fdd5a6f924c59/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F6304609c1aca68b166df5ae2bad875bc493eebcc21e9e1366b50405cf44bac75%2FDrkSephy%2Fes6-cheatsheet)
Yomotsu net
Akihiro Oyamada (a.k.a yomotsu) I'm a Web-Front-End-Engineer, as well as a Microsoft MVP for Internet Explorer since 2011 to 2017. Playing with CSS3, SVG, WebGL and others. If you have any feedback or comments, as well as speaker invitation, use Contact form. For business or project offering, email my company [email protected] ご意見ご感想や、執筆、講演などのご相談はお問い合わせフォームへ。 Web 制作のご相談は [email protected] へ。
小保方氏手記を読んで――過剰取材と被害者意識の悪循環
■若干ちぐはぐ 小保方晴子『あの日』（講談社）を読んだ。 先にネット上で公開されていたまえがきを読んで「この調子で一冊書いたんだろうか」と訝ったが、本文、特に専門的な記述の部分は前書きとはギャップがあり、硬質な文章になっていた。それでも心情を表す時には柔らかい（軽い）表現もあり、また書き込みの詳細さにムラがあるなど、全体として若干ちぐはぐな印象を受けた。 また、事件の全貌を知りたいという欲求にこたえるものではなかった。核心である数々の、考えられないような論文作成時のミスに関しても細やかな説明がなされていない。あれだけ話題になった実験ノートについても他にきちんとしたノートがあるとのことだが、その画像などは掲載されていない。 ■「被害者」という免罪符 『あの日』で再燃したＳＴＡＰ騒動については様々な論点があるが、メディアの対応や世論のあり方に絞って考えてみたい。 『あの日』で「取材攻勢は殺意を
「日本人」はどこから来たのか 沖浦和光さん
日本人の両親のもとに生まれた、あるいは日本で生まれ育った人は、ごく自然に自分を「日本人」だと考えます。しかし、歴史を遡っていくと、私たちはいくつかの異なった民族に分かれます。 そしてそれぞれの民族集団は、何万年もの間に、北から南から、そして西から東から、順次やってきては根を下ろしました。つまり先にやってきていた民族に戦いをしかけ、征服し、あるいは婚姻し、この日本という土地に根付いていきました。こうしたことが数万年の間に数え切れないほど繰り返された結果が今の日本人です。 つまり、私たちの言う「日本人」とは、いくつかの異なる系譜をもった民族集団が、複雑にからみあい混じりあっており、決して「日本人」というひとつの系譜にはまとめられない。同様に、日本文化といわれるものも、渡来してきた民族集団がそれぞれ持ち込んだものが混じり合い、あるいは日本の風土に合わせて変化してきたものなのです。 なぜ、私がこの
FacebookとInstagramの写真をアスキーアートに変える方法
なんかちょっとオシャレだぞ！ なんでこうなるのか謎ですが、Mathias BynensさんがFacebookとInstagramにあげた写真を自動でアスキーアートに変換する方法を発見。しかもえらい簡単です。 これ、左は米ギズモードのケイティ。オキュラスリフトで遊んでる様子です。その写真のアスキーバージョンにすると左のようになります。 Mathias BynensさんがTwitterで説明したところによると、FacebookかInstagramの編集可能なアスキーバージョンにアクセスするには、まずその画像のURLを探し出さなきゃいけないとのこと。それから.jpgのあとに.txtを追加すると黒白のアスキーアートになり、.htmlをつけるとカラー版のアスキーアートに変わっちゃうんだそうです。 Take any Facebook/Instagram photo URL. append `txt`
新R25 Media - シゴトも人生も、もっと楽しもう。
ローカル体験を世界へ発信。インバウンド集客を成功に導く「Japan ticket」のeチケット管理システム
書くことについて語るときに僕が語ること#01 作文が苦手だった小学生時代
Bloggerを発明し、「ブログ」なる概念を世の中に広めた後、Jack DorseyらとともにTwitterを創業した男がいます。Evan Williamsです。 そのEvanがBlogger、Twitterの共同創業者でもあったBiz Stoneとともに立ち上げた新たなプロジェクトこそがMediumです。 ストーリーを軸に据えた、徹底徹尾こだわった世界観の元で運営されており、書き手・読み手双方に最高のユーザー体験を提供するMediumのビジョンに心底惚れていて、最近自分でも書くことを始めていました。 そんな中、実はMedium JapanのBrand Ambassadorを務めるのが、リクルートでお仕事をご一緒している坂田一倫さんだと知り衝撃を受け、これは話を聞いてみるしか無い！ということで昨日お茶をしながらお話していたところ、「良かったらMedium JapanのEditorにならない
新R25 Media - シゴトも人生も、もっと楽しもう。
ローカル体験を世界へ発信。インバウンド集客を成功に導く「Japan ticket」のeチケット管理システム
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
5 Very Special, 10 Sketch Tips
1. Copy from the Past into the Present or Vice VersaThis tip can be used in all apps actually, and probably most of you already doing it for little things. But still you should consider doing it for the things even in the distant past. As I can be really lazy in designing same things again, I use this trick often. Undo > Copy > Redo > Paste Copy > Undo > PasteThis video might be a bit confusing wi
How I Started Using Sketch App In Windows
This is my first story and it won’t be a long one. Actually it’s more of a heads up/tutorial to people who want to use Sketch but are bound to their Windows operating systems. Important EditBefore you read on I want to make sure everyone is getting the most out of this article. This story is about getting Sketch on Windows, and this part won’t change that. But as Sketch has been on the market for
search-everything – Simple Colors
)の数が合わないため、ただしく置換が起こらない問題の修正 195行目から if ($searchQuery != '') { // $where = str_replace( ")))", ")$searchQuery))", $where ); if ( preg_match( '/\)\)\) $/', $where ) ) { $where = preg_replace( '/\)\)\) $/', ")$searchQuery))", $where ); } elseif ( preg_match( '/\)\) $/', $where ) ) { $where = preg_replace( '/\)\) $/', ")$searchQuery)", $where ); } } 複合キーワードでpost_metaの検索がANDになってしまう問題の修正 se_build_searc
Relevanssi – A Better Search
Description Relevanssi replaces the standard WordPress search with a better search engine, with lots of features and configurable options. You’ll get better results, better presentation of results – your users will thank you. This is the free version of Relevanssi. There’s also Relevanssi Premium, which has added features. For more information about Premium, see Relevanssi.com. Do note that using
こないだ社内の勉強会でwebpackのこととか話したのでまとめた - getalog
webpackとは いろんなファイルをtranspileしてES5のJavaScriptに変換してくれるやつ AMDかCommonJSの形式でファイルをロード(CommonJSならrequire)すると、transpileしたファイルをロードしてくれる クライアント側のjsコードでもrequireを使用することができる assetとしてビルドして配布するイメージ コードが共用の場合、設定を変えることで素のrequireを利用するサーバー用コードと、webpackがpolyfillしたrequireを利用するクライアントコードとを別々に生成できる 全てがJavaScriptになる、画像やCSSも 画像は「Base64かFilePath」に CSSは「headにstyleを挿入するjsコード」に 特定のファイルをどのようにtranspileするかはpathマッチングでプラグイン形式で設定する
ファミコン風パズルゲーム開発が可能なHTML5エディタ「PuzzleScript」の言語仕様がマニアック過ぎる件！ : うえぶはっく
ブラウザ上で、プログラミングからステージの構成・実行・公開まで可能な、統合型パズルゲーム開発エディタ「PuzzleScript」のご紹介！ すべて無料で使えるので、今すぐパズルゲームを作りたい！という人には最適なのですが、特徴的なのはプログラミングに使う言語…。 独自の仕様で作られた言語のようで、最初はよく分からず…かなりマニアック感が漂っていたのですが、分かってくると実はスゴイ仕様なのでは？と感じるようになりました。 と言うのも、簡単なゲームロジックならたった1行で書けてしまうのですから。。 使い方！ まずは、簡単なサンプルを見ながら、「PuzzleScript」の使い方に触れていこうと思います。 最初に、トップページにある「Make A Game」ボタンをクリックしましょう！
CSS のカバレッジを計測する Clairvoyance というツールを作りました - アジャイルSEの憂鬱
タイトルの通り、CSS のカバレッジを計測するツールを作りました。 github.com これは何？ css に書かれたスタイルが html の中でどのくらい使われているのか計測できるツールです。 使用頻度の多いスタイルを調べる（影響範囲が大きいので気をつける） 未使用のスタイルを調べる（消したい） ってのを調べるために作りました。 なんて読むの？ Clairvoyance は「クレアボヤンス」と読みます。 千里眼 という意味です。 PhantomJS を使っているので、超常現象っぽい名前にしてみました。厨二病乙。 インストール方法 npm でインストールできます。 $ npm install clairvoyance phantomjs を使っているので、もしかしたら phantomjs のインストールが別途必要かも。 使い方 インストールすると clairvoyance というコマンド
WebSocketには注意が必要 | POSTD
近い将来WebSocketがRailsで使用できるようになると聞くと、デベロッパはみんな舞い上がって興奮します。 しかし、 あなたのユーザは、あなたがWebSocketを使用しているかどうかなんて気にしません 。 ユーザは、”快適なリアルタイムWebアプリ”を求めている。 デベロッパは、”快適でビルドが簡単なリアルタイムWebアプリ”を求めている。 オペレーションは、”デプロイ、スケール、管理が簡単なリアルタイムWebアプリ”を求めている。 上記全ての要望をWebSocketがかなえてくれるのなら素晴らしいことですが、この実装の詳細は高いコストがかかります。 超高性能で全二重なクライアントとサーバ間の通信は、本当に私たちに必要なのか？ WebSocketは、クライアントに情報を配信するための簡単なAPIと、クライアントからWebサーバへ情報を送信するための簡単なAPIを提供します。 サーバ
知識いらない！誰でも出来る初めてのCSSカスタム方法【はてなブログカスタムVol.12】 - 急がば 急いでまわれ！
これから勉強をする人、勉強を始めた方、コピペでしかCSSを触ったことがない方のために、本当に知識なしで、自分の力でやる、ブログのCSSカスタム方法をです。コピペからの卒業だ！！ ※1 中級者以上の方は見る価値なしです（断言）。 ※2 はてなブログを中心に説明していきます。 本当に簡単なので、しっかり読んで実践してください。また、できるだけ難しいカタカナを使わないで、難しいところは無視していきます。 この記事を読むための準備 まずはChromeをダウンロードしましょう。 Googleが提供しているインターネットをするためのブラウザソフトです。このChromeを使って説明していくので、もし使っていない方がいましたら、この機会にダウンロードしましょう。 ダウンロードはこちら：Chrome ブラウザ インストール方法：Google Chromeのダウンロードとインストール 3つのページを開いてくだ
ベッキーLINE「ゲスの妻が流出させた」は本当なのか 根拠なき長谷川豊ブログの「断定調」 - ライブドアニュース
2016年2月2日 20時0分 リンクをコピーする by ライブドアニュース編集部 ざっくり言うと とのLINE流出騒動について清水陽平弁護士に聞いた 離婚裁判では侵害より不倫のほうが重いと指摘 仮にLINE画面を流したとしても、川谷の妻の不利益にはならないという 元フジテレビアナウンサーのさん（40）が、「ゲスの極み乙女。」さん（27）の妻をブログで批判して物議を醸している。不倫騒動で一番悪いのは妻だというが、なぜそう言えるのか、ということだ。 「そもそも一番悪いのは...ダントツで川谷君の奥さんですからね？」。さんは、2016年2月1日のブログで、太字でこう強調して、理由の説明を始めた。 「すでにサイバー警察が動いています」週刊文春では、さんとタレントのさん（31）のLINE画像がさらされ、流出理由として「クローンiPhone」説などがネット上で出た。これに対し、長谷川さんは、川谷さん
Googleアナリティクスで見る直帰率の低さ! - こがねもちなぶろぐ
Googleアナリティクスの見方も少しずつわかってきたもみじです。 本当に少しずつなのでまだまだ知らないことだらけで恥ずかしいんですけどね。 最近は「直帰率」というものを覚えました。 直帰率とは？ 最初に来て見た１ページだけで他のページに移動することなく帰っちゃった人の割合のことですね。 ブログ内の他のページも見てくれる人が多ければ多いほど、何ページも見てくれれば見てくれるほど直帰率が低くなります。 なので、基本的には直帰率は低いほうが嬉しいということになりますね。 だいたい４０％くらいを目安にすると良いらしいです。 低ければ良いというものでもない？ 直帰率が低いほうが嬉しいけれど、リピーターさんが多いブログの場合は直帰率は高くなるそうです。 常連さんは普段から読んでくれてるから新しい記事だけ見ればいいですもんね。 だから、一概には「直帰率が低いから良い」とは言えないのかなぁ、と思います。
Google、今後NexusデバイスをAppleのように自社で開発・製造する計画か
GoogleがNexus端末の開発・製造、マーケティングなど一連のプログラムを自社の管理下におくことを検討していると、The Informationが報じています。 従来Nexusプログラムは、ソフトウェアをGoogleが、ハードウェアをLGやHuawei、Samsung、HTCなどのメーカーが担当してきましたが、GoogleのCEOであるSundar Pichai氏はこれらをGoogleだけでコントロールしたい考えだといいます。 具体的には、Google社内で設計したNexusをFoxconnのような企業と製造契約を結んで、ソフトウェアからハードウェアまでを自社の管理下で供給することを目指しているとのこと。The Informationでは、これはAppleと非常に似通った体制であると指摘しています。 Googleがこのような垂直統合型でNexusプログラムを進めたがっている理由としては
神戸市公式サイトがトップページを検索窓と青空だけにした理由（THE PAGE） - Yahoo!ニュース
神戸市は1日、同市の公式ホームページをリニューアルした。中央には大きな検索窓が配置され、背景は広がる青空と海の画像が表示されている。自治体のホームページとしては、これまでにない斬新なデザインで、どういった理由があったのか。担当者に話を聞いた。 「これまでのアクセスは、ほとんどが検索をされている人が多かったんです」と語るのは、広報メディア企画担当課長の南部法行さん（44）。1日の同サイトアクセス数はトップページだけで平均2万2千。担当者らが、これまでの利用者がなにをみているかを細かく解析すると、その半分以上が「サイト内検索」を利用していたという。 「皆さんインターネットに慣れてきておられるので、自分の文字で検索というのが主流になってきたと思う」と南部さん。その「検索」を逆手に取り、特化していこうと決めたという。 そして、検索窓の下には「市バス」「地下鉄」「区役所」「市立図書館」「神戸港」とい
「一人ブレインストーミング」 創造の基本は一人で考えること。 - input & output
一人で考える時間はとっても貴重。どこまでも思考の範囲を広げられるし、他人の時間を奪わない。無意味なミーティングをやめて、「一人ブレインストーミング」を始めよう！明日の朝活、今からキャンセルできますか？ 「とりあえずミーティングをしよう」 どこの組織でもなんとなく行われているミーティング。公式なもの、非公式なものいろいろあるけれど、あなたの会社ではいくつあるだろうか？ 公式：取締役会、部長会、衛生委員会…… 非公式：チームミーティング、飲み会、朝活…… 何となく集まることで普段関わらない人と交流し、新たな知見を得られることもあります。 ただ、考えてほしいのは、本当に人を集める必要があったのだろうかということです。実は一人で考えれば足りたんじゃないでしょうか。知らない人と関わりを持っただけで満足していませんか。みんなで集まった時間は、本当に意味があったのでしょうか。 一人で考えることのメリット
コードを書かずにプログラミングができる、ScratchとScratch2MCPIの基礎知識、インストール方法と簡単な使い方
コードを書かずにプログラミングができる、ScratchとScratch2MCPIの基礎知識、インストール方法と簡単な使い方：マイクラで始めるプログラミング入門（2）（1/2 ページ） 本連載では、子どもたちに大人気のゲーム「Minecraft」を題材にYouTube実況動画付きで「プログラミング」を学んでいく。今回は、ScratchとScratch2MCPIの概要を紹介し、インストール方法と簡単な使い方をYouTube実況動画で解説する。 連載目次 本連載「マイクラで始めるプログラミング入門」では、子どもたちに大人気のゲーム「Minecraft（マインクラフト、マイクラ）」を題材にYouTube実況動画付きで「プログラミング」を学んでいく。具体的には、小型PC端末Raspberry Pi（ラズベリーパイ、ラズパイ）上でビジュアルプログラミング環境である「Scratch（スクラッチ）」からM
レスポンシブウェブデザインに対応した画像を用意してくれる『Responsive Image Breakpoints Generator』 | 100SHIKI
レスポンシブウェブデザインが流行りですな。 そしてレスポンシブにおいては画像のサイズが悩みどころでもある。 広い画面用の画像と、小さい画像用の画像を同じにしてもいいが、最適化したいなら別の解像度の画像を用意するべきだろう。 ただそうした作業が面倒な場合はResponsive Image Breakpoints Generatorにまかせてあげればいい。 このサイトに元画像をアップすれば、さまざまなレスポンシブの設定に応じて必要となるマークアップと画像群を用意してくれる。 知っておいても損はないと思うのだがいかがですかね。
初心者歓迎！手と目で覚える正規表現入門・その１「さまざまな形式の電話番号を検索しよう」 - Qiita
はじめに Qiitaをご覧になっているエンジニアのみなさん、正規表現は使いこなせてますか？ 正規表現が使えるととっても便利ですよね！ あれ？そちらの方、「ぼく、正規表現ようわからへん・・・」って小さくなってませんか？？ 大丈夫です！そんなあなたのために、この記事を書きました。 知識ゼロからでも正規表現を学べるようにやさしく説明しているので、とりあえずこの記事を最後まで読んでみてください。 今は \d{2,5}[-(]\d{1,4}[-)]\d{4} が謎の呪文にしか見えなくても、最後まで読めばきっと意味がわかるようになっているはずです！ 対象となる読者 本記事は正規表現の予備知識が全くない「正規表現初心者」を対象としています。 正規表現は便利だってよく聞くけど、意味不明な呪文にしか見えなくてなんか怖い 正規表現を勉強しようと何度か頑張ったけど、結局よくわからなくて実務で活用できていない と
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
「空気を読む人」が海外で評価されない、実はとても哲学的な理由 - piano-treeの日記
インターネットでは、面識のない個人や、違う場の空気をもつコミュニティが人やグループの行動・言動に緩やかに、時に匿名で一方的に干渉できるので、職場や学校などといったリアルの世界と比べ「批判」が醸成されやすいのは我々の経験がよく知るところです。「インターネットはその匿名性ゆえに無責任な批判が跋扈する、なのでけしからん」といった議論はfacebookの実名制が普及した今でもよく目にしますが、その背後にはそもそも批判そのものが「けしからん」から、ないしは少なくとも原則するべきものではない（それゆえするなら何らかの責任を伴う）から、という前提が垣間見えます。もし批判が一般に歓迎されるべきものなのであれば、批判が集まりやすいインターネットはその意味で社会にとって有益だ、ということになりそうです。 少し前に、僧侶の松山大耕さんがTEDで日本人の宗教観を説いて話題になりました。曰く、日本人の宗教観は"be
Understanding CSS3 Flexbox for Responsive WordPress Design
Remember how hard it used to be to vertically center content on your site? If you’re struggling with the words “used to be” in that last sentence, you obviously haven’t yet cottoned onto flexbox, the answer to clean, hack-free CSS layouts. Oh man, remember how hard it used to be to vertically center content on your site? If you’re struggling with the words “used to be” in that last sentence, you o
HTTPSに必要なSSL証明書を無料で発行する「Let’s Encrypt」がパブリックベータに
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 電子フロンティア財団（EFF）は米国時間12月2日、無料で利用できるサーバ証明書発行サービス「Let's Encrypt」がパブリックベータになったことを発表した。 Let’s Encryptは、Webの暗号化を進めるEFFの長期プロジェクト「Encrypt the Web」の下で始まった。Internet Security Research Group（ISRG）が運営しており、EFF、Mozilla、ミシガン大学、Cisco Systems、Akamai TechnologiesなどがISRGのスポンサーとして支援している。HTTPの暗号化通信に必要なサーバ証明書を発行する認証局（CA）の利用にあたって費用と複雑さの2つが課題になっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新R25 - シゴトも人生も、もっと楽しもう。
Sketch can unknowingly take way too much hard drive space, here’s how to fix it.
「コードを書かなくなったら一人前」、そんな業界構造を変えたい
UIデザインは誰のもの？
IT業界・エンジニアの転職ならTech Stars Agent
