JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita
JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～JavaScriptjQuery ※2017/4/21にオンロード時のデバッグ方法8を追記しました！ こんにちは！エイチーム引越し侍の加藤です！ みなさんJavaScript書いてますか？ console.logめっちゃ使うよねーって人は目からうろこのデバッグ方法を、 ケース毎に紹介していこうと思います。(僕はconsole.log使いません) サーバーにデバッグ用のコードをアップロードすること無いので、 消さずに意図に反してリリースしてしまう危険性がないのもお勧めです。 前提知識 F12で出てくるデベロッパーツール(Elements, Console, Source, Network)の知識 Ctrl+Shift+Fで外部ソース(js,css)に対して一括検索が
OS Xでキーボードショートカットを定義する方法 — Genji App Blog
たとえば、上図の「やり直す」には「⇧⌘Z」と表示されているので「Shift-Command-Z」を同時に押下することを意味します。 本稿では、このキーボードショートカットを新たに定義する、あるいは既存のキーボードショートカットを別のものに変更する方法を説明します。 システムのショートカットを変更する方法 一般的なアプリケーションのキーボードショートカットではなく、OS Xの機能（Mission ControlやSpotlightの起動など）に独自のキーボードショートカットを設定するには、以下の手順にしたがって操作してください。 メニューバーのAppleメニューから「システム環境設定…」を選択します。 「システム環境設定」で「キーボード」をクリックします。 「キーボード」環境設定で「ショートカット」タブを選択します。 ウィンドウ左側からショートカットのカテゴリを選択します。 ウィンドウ右側か
"High 意識 Android Team" のチームワーク – その 1 | メルカリエンジニアリング
Mercari Android チームの @tsuyogoro です。US 版 Mercari Android アプリの開発を担当しています。 今年 1 月に弊社で開催した Mercari Day 2017 において、我々 Android チームは 「High 意識 Android」というお話をしました。 これから数回に分け “High 意識な開発” の実例を紹介していこうと思います。 本シリーズ第一回目では、”ベースにしている考え方” と “東京とサンフランシスコで one source 開発を行った話” を紹介します。 公安 9 課モデル 我々の間には、チームプレーなどという都合のよい言い訳は存在せん。 有るとすればスタンドプレーから生じる、チームワークだけだ。 荒巻大輔, 2002 我々は自分たちのチームワークを “公安 9 課モデル” と名付けており、”各メンバーが最高のスタンドプ
軽量シンプルなツールチップライブラリ・「Tippy.js」
Tippy.jsは軽量シンプルなツールチップライブラリです。他ライブラリを必要としない非依存型となっています。Popper.jsがベースみたいですね。オプションもいろいろ。使い方も簡単そうですね。ライセンスはMIT。 Tippy.js
なぜ女子大生は「量産型化」してしまうのか？ 元量産型の女子大生が語る、絶滅した「ガーリー型」の謎と、わたしが量産型になってしまうまで。 | アプリマーケティング研究所
なぜ女子大生は「量産型化」してしまうのか？ 元量産型の女子大生が語る、絶滅した「ガーリー型」の謎と、わたしが量産型になってしまうまで。 どうして女子大生は「量産型化」してしまうのでしょうか…。元量産型の女子大生に、その理由や経緯について聞いてみました。 ※全体を正確に調査したものではありません、あくまで参考までにご覧ください。 「量産型女子大生」とは…？？ ファッションや髪型などが、あまりに似たり寄ったりになってしまう、現代の女子大生たちについている呼称。「均一的で個性がない」というニュアンスが込められている感じ。 ※イラストはイメージです。 １、みんなが言う「量産型 女子大生」はもう絶滅した。 女子大生： みんなが言っている「量産型」の女子大生って、コレのことだと思うんですけど…。この女子ってもうあまりいないんですよ。絶滅しちゃったんですよ。 わたしも「元量産型」なのでわかるのですが、最
Safari 10.1でアップデートされたHTML系を試した - console.lealog();
ほんとはリリースノートが出てすぐ試したかったんやけど・・。 Safari 10.1 見出しとしてはこの3つ。 Interactive Form Validation HTML5 Download Attribute HTML Media Capture 相変わらず、興味あるとこだけざっくりさわったメモです。 試した環境 Mac Safari 10.1 iOS Safari 10.0 iOSも10.3.1ならSafariのバージョンは10.1になるかと思ってたけど、UA見る限り`10.0 Mobile`なんよね。 Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_1 like Mac OS X) AppleWebKit/603.1.30 (KHTML, like Gecko) Version/10.0 Mobile/14E304 Safari/602.1 Int
「Android O」では画面のオーバーレイ機能を利用してシステムUI上にアプリを描画できない | juggly.cn
Android の次期メジャーアップデート版「Android O」では、他のアプリの上に重ねて表示する機能において仕様変更が行われ、一部のアプリが Android O 上で機能しなくなることが分かりました。 Android では標準機能を利用してアプリが他のアプリやシステム UI の上にアプリ UI を描画することができます。Android Nougat までこれは可能なのですが、Android O ではこの処理についての仕様変更が行われています。 Google は Android Developers の公式サイトを通じて、Android O では「警告ウィンドウ」機能の TYPE_SYSTEM_OVERLAY が機能しないことを明らかにしました。 代わりに TYPE_APPLICATION_OVERLAY を導入していますが、これはシステム UI 上に描画することができません。つまり、
超簡単にcreate-react-appでReact + Redux + Electronの開発環境をつくる方法 - Qiita
Electronの開発環境を、create-react-appで作りたかったので調べてたら、ドンピシャのやつを発見した。 How to build an Electron app using create-react-app. No webpack configuration or “ejecting” necessary. この通りにやったらできた。create-react-appのreactの部分には一切手を加えず、webpackの設定なども不要で、コードを変えたらすぐにElectronのアプリに反映される。超お手軽で便利です。やり方は下記ですが、electron-with-create-react-appに下記修正後のコードがあります。 やり方 1. アプリ作成、インストール create-react-appでアプリを作って、electronとnode-foremanをインストールす
ニューラルネットワークが持つ欠陥「破滅的忘却」を回避するアルゴリズムをDeepMindが開発した論文を読んだ - Qiita
はじめに ニューラルネットワークが持つ欠陥「破滅的忘却」を回避するアルゴリズムをDeepMindが開発したらしいので、元論文を読んでみた。 Overcoming catastrophic forgetting in neural networks https://arxiv.org/abs/1612.00796 Introの最初から汎用人工知能とかいきなり出てくるのでおおっと思うが、やってることはめちゃくちゃシンプル 端的に言えば学習したニューラルネットのパラメータのそのタスクに対する重要度がフィッシャー情報行列で測れるよ 脳神経科学系の単語が結構出てくるので、専門家がいるのかな？とはいえこの背景は後付で、アルゴリズムが先なんじゃないかな… 元の論文では数式を端折っている箇所があるので、適宜補完しつつ、直感的解釈とかは勝手に入れている。論文の流れにはそこまで沿っていない 不正確・間違ってい
深層学習用PCを個人で自作するための部品選定ガイド(Amazon・実店舗) - roombaの日記
概要 趣味でディープラーニングを行うために自作PCを組んでみました。 自作のメリットとしては、 組み合わせの自由度が高く、ディープラーニング向けの構成を実現できる 必要十分な構成が可能なため、無駄がなく安い 部品の選定を通してハードウェアに関する知識が深まる 組み立てが楽しい などが挙げられます。 しかしながら、CPUやマザーボード、メモリ等の部品には様々な規格があり、部品の選定には正しい知識が必要です。それを共有するのがこの記事の目的です。 購入にあたっては、Amazonで調べたほか、秋葉原の複数の実店舗*1やそれらのオンラインストアを調査しました。 多くの場合Amazonが安いということが分かりましたが、一部は実店舗やオンラインストアの方が廉価でした。本記事ではすべての部品の購入先と購入価格も記します*2。目安にしてください。 結果として、最新のGPUであるGTX 1080 Ti（10
「みんなの知恵を集めたら」「ネットの知恵が薄まった」 - シロクマの屑籠
蜂蜜入り離乳食で乳児死亡、クックパッド「レシピ再確認する」…豚ユッケにも批判噴出 - 弁護士ドットコム 「離乳食としては危険な、ハチミツを使った離乳食のレシピが掲載されている」「生肉を使った不適切なレシピも掲載されている」等でクックパッドが批判されているらしい。 【知名度のあるネットサービスに間違った情報が存在する＝悪い】とみる以前に、そもそも、ユーザーが投稿しあうタイプのネットサービスにはついてまわる問題なのだろう。 ２ちゃんねるに書き込まれた情報も、google検索で拾える情報も、クックパッドや食べログやYahoo!知恵袋に書かれた情報も、玉石混交という点では変わらない。 00年代には、インターネットにみんなの知恵を集めたら、素晴らしいものができあがるんじゃないかという期待が生まれた。いわゆる「web2.0」である。 ウェブ進化論 本当の大変化はこれから始まる (ちくま新書) 作者:
新人プログラマのうちに身に付けたい習慣、考え方（この半年で学んだことと反省） - Qiita
新人プログラマのうちに身に付けたい習慣（この半年で学んだことと反省） はじめに 半年よりちょっと前に未経験からプログラマになりました。 プログラマと言っても、この約半年間はほとんど研修を受けさせていただいていた感じなので、偉そうなことは言えません。 しかし、この約半年で反省したことや学んだことを自戒の念も込めて、まとめました。 主体的に学ぼう 能動的に自ら学び、自走しましょう。 新しい技術を学ぶということは非常に楽しいことです。 すごい先輩方は大抵、新しい技術を身につけるためにその技術を学ぶことを「その技術を勉強した」というよりも、「その技術を使って遊んでみた」と表現している気がします。つまり、必要だからしょうがなく学ぶのではなく、半ば趣味として新しい技術で遊んでいたら、身についたーという感じでしょう。 教えてもらって学ぶという姿勢ではなく、自ら楽しいから学ぶ(=その技術で遊んでたら身につ
Windows 10 Creators Updateがやってきた！――確実にアップグレードする方法を再確認
Windows 10 Creators Updateがやってきた！――確実にアップグレードする方法を再確認：山市良のうぃんどうず日記（90：特別編）（1/4 ページ） 2017年4月6日（日本時間、以下同）、Windows 10の最新バージョンである「Windows 10 Creators Update」が正式にリリースされ、利用可能になりました。4月12日からはWindows Updateを通じた配布が段階的に始まります。 連載目次 Windows 10 Creators Updateはクリエーター向け？ 「Windows 10 Creators Update（バージョン1703、ビルド15063）」は、2015年11月のNovember Update（バージョン1511、ビルド10580）、2016年8月のAnniversary Update（バージョン1607、ビルド14393）に続
「誰が言うか」は「何を言うか」以上に大事
ITベンダーA社の要件定義チームの一員である山田さん。ユーザー企業B社のプロジェクトで懸案になっている要件を、鈴木経理課長に納得してもらう必要に迫られています。鈴木課長の要求を取り入れると、工数が大きく膨らむ恐れが強いからです。山田さんは代替案を準備し、提案しました。 「鈴木課長、先日の要求、こちらの方法ではいかがですか？ これなら…」 「無理無理。ユーザーが納得しない」 ろくに話を聞いてもらえなかった山田さんは、チームの先輩の在田さんに相談しました。 「そうか。俺が掛け合ってみよう」 後日のミーティング。今度は在田さんが提案しました。 「鈴木さん、この方法にすれば十分にご要望に応えられますよ」 「なるほどね。さすが在田さんだ」 山田さんは驚きました。在田さんも同じ提案をしたのに、鈴木課長のうなずき具合が全く違ったからです。 「同じ提案内容であれば、誰が言っても結果は同じ」と思ってはいませ
SensuとUchiwaのインストールと基本設定のポイント
新たなクラウド監視ツールとして注目され始めている「Sensu」の活用方法を解説する本連載。今回は、Sensu本体とSensuのダッシュボード「Uchiwa」のインストール方法を解説します。 連載目次 いよいよSensu本体をインストール！ 前回は「Sensu」で必要となる2つのミドルウェア「Redis」と「RabbitMQ」について、その概要と構築方法を説明しました。監視結果などのデータの保存と、「sensu-server」と「sensu-client」の間の通信といった役割、公式ドキュメントに従った構築のチュートリアルを通して、理解を深めていただけたと思います。 今回はいよいよSensuの本体である「sensu-server」「sensu-client」「sensu-api」と、Sensuのダッシュボードとなる「Uchiwa」のインストールと設定方法を解説します。前回に引き続き、「Ubu
VBAでドライブやファイル、フォルダの存在チェックを行うには
TIPS「FileSystemObjectを使うための準備――ファイル／フォルダをコピーするには」では、ファイルシステムへアクセスするメソッドなどを提供するFileSystemObjectなどを紹介したが、今回は、指定したドライブやファイル、フォルダが存在するかどうかをチェックする方法を解説する。 ドライブの存在チェックを行うDriveExistsメソッド ファイルの存在チェックを行うFileExistsメソッド フォルダの存在チェックを行うFolderExistsメソッド ドライブの存在チェックを行うDriveExistsメソッド 任意のドライブが存在するかどうかをチェックするには、DriveExistsメソッドを使用する。書式は下記のようになる。 ｛fso｝は必須だ。FileSystemObjectオブジェクトの名前を指定する。 ｛drivespec｝も必須だ。ドライブ文字を指定する。
3年間作り続けて来たアプリをSwift化した話 | CyberAgent Developers Blog
初めまして。 サイバーエージェントの子会社の株式会社マッチングエージェントでエンジニアをしている海川です。 2017年3月1日に開催されたCA.swift #2で発表した内容から少し変えたものを語っていきます。 当日の資料はこちら スライドでは合宿の話が多いですが、こちらの記事では省いてSwift化の部分だけにしてあります。 目次 swift化した理由 swift化ツールについて swift化するときのポイント 最後に Swift化した理由 swift化した理由は2つあります 1つ目は、エンジニアとしての今後の成長のためです。 当たり前の話ですが、今後iOSエンジニアとしてやっていくなら、Objective-CをやるよりSwiftを学んだ方がいいです。 Objective-CからSwiftに変換するのに時間がかかってしまいますが、それ以上の価値があると判断しました。 2つ目は、エンジニア採
MySQL 8.0.1でutf8mb4_ja_0900_as_csが導入された
Sushi = Beer ?! An introduction of UTF8 support in MySQL 8.0 | MySQL Server Blog （ユーザーによる日本語訳: 寿司=ビール問題 : MySQL 8.0でのUTF8サポート入門 (MySQL Server Blogより) | Yakst）で言及されていた日本語用の照合順序 utf8mb4_ja_0900_as_cs 。 mysql80> SHOW COLLATION LIKE 'utf8%ja%'; +-----------------------+---------+-----+---------+----------+---------+ | Collation | Charset | Id | Default | Compiled | Sortlen | +-----------------------+-
DeepMind の深層学習ライブラリ Sonnet を早速試してみた - ディープラーニングブログ
どうも，Ryobot です．夜桜を眺めながら酒を呑みたい季節になって参りました． 追記 4/19 DeepMind から Differentiable Neural Computers の Sonnet 実装 が公開されました．今後も PathNet や Elastic Weight Consolidation 等の実装が公開されることを期待したいですね． Sonnet は 4月 7日に公開されたばかりの DeepMind 謹製の深層学習ライブラリである．もともと DeepMind の社内で使用されていた TensorFlow のラッパーライブラリだったが，論文の実装を共有しやすくするためにオープンソースとして公開したようだ．Sonnet の最たる特徴として再利用可能なモジュールを複数回接続して計算グラフを構成することが挙げられる．Sonnet は TensorFlow Core の関数や
DeepMind社謹製の深層学習ライブラリ『Sonnet』の事始め - プロクラシスト
こんにちは、ほけきよです。 DeepMindが数日前に、tensorflowを用いたモジュール"sonnet"をオープンソース化しました。 普段Kerasしか使っていないのですが、ちょっとだけ触ったり調べたりしたので インストール方法 Exampleについて Kerasとの違い。想定ユーザ など、所感とともにメモとして残しておきます。 sonnetとは requirement インストール方法 bazelのインストール sonnetをダウンロード、チェック ビルド、インストール チェック Exampleを試す タスク データセット 結果 中身をちょっとだけ見る 所感 sonnetとは DeepMind(今一番キテるGoogle傘下の研究所)が社内用に使っていた深層学習用ライブラリ tensorflowのラッパー的立ち位置(tensorflowが入っていることが必要) Linux/MacOS
React Native と Android Studio を使い比べてみる - 株式会社Rmake Blogs
黒田 大介(Dycoon)です。仕事では少し入り組んだwebアプリのフロントエンドをJavaScriptで書いたり、Unityを触ったりしています。 今回は Smartphone でプラットフォームが用意している UI の機能を使うようなアプリ開発について調べてみます。Smartphoneのアプリ開発ではプラットフォームが用意している開発環境と、それらを間接的に扱う代替的な開発環境のどちらを使うかという選択肢があります。 基本的にはSmartphoneアプリ開発はOSのプラットフォームが用意している開発環境を利用すればおこなうことができます。 Android Studio + Android SDK + Java (あるいはKotlin等JVMを出力できる言語) XCode + iOS SDK + (Objective-C or Swift) これらを使う場合、プラットフォームが提供するA
webpack2はじめました - Qiita
仕事のプロジェクトでお世話になっているRailsが5.1からwebpackがサポートされるということで、そろそろモダンなフロントエンドにも力入れていきたい所存であるからして、手始めにwebpackとはなんぞやというところから始めようと思った次第です。 webpackとは webpack事始め v1とv2で全然違うのが罠 以上のことを自分なりにまとめてみました。 自分用の備忘録なので、分かりづらかったり、よく理解できてなかったりするかもしれませんが…コメントなどで指摘していただけるとありがたいです。 webpackとは webpackとはなんぞや。 早い話、Ruby大先生で言うところのBundlerみたいなもの……って例えるとわかりやすいでしょうか。 ちょっと違うような気もします。Node.jsのnpm先輩もいますし…。 モジュールバンドラー っていうのが正解らしいのですが、じゃあこのモジュ
React Componentのスタイルガイドを自動生成してパーツの再利用をしやすくする - KAYAC engineers' blog
こんにちは。カヤックのReactおじさんこと島津です。 最近はVue.jsにも浮気し始めましたが、Reactについての記事を書きます。 Reactのコンポーネントが増えてきて管理が大変 Reactを使うとコンポーネントの部品化が捗りますが、 開発規模が大きくなってくるとその数も増えてきて管理が大変になってきます。 スタイルガイドを導入 スタイルガイドとは、UIパーツの用例と実表示例をまとめたドキュメントのことです。 これがあるとパーツの再利用性が高まります。 例：Codepenのスタイルガイド 人力で手書きしていっても良いのですが、更新が追いつかなかったりするので自動生成する仕組み化ができるツールを使いましょう。 代表的なものとしては、CSSのコメントからドキュメントを自動生成してくれるkss-node などがあります。 今回はCSSだけではなく、Reactのコンポーネント単位でドキュメン
フロントエンドGUIの状態の整理 - しゅみは人間の分析です
昨日の🍺のあとに考えていた雑感。フロントエンドから見たGUIの状態を個人の主観をもとに整理しています。 背景 複雑なJavaScriptアプリケーションを考えながら作る話 と id:Pasta-K がReact + Canvasで色々やっていた話 などなど。 Reactなどの現代フロントエンドはたいへんしんどいGUIであるという前提もあります。 GUIの状態の種類 人間 諸悪の根源。 だいたいこいつが状態を変更してくる。バリデーションが必要なのもこいつのせい。 わかりやすいUIを提供しないと人間が弱る。 View Viewの中の状態。UI上の選択状態とか。 Viewに状態を持ちたくない宗派としては、できれば非永続化層（メインのビジネスロジックと状態を持った層）か永続化層（DB）にすべての状態を持っていて欲しいが、パフォーマンス上の問題でthis.stateに状態を持つことはありえる。Re
Pythonという“道具”にあえてこだわり開けた道
「ITに全く関係ない分野からITに飛び込んで活躍しているエンジニア」や「ITとIT以外の分野の境界を行き来しながら成果を上げているエンジニア」を「越境エンジニア」と名付け、1カ月に一人ずつインタビューを掲載する。今月取り上げるのは佐藤治夫氏。Pythonに特化したシステム開発会社であるビープラウドの創業者だ。今回は、ビープラウドがPythonに特化した経緯や理由、リモートワークの全面採用などについて聞いた。 （前回から続く） ビープラウドを設立してから最初の2年弱はJavaでシステム開発をしていました。しかしJavaだと他の企業と差別化できません。Javaエンジニアの採用を大手企業と争うことになります。「本当は大企業に入りたかったが入れなかった」という人に来られても困ります。 大手企業と採用で競争しないためにどうすればいいかを考えた結論が「Pythonの採用」でした。2008年4月にPyt
SIについて私が思ったこと。そしてSIerにおけるモダン開発について : 小野和俊のブログ
ひとことで言えば、「レビュー文化は良くない」ということになるだろうか。 Slack導入、そして同時期に開始した服装の自由化、バイモーダルという考え方の浸透、AIやブロックチェーンを活用したPOC等の取り組みによって、SIerとしてのセゾン情報システムズは、社内の雰囲気もずいぶんと変わってきた。 しかし、こうした取り組みだけではどうにもならないものも少なからずあった。 そのひとつは、「悪い報告がしづらい」ことだった。 これは他のSIerでも同様のことが多いのではないかと思うが、問題プロジェクトに認定されると、品質管理部のモニタリングが強化されたり、第三者によるプロジェクト監査が始まったり、経営会議での定期的な報告が求められたり、何をやっているのかとレビューでこっぴどく叩かれたり、、、。 そうした責任感から、遅れをキャッチアップできるよう少しでもがんばろう、と励まし合う中で、それなのに四方から
追記したよ。電車内飲食禁止っていう俺ルールができたのって最近？
電車内飲食が原則じゃないという事に関してはこちらで http://anond.hatelabo.jp/20170415173248 以下最初に書いた文章 いや、田舎出身で電車と言えば始発で座れるのが当然、座れなければ混んでるって思うくらいで。 電車内は食事すべきではないどころか積極的に食事をしていい所と認識してて、はてなでこの手の話題見るまでマジで知らなかったんだよね。 2000年前後くらいに、山の手線にも接続する近郊のJR線に毎日のようにのって飯くってたよ。年単位だから100とかじゃきかないレベル うーん、おにぎり惣菜パン、弁当屋のカツ丼とかコンビニのチャーハン、カルビ弁当、スパゲッティ、そば、あと牛丼屋のテイクアウトしたやつとか。 マックやモスも。さすがにピザとかは食べないがまあ普通に座って食べれるものなら食べてたよ ロングシートに座って平然と食べてたんだが、正直一度も文句を言われたこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
request: faster manual alignment - SourceGear Support
ホバーでアイテムが立体的に傾くエフェクト実装「Tilt Hover Effects」:phpspot開発日誌
3Dでショールーム風に表示した実験的UI:phpspot開発日誌
Google、機械学習を応用した無償のオンラインお絵描きツール“AutoDraw”を発表 ～手書きの絵を認識し、アーティストの描いた高品質なイラストへ変換
https://geechs-magazine.com/tag/interview/20170409
iOS開発とGitLab CI - Speaker Deck
VS Code March 2017 で入った、日本人なら今すぐ有効にすべき新機能 - Qiita
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Linux/エラー：そのようなファイルやディレクトリはありません | Tipi