デザイナー、エンジニア、マーケターの「掛け算」のスキルアップを応援するパスファインディング・メディア「WPJ」が2017年に公開した記事は、500本あまり。HTMLやJavaScriptのチュートリアルから、UXデザイン、ネット広告のトレンド解説記事まで、読者によく読まれた記事ベスト10を紹介します。 【1位】もう実機は不要!? Chromeのモバイルエミュレーターがとんでもなく進化していた Chromeデベロッパーツール、使いこなしていますか？ モバイルブラウザーエミュレーターの機能が拡張され、通信帯域やセンサーのシミュレーション、PWAの検証など、どんどん進化しています。これは便利です！ 【2位】2017年のPHPフレームワーク——2強時代に何を学ぶべきか？ 動きの早いフロントエンド界隈や他の言語の躍進の話題に押されて、いつまでも古い知識のままPHPで開発していませんか？ 知識のアップ

【JavaScript】各ブラウザでダウンロード処理を実装する（Chrome, Firefox, IE, MS Edge, Safari） Webページから何らかのファイルをダウンロードしたい場合は、ブラウザごとに実装する必要がある。 以下のブラウザを対象とする。 Chrome Firefox Internet Explorer 11 MS Edge Safari ※ 2016/05/23時点での最新バージョンで動作確認済み ダウンロード処理を実装する // ダウンロードしたいコンテンツ、MIMEType、ファイル名 var content = 'abc'; var mimeType = 'text/plain'; var name = 'test.txt'; // BOMは文字化け対策 var bom = new Uint8Array([0xEF, 0xBB, 0xBF]); var b

「Ubuntu Server」も「Ubuntu 18.04」から32bit版（i386）のディスクイメージが提供されなくなります。 Fwd: i386 images 「Ubuntu Desktop」ではすでに、「Ubuntu 17.10」から「Ubuntu Desktop」32bit版のディスクイメージがリリースされなくなっています。 Ubuntu Desktop 32bit版のディスクイメージ提供終了へ パッケージは無くならない・アップグレードも提供される 「Ubuntu Desktop」と同様に「Ubuntu Server」でも32bit版のディスクイメージが提供されなくなります。 とはいえアーカイブ（リポジトリー/パッケージ）は残りますし、32bit版のアップグレードも提供されます。 またmini.isoやd-i（Debian Installer）イメージも引き続き提供されます。 「

81歳でシニア向けのゲームアプリを開発した“ITおばあちゃん”若宮正子氏が書いた本『明日のために、心にたくさん木を育てましょう』が2017年12月7日、ぴあから出版された。初版6000部だが反応がよく、発売前に重版が決定したという。 【関連画像】2017年12月上旬に発売された「明日のために、心にたくさん木を育てましょう」（若宮正子著、ぴあ刊、税抜1100円） 若宮正子さんは1935年生まれ。東京教育大学（現在の筑波大学）附属高校を卒業し、大手都市銀行に62歳まで勤めた。その後、在宅で母親の介護をしながらオンラインチャットを始めたことからパソコンの魅力に開眼し、やがてシニアのためのゲームアプリがないことに不満を抱くようになった。「それなら自分で作ってしまおう」と考え、81歳でアプリ「hinadan」を開発したところ注目され、米アップル社が年1回開催する世界開発者会議WWDC（Worldwi

フリーターがプログラマー就職する方法をお伝えします。 フリーターがIT企業へ就職する為の６か条 １. プログラミングを勉強して制作物を作る ２. ポートフォリオを作成し面接で手渡す or 郵送 ３. 履歴書の自己PR欄に制作物URLを貼り付ける ４. 技術ではなく「IT企業で働きたい熱意・やる気」を伝える ５. 知らない技術に貪欲になる ６. 社会人スキルがもっとも重要だ フリーターが就職する時の悩みに答える １. 知識なし・実務経験なしから未経験就職できるのか？ ２. プログラミング言語は何を選べば良いのか？ ３. 経済的、時間的余裕がない。しかし未経験から就職したい フリーターがプログラマー就職する方法｜IT企業へ正社員就職したい 就職支援サイトでIT企業への就職活動をするパターン 就職shopを千葉で利用して、良かったこと 無料のプログラミングスクールで就職するパターン おすすめのプ

個人的に今年買って良かったモノで一位だったのが、より快適にブログを書くことができる『HHKB Professional BT（以下 HHKB BT）』。病みつきになるスコスコとした打鍵感と、押し心地が非常に心地よく、ブログを書く際には絶対に欠かせないガジェット。 毎日持ち歩いているくらい気に入っているのだが、唯一気に入らなかったのがキートップの刻印。とくに白モデルは印字が同系色ではなく、灰色のため昔の “パソコン” のようなカラーリングだ。まあ悪くはないのだが、やはり刻印のない無刻印モデルがシンプルでかっこいいので、日本語版 HHKB BT を無刻印化してみた。 せっかくなので記事として紹介しておきたい。 ▷新しいHHKB『HHKB HYBRID Type-S』をレビューしています！ キーボードはファッションだ！無刻印のキーボードが圧倒的にお洒落でカッコいい 公式ページより 普段あまり P

「いま、どのエディタが一番人気なのか」 宗教戦争※になぞらえるほどの議論を巻き起こすこの問題に、転職ドラフトチームはデータから答えを出してみたいと思います。 すでに登録済みの方はご承知のとおり、転職ドラフトの登録フォームには「好きなエディタ」を入力する項目が用意されています。そのデータを集計の上、審査を通過したユーザーのみを対象として、「昨対比」「年代比」「言語別」といった多視点から分析を行なってみました。 さて、あなたが愛用するエディタはいったいどこに位置しているでしょうか？（どんな結果になっていても怒らないでください…） 【集計対象】 転職ドラフトの審査を通過したユーザー1642人 【目次】 2017年度版 エディタ使用率を大公開！ ヤングVSアダルト！年代別エディタ使用率比較 エディタ別 指名率＆指名数比較 エディタ別 GitHub＆Qiita入力率 プログラミング言語別 エディタ使

TL;DR; lldを使えばwasm32-wasm向けにコンパイルされた.oファイルをリンクして、WASMを出力できます。 書いてある内容はLinux、もしくはmacOSでは、そのまま使えると思います。使用しているLLDは6.0.0です。 ClangでもWASMを作れます。 CからWASMを作成するにはEmscriptenを使う、というのが普通でした。というより、ほぼ唯一の手段だった時もありました。 WASMのMVPがリリースされて以降、多くのコミュニティでWASMに対応するための開発がなされました。その一つの結果として、LLVMを利用したC/C++コンパイラーのClangがWASMに対応をしました。その後、LLVM向けのリンカlldもWASMに対応するようになりました。 この結果、次のようなパスで.wasmファイルを作れるようになりました。

2017年3月からGCEのf1-microインスタンスが一人1台無料になりました。私自身3月からずっと起動したままで運用してきて10月まで無料で使わせてもらっていたのですが、下記の通り11月は1円を請求されていました。 GCEのf1-microインスタンスは1ヶ月分（月の日数に応じて720時間もしくは744時間）のCPU利用が無料になるのですが、11月は721時間使っていたというのです。 課金された理由はサマータイムの終了 いい大人であれば1円くらい仕方ないなと思うところでしょうが、私は理由が気になって課金ログを確認してみました。すると、11/5だけ25時間分のCPUを使っていることがわかりました。アメリカの11月第1日曜日はサマータイム終了の日なので、実際に1日が25時間あるのです。 これがGoogleさんの意図通りかは不明ですが、おそらく考え漏れなんじゃないでしょうか。サマータイムって

Who? ジョージ エンジニア at Qiita＋Increments @JorgeBucaran GitHub Twitter Qiita jbucaran.hatenablog.com 今まで作ってきた OSS は？ fly – Generator & Coroutine-based build system. fisherman – A concurrent plugin manager for fish. hyperapp – 1KB JavaScript library for building frontend applications. アジェンダ What is Hyperapp? GitHub Documentation Examples Why Hyperapp? How does it work? Differences with other libraries Wh

CircleCI 2.0 のドキュメントに書かれている小ネタですが、つい最近まで知らず、試してみたので紹介します。 TL;DR データベースディレクトリに tmpfs を使う Docker イメージもあるよ(circleci/postgres:*-ram) tmpfs を使わない版では書き込み性能のチューニングがされているよ 普通の書き込みでは差が出ないみたいだよ CircleCI 曰く tmpfs をマウントしたディレクトリを PostgreSQL のデータベースディレクトリとして利用する事で、テスト実行時間を短縮出来る可能性があります、とのこと。 Optimizing Postgres Images The circleci/postgres Docker image uses regular persistent storage on disk. Using tmpfs may ma

anaconda環境でのcaffeを動かしたかったが、Makefile.configを変更してもうまく動作せず。いったんバージョン管理を使わない環境での構築手順はメモしておく。 間違っていたら連絡を頂ければありがたいです。 ubuntuでのインストール 一般的な依存関係 sudo apt-get install libprotobuf-dev libleveldb-dev libsnappy-dev libopencv-dev libhdf5-serial-dev protobuf-compiler sudo apt-get install --no-install-recommends libboost-all-dev

Laravelのページネーション機能を使って、オリジナルのページネーション付きテーブルコンポーネントを作成します。 テーブルとページネーションの見た目はBootstrapのコンポーネントを使います。 プロジェクト作成 まず適当な名前でプロジェクトを作成します。 Laravelインストーラを使うなら以下のような感じで。 テーブル作成 デフォルトで存在しているマイグレーションファイルを改変し、名前・メール・住所フィールドの入ったusersテーブルを作成します。 database/migrations/xxxx_create_users_table.php public function up() { Schema::create('users', function (Blueprint $table) { $table->increments('id'); $table->string('na

import numpy as np import matplotlib.pyplot as plt # 押した時 def Press(event): global x1,y1,DragFlag # 値がNoneなら終了 if (event.xdata is None) or (event.ydata is None): return # 丸める cx = int(round(event.xdata)) cy = int(round(event.ydata)) x1 = cx y1 = cy # フラグをたてる DragFlag = True # ドラッグした時 def Drag(event): global x1,y1,x2,y2,DragFlag # ドラッグしていなければ終了 if DragFlag == False: return # 値がNoneなら終了 if (event.xd

メリークリスマス。フレンズのいない家でファミチキを一人食べる寂しさに怯えてはいませんか？ フレンズは待っていてもやってきません！外に出てフレンズを捕まえよう！そう思い立ち開発されたのが今回紹介するクソアプリ、「けものぷよ」です。 Special Thanks to けものフレンズ たのしいしくみ 外に出る 手持ちの携帯でフレンズを取る フレンズが落ちてくる フレンズが3つそろうと消える たのしー！ (きえてしまってはフレンズが集まらないのでは・・・という指摘は受け付けません。かれらは夢のパークへいったのだと思います)。 たのしいアーキテクチャ 写真を撮る IFTTTで画像を転送 TensorFlow Object Detection APIでフレンズを発見する 物理エンジンでフレンズが落ちてくる たのしー！ たのしいを実現するフレンズ TensorFlow Object Detection

本を書きました！ GAS＆JavaScriptの基本、各サービスの実務への活用方法、ならではのルールやハマりポイントなどを網羅した463ページ。 「こういうGAS本が欲しかった！」という完全入門書きました。 ／書籍「詳解！Goo… https://t.co/DxsJJ1Ce4Y

You 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

Dedicated to JavaScript and its awesome community since 2015

こちらの記事を読んで。React&Redux でアプリを作る上で基本的だが重要なことが書かれていたので、後で見返すためにメモ。 なお本文は原文記事の完全な翻訳ではなくポイントだけかいつまんで自分の考えも交えたものです。 また、まとめさせていただく上で著者の許諾を得ています。 （拙い英語でおそるおそる訪ねたら流暢な日本語で快諾いただいてびっくり） もちろん、かまいませんよ！よろしければ, 私のサイトにリンクしていただけませんか？— Joe Ellis (@notjoeellis) 2017年6月26日 State state の形を計画（設計）する（Plan your state shape） state オブジェクトの構造をきちんと設計することは非常に重要。 こういった構造にすればいい！という唯一解はないが、設計の手助けとなるチェックリスト（質問リスト）がこちら。 users, accou

こんにちはじょうじですよん！ 先週はNihonbashi.js #1でトークして来ました〜！ 今回も楽しい話をたくさん聞きました！！ [:contents] 【5/28追記】 Nihonbashi.jsの記事が上がっていたので載せておきます。 非同期JavaScriptの過去と未来 by brn0227 まずはこの前 Meguro.es x Gotanda.js #1 でも一緒にやった、brn0227のトーク！ 非同期JavaScriptの過去と未来 from Taketoshi 青野健利 非同期JavaScriptの色々なやり方についての話。僕もある時、非同期処理にハマっていて、色々研究したり試したりしていたから、面白かった！ Callbacks, Promises, Generators, yield, async/awaitなどたくさんの方法を、それぞれの説明と、コードサンプルを混ぜ

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

こんにちは。毎日あったかくなって来ましたね。僕は暑い国から来たけど、実は暑いのは苦手。今の季節は最高に気持ちがいいね。 日本に住む外国人エンジニアの僕だけど、最近いくつか嬉しいことがあった。 Hyperappの紹介記事が掲載されました この前、こちらのサイトがHyperappを紹介してくれました！ @bl6さん、ありがとうございます！！ MOONGIFTさんの記事に続いて、多分2つめの日本語記事だと思う。 英語での記事はいくつかあるんだけど、日本語での記事を見ると特に嬉しいなあと思う。 自分の作ったものを使ってもらえるのはとても幸せなことだ。その中でも特に、日本のエンジニアに使ってもらうのはすごく嬉しい。だって僕は日本が好きだからね。 それに、ネイティブじゃない言葉で技術的なアウトプットするのは大変。勉強会では日本語でトークしたりしてるけど、まだまだ勉強が必要。 とにかくありがとう！！感謝

東京は東京でも有楽町だった回。 Node学園 24時限目 - connpass 「Node.js x WebAssembly」 by yosuke_furukawa Node.js x WebAssembly // Speaker Deck WebAssemblyとは ポータブルで効率のいいバイナリ Nativeと同等の速度を目指す ユースケース ネイティブモジュールをWebで使いたい `vim`とか <- 誰がやるん https://rhysd.github.io/react-vimjs/ ゲーム ブラウザ外でも使えるけどそんなにターゲットではなさそう 全部を置き換えるのではなく、CとかC++で書いてあるものを動かすところから Node.js x Native Module 現時点で、どうやってNative Moduleを使うか NAN https://github.com/nodejs

100+ different counter apps... �K�-7V ���*7V 100+ different js counter apps... 101-hyperapp-v2.x.js 0%�*7V 0 !*7V import { h, app } from "hyperapp" app({ init: 0, view: state => ( <main> <h1>{state}</h1> <button onclick={state => state - 1}>-</button> <button onclick={state => state + 1}>+</button> </main> ), container: document.body }) 102-react-values.js p.]*7V 0��(7V import { NumberValue } from

はじめに 2016年11月に TypeScript 2.1 がリリースされ 、ES2016(ES7) と足並みを揃えつつより現代的なプログラミング言語の機能の大半が揃いました。Angular2 からの採択や TypeScript のネイティブ対応、 Visual Studio および Visual Studio Code の強力なコーディング支援によって、その存在感を増しつつあります。 この記事では TypeScript 2.1 で新たに導入された機能や TypeScript 1.8 頃から入っていった大きな変化をさらいつつ、実際のコードをどう書き換えればよいかを示していきます。 基本的には TypeScript 1.5 から 1.7 くらいで止まっている人が対象ですが、Angular2 を機に入ってきたようなニュービーの方にも巷の古いサンプルコードを読み替える役に立つと思います。 ＃——

The Qiita Advent Calendar 2017 is supported by the following companies, organizations, and services.

海外のITエンジニアは技術革新の速さにストレスを感じる Overseas engineers feel stress to catch up with new technology 2017.12.26 Updated by Mayumi Tanimoto on December 26, 2017, 07:10 am JST 年末進行も一段落し、お正月休みに入られている方も多いのではないでしょうか？ 年末はストレスフルな時期ですが、これは欧州や北米でもあまり変わりません。ただし、日本との違いは休暇が長いことです。 休暇は長いとはいっても、やはりストレスはあります。しかし、日本とは感じるストレスが異なるという点には注意が必要でしょう。 ビジネスの変化が激しいので、ITも変化が激しく、対応が大変なことがその一つです。仮想化やブロックチェーン、IoT、モバイルなど事業会社でも新しい技術を導入する

指定されたURLは存在しません。 URLが正しく入力されていないか、このページが削除された可能性があります。

印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 本連載「サイバーセキュリティ未来考」では、注目のキーワードを読み解きながら、企業や組織におけるセキュリティ対策のこれからを占う。 企業で採用が広がる「脆弱性報奨金制度」 「脆弱性報奨金制度」とは、製品やサービスを提供する企業が、それらに存在する脆弱性を発見してもらう制度のこと。「バグバウンティ」や「バグ報奨金制度」と呼ばれることもある。以前から脆弱性を発見してメーカーなどへ報告する「ホワイトハッカー（善意のハッカー）」は存在したが、報酬を受け取ることができる仕組みがなく、報告できる公的な機関も少なかったことから、SNSやブログで公開するケースもあった。 脆弱性報奨金制度の歴史は古く、1995年にウェブブラウザを開発するNetscapeが

簡単！Spring BootでWebAPIをたたいてJSON形式のレスポンスをjavaオブジェクトに変換JavaWebAPIspringThymeleafSpringBoot 概要 spring bootを使って世の中に公開されているwebAPIをたたいてみよう！ 今回は一例として日本郵便が公開している『郵便番号検索API』を使用してみます。フォームで入力した郵便番号をリクエストURLにGETパラメータとして渡し、json形式のレスポンスを取得後、javaに変換しレスポンスの内容を画面に表示します。 開発環境 macOS Sierra 10.12 java version 1.8.0_65 Spring-Boot 1.3.5 Thymeleaf Gradle 参考資料 5.17. RESTクライアント（HTTPクライアント） Jackson使い方メモ 郵便番号検索API - zipclou

= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =========> Download Link music java free for windows 8 64 bit= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = Oracle's Java Runtime Environment (JRE) for 64-bit Windows PCs contains the Java Virtual Machine,. Operating Systems, Windows XP/Vista/Server 2008/7/8. The Java Development Kit co

高卒資格職歴なしニート21歳はプログラマー就職できるか？ お伝えします。 高卒資格職歴なしニート21歳はプログラマー就職できる？ 専門学校を検討。けど、お金がかかる 就職Shop : ニートのプログラマー就職 / 転職率No.１ 就職shopで仕事をさがして、僕は受かりました。 成功！ニートが就職して正社員内定する方法 高卒資格職歴なしニート21歳はプログラマー就職できる？ 僕は脱ニートのために、正社員の仕事を探しにハローワークに通い始めました 。 IT未経験・実務未経験でプログラミング言語も使えない私が、無謀ながらプログラマーの仕事をしたいとハロワ窓口で仕事を探しました。 すると・・・ ・未経験で職歴なしの僕に働く場所はなかった ・田舎（千葉県のとある田舎）でIT系求人がなかった という状態でした...。 プログラマーの職業訓練校という手も考えましたが、正直、違うかなと。 専門学校を検討

これに合わせてSchemeもStagingとProductionの2つ作成しており、Runした場合はそれぞれの環境のDebug版が実行され、Archiveした場合は必ずRelease版がビルドされるようにしています。 あとはアプリ名、アイコンもそれぞれの環境で変更することで事故が起こらないようにしています。 手順 1. Firebase上のプロジェクトにアプリをConfiguration分作成する 開発版とリリース版など環境ごとにFirebaseの管理を分けたいのでその分だけFirebaseのプロジェクトにアプリを作成します。今回の場合だと最終的に以下のような感じになると思います 細かい手順は公式リファレンスを見ていただくのが早いです。 2. GoogleService-Info.plistを名前を変えて全部プロジェクトに配置する 次はGoogleService-Info.plistをダウ

Androidアプリのビルド、遅くて重くて、辛いですよね？ ビルド中に、ブラウジングなり、Twitterなりをすれば良いんですが、マシンが重くてまともに見れないときもあります。ラップトップのバッテリー消費も激しいですよね。 長い間、Androidアプリのビルド高速化については議論されており、様々な解決法がありますが、今回は高性能なリモートマシンを用いる方法でこれらの問題を解決します。 一見、リモートビルドは面倒な印象があると思いますが、今回はMainframerというツールとそのプラグインを用いることでサクッと仕組みを構築していきたいと思います。 Mainframerとは、リモートマシンビルドをサポートするツールのことです。ファイルの同期、ビルドコマンドの実行、生成物の転送を自動で行ってくれます。このツールがGradleに対応していて、Androidのビルドに使うことができるので、今回はこ

お試し環境であればどのサンプルを使っても問題ないかと思います。実運用環境では、数十分〜数時間の長時間のクエリを実行するケースも想定し、ワーカーを使って非同期にクエリを処理する構成にするのがよいかと思います。 ちなみにメッセージキューにはRabbitMQやAmazon SQS、クエリ結果の保存先にはAmazon S3やMemcachedも使えるようなので、別の機会に試してみたいと思います。 ディレクトリ構成 . ├── docker-compose.yml ├── postgres ├── redis └── superset └── superset_config.py 「postgres」、「redis」、「superset」ディレクトリを用意しコンテナからマウントします。 「postgres」、「redis」にはそれぞれのDBファイルを格納します。 「superset」にはSupers

この連載の概要 この連載では開発担当者/運用担当者が一体となって価値を創造していく活動、いわゆる「DevOps」について各プロセスでどのような活動を行うのか、それらのプロセスにどういったツールが存在するのかをご紹介いたします。 対象読者は社会人2〜3年目のエンジニアで、チームリーダーとして開発環境やインフラ環境の設計、チーム内で利用するツールの選定/導入/運用を今後担当するような方を想定しています。 これまで開発が中心だったためインフラ/運用側のことは不安という方や、逆に開発のことはよく分からないという方に向けてDevOpsのプロセス全体像やどのようなツールが存在するのかを広く紹介することで実際のツール選定や導入に役立てていただきたいと思っています。 特に筆者の主な業務領域である開発面の紹介を通じて普段インフラ/運用側の業務を担当されている方にも開発からの一連のプロセスを知ってもらいDev

speee.connpass.com 行ってきました。 twitter に適当に投稿はしましたがだいぶはしょっているのでそれの補完を。 「突然CentOSが落ちるコードをコミットする人はちょっと」とか聞こえた— はくどー (@HKDnet) 2017年12月26日 なんか別方面にささったらしく妙にRTされましたが。これはnobuがCentOS6で落ちるコードをコミットしたことをネタにしていたそうです。コミッタ同士の仲が良さそうで微笑ましいですね。 最初は Matz からの挨拶がありました。無事リリースできましたねーというところと反省点。 2.5の反省。ギリギリのゴーサイン— はくどー (@HKDnet) 2017年12月26日 知り合いのコミッタも12月になってからも気合いれていろいろやっていて、11月にはもうフィーチャーフリーズしてるもんだと思ってたのですがそうでもないんだなあと思ってい

Mac用画像圧縮アプリ「ImageOptim」がSVGファイルを最適化する「svgcleaner」を統合したv1.8のBeta版を公開しています。詳細は以下から。 イギリスで画像処理のアルゴリズムを研究しているKornelさんは現地時間2017年12月25日、オープンソースのMac用画像圧縮アプリ「ImageOptim」のv1.8のBeta版を新たに公開したと発表しています。 ImageOptim xmas edition with Rust-based svgcleaner: fastest SVG optimization now built-in: https://t.co/gmojQDTmiY — Kornel (@kornelski) 2017年12月26日 The main purpose of svgcleaner is to losslessly reduce the si

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました YouTube動画やユーザや運営元の判断によって動画を削除したり、非公開にできます。いつも楽しく見ていた動画がなくなってしまってショックを受けた経験も一度や二度ではないでしょう。 そこで使ってみたいのがalltubeです。YouTube-DLをラッピングしたWebアプリケーションです。 alltubeの使い方 まず動画のURLを指定します。YouTube-DLに対応しているサイト、例えばDailymotionも指定できます。 動画は品質を細かく指定してダウンロードできます。 alltubeでは動画の他、音声だけをMP3ファイルとしてダウンロードもできます。便利なのはHerokuへのデプロイにも対応していることで、さらにブックマークレットを登録しておけばいつでもすぐに呼び出して変換で

当社はCookieを使用して、お客様が当社のWebサイトでより良い体験を得られるようにしています。引き続き閲覧する場合は、プライバシーポリシーに同意したことになります。

1983年、Appleが発売したコンピュータ「Lisa」のOSが、発売から35年後にあたる2018年、オープンソースプロジェクトで無料公開されることがわかりました。商業的には失敗に終わったLisaには、Appleの共同創業者、スティーブ・ジョブズ氏との奇妙な縁のある製品でもありました。 Lisa用OS、オープンソースで無償公開へ 米カリフォルニア州マウンテンビューにあるComputer History Museumが、2018年にLisaのOSをオープンソースプロジェクトとして無料公開する計画を明かしています。 LisaのOSは、オンラインで公開される見込みで、35年前のOSの動作について学んでみても良いかもしれません。 ジョブズ氏の娘の名前を持つ、親不孝者のLisa Lisaという製品名は、Appleの共同創業者であるスティーブ・ジョブズ氏の娘の名前をとって名付けられました。 当時として

クラウド時代にPostgreSQLはどう進化する？ 世界の"イシイサン"が「AWS re:Invent 2017」で示したPostgreSQLの方向性 「今回、この場ですばらしいゲストをお迎えできることを心から嬉しく思う。18年にも渡ってPostgreSQL開発者として活動をされてきたPostgreSQLの世界的リーダーの"イシイサン"を紹介したい」―11月28日（米国時間⁠）⁠、米ラスベガスで開催されたAWSの年次カンファレンス「AWS re:Invent 2017」で行われたとあるセッション、そこでAWSのAmazon RDS/Aurora/RDS for PostgreSQL部門のゼネラルマネージャであるマーク・ポッター（Mark Potter）氏から呼ばれて登壇したのはSRA OSS, Inc 日本法人社長の石井達夫氏でした。本稿ではその石井氏によるセッション「Report fro

この記事は リクルートライフスタイル Advent Calendar 2017 の14日目の記事です。 はじめに ホットペッパービューティーでシステム改善を行っている@akechiです。 システム改善の１つとして、RabbitMQの導入を推進しています。 メッセージキューといえば、AWS re:Invent 2017で「Amazon MQ」が発表されました。 Amazon MQの最大の利点は、移行の容易さです。 クラスメソッドさんの記事の通り、エンドポイントを切り替えるだけで移行ができちゃいます。 ただし、これはActiveMQから移行する場合の話です。 では、RabbitMQから移行する場合はどうなるのかを見ていきたいと思います。 RabbitMQでの送受信 まずはじめに、RabbitMQでの送受信の実装を見てみましょう。 一般的な実装方法として、RabbitMQのチュートリアルを参考に

振り返り的なエントリです。 3月 さくらインターネット プレゼンツ　メルカリ×はてなの夕べ さくらさん、はてなさんのイベントのセッションに参加しました。専用サーバをどのように使っているかという話をはてな id:wtatsuru さんとしました。 hatenanews.com SendGrid Night 7 SendGrid Night 7 メルカリUS-UKでの事例とバウンスメール処理/Mercari US-UK and Bounced mail processing // Speaker Deck メルカリUS/UKで使っているメール配信の話をしました。EventHookを使ってリターンメール処理とmackerelによるモニタリングを実現しています。 sendgrid.kke.co.jp AWS Dev Day 2017 Cloud connect the world as a Glu

印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 2020年には、パブリッククラウド上のワークロードがオンプレミスを明らかに上回る。SaaSプラットフォームプロバイダのLogicMonitorの予想だ。 LogicMonitorによると、現在ワークロードの37％がオンプレミス上で動いており、最も選ばれているオプションとなっている。さらに2020年には、ワークロードの41%がパブリッククラウド上で動くようになり、オンプレミスは27％になるという。残りはプライベートまたはハイブリッドクラウド上で動くと予想している。 クラウドのトレンドは数年前からだが、この加速は数十億台ともいわれるIoTデバイスの出現と、人工知能（AI）と機械学習の新しいワークロードが大きな要因だという。 この調査に当たっ

2017年を振り返る¶ 2017年は「順風満帆ではなかったけど、納得感のある苦労とか楽しさを味わえて、結果的にはまともに良い方向に向かった一年」でした。それでは仕事、プライベート、健康、スキル(ハード、ソフト)という視点で振り返ってみることにします。 仕事面: 4月にPythonistaが集まる会社に転職した¶ 所感なんかは JobChangeして半年が過ぎました でも書いた通り。 その後は自分としては大きく変わってる感じはないけど、新しく入ってくる人もいたりして 教える こともでてきたというのが大きいかなと思う。前職では例えば「こうゆうのありますよ」と伝えても興味が無い態度を取られるか、会社としては否定的な立ち位置だったり、そもそも動かせるはずもなさそうだったことを考えると全然違うなーと思うところ。 会社でVimについて当たり前のように話せるのが不思議な気分。 プライベート: 技術コミュ

Python’s behaviour with regards to destructors can be a little surprising in some cases. As you learn Python, sooner or later you’ll come across the special method __del__() on classes. Many people, especially those coming from a C++ background, consider this to be the “destructor” just as they consider __init__() to be the “constructor”. Unfortunately, they’re often not quite correct on either co

第1回WSA研究会 という催し物に出る予定でそれ用の予稿を書いたのですが、折角なのでブログにも掲載しておこうと思います。あとで更新するかもです。 再利用性の高い Test Drive Intrastructure 実行環境に関する取り組み Infrastructure as code や CI/CD の文化の広がりやインフラ構成の複雑化に伴い、 Test Driven Infrastructure といったインフラ構成をテスト可能にすることで安定稼働を目指す取り組みがなされている。 Test Driven Infrastructure の実践方法としては 1) Ansible や Chef などといった構成管理ツールに特化したテストツールを使う 2) Serverspec などといった構成管理ツールとは独立したツールを使う方針が考えられるが、前者はツールに非常に依存しかつ独特の DSL を

You 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

こんにちは。メドピアにエンジニアとしてJoinして7ヶ月、Ruby/Rails歴≒メドピア歴の小林です。 2017年もあとわずかとなりました。今回のブログでは、1年間を振り返る意味も込めて、今年メドピアのエンジニアチームが始めた新しい取り組み（コードレビュー2段階体制・レビュー振り返り会・bundle update当番）についてご紹介したいと思います。 コードレビュー2段階体制について メドピアでは、コードのレベルを一定に保つため、コードレビューを行っています。また、Railsの経験が豊富なエンジニア（以下、リードエンジニア）がLGTMを出さないとマージできない体制にしています。 特に、Ruby/Rails歴が短い私のようなエンジニアにとっては、先輩のエンジニアにいただけたレビューで今まで見れていなかった問題点に気づけたり、よりわかりやすいコードを書くためのヒントを頂けたりするので、このよ

2017年12月26日 9時0分 リンクをコピーする by ライブドアニュース編集部 ざっくり言うと 高校卒業以来、日本を訪れた31歳の人が話している 偉大な技術立国としての存在感が薄れ、違和感を持ってしまったという その後育ったが急速に変化を遂げていたことが大きな理由だとした 日本で企画・開催された、初のジャパン・・イノベーションサミット（筆者撮影） 地中海に面する、中東の小国・。人口は約860万人、ユダヤ教、キリスト教、イスラム教の聖地とされている。 そのが今や「イノベーション立国」として、世界で一目置かれる存在にまで上り詰めている。国民1人当たりの起業率、ベンチャーキャピタル投資額などで世界トップクラス。日本からも政府や企業関係者が、近年こぞって詣でをしている。「中東のシリコンバレー」とも呼ばれ、スタートアップ関係者やサイバーセキュリティ分野に携わる人たちの間では、無視できない存在だ

ウォークマンやアイボなど、画期的な製品を生み出してきたソニー。グローバル企業として革新的なアイデアや、それを生み出す技術者をいかに守り、成長の糧としてきたのか。３０年以上、知的財産部門に携わっている、執行役員コーポレートエグゼクティブの御供俊元さんに聞いた。 ―知財戦略をどう位置づけていますか。 「メーカーなので会社として提供したい価値の技術的側面を可視化、知財化するのが基本だ。企業なので利益追求はしていく。ただし、本当に社会に役立っているのか、価値提供できるのか、という基本がぶれないように常に意識している」 基礎研究は大切 ―特許を出す基準は。 「例えば技術を広げた方が市場が大きくなり、結果としてソニーへ収益機会があるならば基本的には使ってもらいやすく、いろいろな人が参加しやすい知財の構築を目指す。一方で、どちらかというと競争が激しい領域では、一番大事な部分はノウハウとして秘匿し特許化し

マックス・レブチン氏は1990年代後半にPayPalを共同設立し、デジタルウォレットの概念が一般に周知される一翼を担った。 彼は今もオンラインサービスを使って金融業界の再構築に取り組んでいる。彼は今サンフランシスコを拠点とするスタートアップ「Affirm」のCEOとして、インターネットを通じた定額支払いローンを提供している。従来のクレジットカードでは、毎月の最低支払金額が低く設定されており、一部の消費者が債務返済に数十年以上かかる、という問題がある。Affirmのサービスはそれに代わるものとして提供されている。 今年42歳のレブチン氏は先日、AP通信のインタビューに応じ、デジタル決済の現況やコンピュータセキュリティ、そしてビットコインについて語った。ビットコインは暗号通貨の一種で、その将来性に多くの投資家が資金を投じたことから、資産価値が今年1年で1000ドルから1万9000ドルに急騰した

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Bonfire Design運営の平井です。 12月11日(月)に、弊社のLODGEでBonfire Design #2を開催しました！ 今回のテーマ 2回目となる今回は「デザイナーの成長戦略について」、ヤフーからデザイナーの細見、関が登壇し、ゲストスピーカーとしてデザインアンドライフ株式会社の池田さん、「クラシル」リードデザイナーの三笠さん、「フリル」のデザイナーでありCo-Founderのtakejuneさんら3名の方にもお話していただきました。 前回に引き続き、今回も「グラフィックレコーディング」で壇者の内容をリアルタイムで可視化していきます。 グラフィックレコーディングを担当するのは新卒1年目のデザイナー、坂下

先日、安全性解析手法STAMP/STPAセミナーに行ってきた。 ラフな感想をメモ書き。 【感想】 安全性解析手法STAMP/STPAセミナー＠大阪（ソフトウェア高信頼化 SECセミナー ）-SEA関西 安全性解析手法STAMP/STPAセミナー＠大阪 「はじめてのSTAMP/STPA（実践編）～システム思考に基づく新しい安全性解析手法～」の公開：IPA 独立行政法人 情報処理推進機構 一般社団法人JASPARと相互協力協定を締結<br />自動車産業における「STAMP/STPA」の普及促進で、さらなる安全性の向上を加速：IPA 独立行政法人 情報処理推進機構 【1】最近のIT業界だけでなく、メーカーでも、IOTやAI、ビッグデータがバズワードになっている。 家電製品は既にソフトウェア化されてしまって価格破壊と鮮度劣化が激しいけれど、ついに自動車にもEVの波が押し寄せてきたように、メーカー

はじめに 2017年もあっという間に終わりが近づいてきました。 昨年もこの時期に Qiitaレジェンド達の偉大さをシェル芸で眺めて2016年を振り返る なんて記事を書いていたのですが、個人的に面白かったので今年も似たようなことを色々やってみます。 なお、この記事で用いている各種データは 2017年12月12日あたり のデータであり、リアルタイムなものでないことにご留意ください。 やること 昨年は Qiita User Ranking というサイトでContributionの上位を確認することができたのですが、2017年3月頃から更新が止まってしまいましたので、今回は自前でデータを集めました。 ユーザ別Contributionランキング ユーザ別記事数ランキング ユーザ別フォロワーランキング 記事別いいねランキング その他分析いろいろ それでは、いってみます。 前準備 分析をするにあたり、当

これまでMacbook標準キーボード(JIS)しか使ってこなかったマンが、分割エルゴノミクスキーボードのErgodox EZを買ったので感想など はじめに おばんです、リモートワーク含め実家に帰省するタイミングが早かったことで、小学生の弟に「実はリストラされたのではないか」と心配された田中です。 今回の題材はこれです。Ergodox EZ。買っちゃいました。 すでに綺麗にまとめられた記事が多数あるので、この記事では詳しいErgodox EZの仕様紹介などはしません。買ってみてどうだったかなどの感想をメインに書くので、Ergodox沼にハメるに興味を持つきっかけになれば幸いです。 参考にした、綺麗にまとめられた記事のリンクはこの記事末尾の「参考・関連」に載せておきます。 これまではひたすらMacbookの標準JISキーボードを使っていました。１ヶ月くらい前に買って、3週間弱で届いて、今10日

この投稿は Increments Advent Calendar 2017 の18日の記事です。去年に続き、2017年の Qiita の CSS 構成について述べます。 2016年版はこちら: QiitaのCSS構成2016 プリプロセッサー 2016年は CSS のビルドフローで一貫して PostCSS を使っていましたが、2017年では プリプロセッサーとして Sass (node-sass) を使っています。 プリプロセッサーとして PostCSS を使わなくなった最大の理由は @apply ルールが仕様から落ちた ことです。@apply は Sass でいう引数なしの mixin みたいなもので、Chrome の Canary では実装されていた時期がありましたが、消えてしまいました。 おそらく CSS Nesting Module や CSS Extend Rule も落ちると思

Storybook v3.3.0でAngular対応がリリースされたので、さっそく試してみました1。 Angular CLIプロジェクトへの導入方法 Angular CLIで作成したプロジェクトに導入するのであれば、コマンド一発です。 ng new my-ng-storybook-prj cd my-ng-storybook-prj yarn add @storybook/cli --dev yarn run getstorybook

The Qiita Advent Calendar 2017 is supported by the following companies, organizations, and services.

はじめに 「Laravel + Vue.js で出席管理Webアプリを作成する – Part.1」の続きになります。 Part.1 ではLaravel開発環境のセットアップからダミーデータの作成まで行いました。 今回からは、いよいよ出席管理のAPI作成を行っていきます。 APIのルーティング設定 APIの仕様は以下のとおりです。 api/attendances (GET) 全ての出席登録を取得して返す api/attendances/:id (GET) 指定されたIDの出席登録のみを取得して返す api/attendances (POST) 新しい出席を登録する api/attendances/:id/report (PUT) 通報用のエンドポイント routes/api.phpを編集し、APIのルーティングを設定します。 routes/api.php <?php use Illumina

//フィード追加 add_action('init', function() { add_feed('gunosy', function() { get_template_part('/feed/gunosy'); }); }); //クエリ変更 add_action('pre_get_posts', function($query) { if ( is_admin() ) return $query; if ( $query->is_main_query() && $query->is_feed('gunosy') ) { //投稿タイプ変更or追加 $query->set('post_type', ['post', 'any']); //削除に対応する場合 $query->set('post_status', ['publish', 'trash']); } return $query

この投稿は Increments Advent Calendar 2017 の14日目の記事だよ。Hyperapp という JavaScript ビューライブラリを自作しているので、その説明と作った理由について話す。 Hyperapp ができるまでのプロセスや、どんな価値観で作ったかなどを書く。新しいフレームワークを作る時の参考になれば嬉しい。 Hyperapp とは？ Web アプリのフロントエンド用 JavaScript ライブラリ。React, Preact, Vue といった代表的なものよりもずっと小さく、1 KB という超軽量サイズ。他のライブラリに依存することなく使えて、さらにスピードもある Elmアーキテクチャーに基づいてて、アプリケーション設計はElmやReact、Reduxと似てるけど、ボイラープレートは少ないし、TypeScriptにも対応して、とにかくシンプル。 El

管理画面は主に運営元が使う画面になるので、デザインへのこだわりが殆ど感じられないことが多いです。しかし運営元が使いやすい画面でないと細かい制御がしづらかったり、サービスのステータス把握が遅れたりするのではないでしょうか。 そこで使ってみたいのがCoreUIです。VueとBootstrapを使って作られた管理画面テンプレートです。 CoreUIの使い方 スクリーンショット多めで紹介します。まずはダッシュボード。このようなUIの管理画面が簡単に作れます。 ボタン。 ソーシャルボタン。 カード。 フォーム。 モーダル。 スイッチ。 テーブル。 タブ。 アイコン。Font AwesomeかSimple Line Iconsがサポートされています。 ウィジェット。 こんなウィジェットも。 チャート。 ログイン画面。 登録画面。 エラー画面。 CoreUIはVueで作られていますので、表示する際にもW

12/1 に Qiita のトップページをリニューアルしました。これまで React を使っていましたが、それをやめて hyperapp を採用しました。まわりを見てもあまり採用事例が見当たらないので、この記事では一体なんで今をときめく React ではなく hyperapp を選択したのか、どういうところが魅力的なのかについて プレゼンテーション層を実装するためのツールとして 学習コスト の観点から書きたいと思います。なおこの記事に書かれていることは全て個人の感想であり、はっきりいって個人の日記レベルです。 それと hyperapp の開発者が社内にいるという事情もあるので、そこら辺さっぴいて読んでください。 TL;DR プレゼンテーション層を実装するためのツールとして React は機能過多だし、機能不足 hyperapp は過不足ない 学習コスト 仮想 DOM は学ぶ価値のある知識

Prometheusでは、Prometheus Serverが監視対象にアクセスしてデータを収集するアーキテクチャを採用している。このデータ収集のためのアクセス先（エンドポイント）は「exporter」と呼ばれており、さまざまなソフトウェアやハードウェア向けのものが提供されている。今回はこのexporterについて、独自のデータ取得方法なども含めて紹介する。 公式exporterとサードパーティによるexporter Prometheusのアーキテクチャは前々回の記事で詳しく紹介しているが、Prometheus Serverが監視対象にアクセスしてデータを収集するような構成（Pull型アーキテクチャ）となっている（図1）。このようなアーキテクチャにおいては、監視対象ごとにPrometheus Serverにデータを渡すためのexporterを用意する必要がある。 図1 Prometheus