2015年12月25日の記事を再編集しています。 現在、Webデザイナーには、デザインだけでなく、コーディング技術も期待されるようになっています。 コーディングを理解しないままでWebデザインを構築すると、実装不可能なものができ上がってしまう場合もあるため、コーディングに関する最低限の知識を持つことは前提となるケースが多く、Webデザイナーとして仕事をしていきたいのであれば、コーディングスキルは必須となるでしょう。 今回は、コーディングをゼロから初めたい方でも気軽に学べる日本語対応しているコーディング学習サービスをまとめました。 Webデザイナーを目指している方、Webデザイナーとしてスキルアップを担っている方は是非チェックしてみてください。 無料のコーディング学習サービス4選 1.Progate http://prog-8.com/ ゲーム感覚でコードの基礎を学ぶことができる無料の学習サ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

社内勉強会でアクターによる並行処理アーキテクチャについて解説した時の資料です。しれっと公開してあった資料に思いの外ブクマがついていたのに気付いたので、せっかくなのでこちらにも掲載しておきます。 既存技術の解説なのでアクターについて知っている人にとって新しい情報はないと思います! 特に何ベントカレンダーでもないです。 今後Erlang使うの? Erlang VMの運用ノウハウなさすぎるので、すぐ使おうという機運はなさそう。ScalaのAkka Actorが十分実用的なアクターシステムらしいし、Scalaは導入済みなのでそちらのほうが有力な選択肢になるか。アクターシステムではないが、goでも近いことはできるのでさくっと並行処理システムを構築するには良いと思う。趣味ならElixirつかいたい。 参考文献 良い資料がいろいろあって、多分に参考にさせていただいています。ながめると理解が深まるかもしれ

「Material Design Colors」はマテリアルデザインにぴったりの色やアイコンが手に入るサイトです。有名なウェブサービスに使われている色一覧や、フラットデザインに合う配色一覧もありますよ。 以下に使ってみた様子を載せておきます。まずMaterial Design Colorsへアクセスしましょう。 マテリアルデザインに合う色一覧です。クリックするとカラーコードをコピーすることができますよ。右上のメニューからコピーする色の形式をRGBやHEXなど切り替えることができます。 有名なウェブサービスの代表色です。ここから色を参考にしてもよいですし、差別化をはかりたいのなら競合しないためのチェックにも使えますね。 マテリアルデザインに使えるアイコン一覧です。サイズやファイル形式を指定してダウンロードすることができますよ。ぜひマテリアルデザインでウェブサイトをデザインする際にご活用くださ

追記：Java 7以降（つまり、現在）はtry-with-resources構文があるので、それを使えばよいです。ここでは、Java 6かそれ以前のコーディングスタイルについて主に言っています。 kmizu.hatenablog.com におけるkrxrossさんのコメント java脳だと、「fw = new PrintWriter(new File(file))」で例外が発生したら、fwが不定のまま、finally句の「fw != null」で困ってしまう。 そうならないために、nullで初期化するという話に見えます。 多分JAVAだと、nullを代入しないとコンパイルエラーになるか、eclipsが警告を出したと思います。 scalaでも同じではないですか ? 良く解っていない超初心者より を見て、強烈に不安になってしまったのですが、Javaだとこういうのが良いスタイルなんでしたっけ？

超速ドキュメントブラウザを日本語で 「Dash」は、多種多様なプログラミング言語やライブラリ、ツールのリファレンスを素早く引けるドキュメントブラウザ。 OS Xユーザでプログラミングをする人は、名前を聞いたことがあるはずです。 ドキュメントはDocsetsという形で150以上登録されており、ワンクリックでインストール可能。すぐに検索・参照できるようになります。本当に便利！　便利というレベルを超越して、必需品のレベル。 OS X版とiOS版があります。 OS X版 Dash 3 – API Docs & Snippets. Integrates with Xcode, Alfred, TextWrangler and many more. カテゴリ: Developer Tools 販売元: Bogdan Popescu（サイズ: 11.8 MB） 全てのバージョンの評価: （19 件の評価

こちらの記事を参考にMirrorオブジェクトを使ってみました。 Swift reflectionについて - Qiita プロパティー名一覧の取得 以下でプロパティー名一覧を取得できました。 しかしComputedPropertyは取得できないようです。 class MyClass { var prop1 = 0 var prop2: Int { return 0 } func method() {} } let mirror = Mirror(reflecting: MyClass()) print(mirror.children.flatMap { $0.label }) // ["prop1"] 親クラスの情報を取得 サブクラスのミラーには親クラスのプロパティー情報は入っていません。 class MyClass { var prop1 = 0 var prop2: Int { ret

React を使ってきちんと SPA を作るのに、毎回ブラウザ表示時にコンパイルしていては、さすがに効率悪い。 モダンなフロントエンド開発環境にしたいので、調べながら構築することにした。 react や react-dom などのライブラリは npm でインストール。 そういえば Bower ってオワコン化してしまったな。 # プロジェクトフォルダを作る(名前は適当なやつで) mkdir react-project cd react-project # package.json を作る npm init # React をインストール npm install --save react react-dom npm でインストールしたライブラリを使って書いたアプリは、 browserify でビルドして 1 つの .js ファイルにする。 npm install --save-dev brow

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.

情報系の学生さんなどが株をやってみたくなるというのはTLを見ていてもよくあることだと思います。 しかし、情報系の方が予備知識なく株や為替の取引に手を出そうとすると、ついつい時系列データをニューラルネットワークにぶちこんで予測をはじめたりなど、気がつけばコンピュータ占星術の世界に突入してしまうことが多いようです。 教授が、「株をやりたいんだったらまず10冊本を読んでください。読み終わったら好きにやってもいいです。」と言っていましたが本当にそのとおりです。それに、プログラマなんだから、車輪の再発明は避けたいです。 そこで今日は皆さんが占星術の誘惑を跳ね除け、株投資をはじめるまでに読むべき10冊をピックアップしました。 ウォール街のランダム・ウォーカー ウォール街のランダム・ウォーカー　<原著第10版>―株式投資の不滅の真理 作者: バートン・マルキール,井手正介出版社/メーカー: 日本経済新聞

先日参加させていただいた Japan.R でこんな話を聞いた。 RPubs - leafletではじめるRによる地図プロット Python でも folium というパッケージを使うと JavaScript を書かなくても Leaflet.js の一部機能が使えるのだがあまり情報がない。上の資料に書いてあるようなことが folium でもできるのか調べたい。 folium については前にこんなエントリを書いた。 sinhrks.hatenablog.com データの準備 import numpy as np np.__version__ # '1.10.2' import pandas as pd pd.__version__ # u'0.17.1' サンプルデータとして Wikipedia にある アメリカの国立公園 のデータを使う。まずは pd.read_html でデータを読みこむ。

Angular 2 の特徴を美味しいところだけ凝縮してお届けします

MySQL is still the world’s most popular relational database, and yet, it’s still the most unoptimized – many people leave it at default values, not bothering to investigate further. In this article, we’ll look at some MySQL optimization tips we’ve covered previously, and combine them with novelties that came out since. Configuration Optimization The first – and most skipped! – performance upgrade

音楽、美術、様々な伝統文化など、海外の何かに興味を持ち、実際にその国に移り住んでその世界に入る方は多くいます。逆に、日本の何かに興味を持って日本に移り住んでくる海外の方も多数います。 そんな海外の方がどうやって日本を知ったのか。なんでそれが好きになったのか。日本でどんな事をしているのか。色々気になる所です。 今回は、日本酒が好き過ぎて日本に来てしまったイギリス人の方に話を聞いてきました。日本酒に対する情熱が凄いYOUでした。 1972年生まれ。元機械設計屋の工業製造業系ライター。普段は工業、製造業関係、テクノロジー全般の記事を多く書いています。元プロボクサーでウルトラマラソンを走ります。日本酒利き酒師の資格があり、ライター以外に日本酒と発酵食品をメインにした飲み屋も経営しているので、体力実践系、各種料理、日本酒関係の記事も多く書いています。（動画インタビュー） 前の記事：ミカンやレモンが入

Ruby on Rails チュートリアル プロダクト開発の０→１を学ぼう Railsチュートリアルとは？

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

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

メリークリスマス！！！！ @tabe2314です。 この記事では、明日から使えるChainerテクニックとして、既存モデルをファインチューンして新しいモデルをつくる際の個人的なベストプラクティスを紹介します。 ファインチューニング ニューラルネットを学習するために、別の問題、別のデータセットで学習済みのモデルのパラメータをコピーして、それを新しいニューラルネットのパラメータの初期値として使うことをファインチューニングといいます。 典型的なケースとして、一般物体認識のデータセットであるImageNetで学習したネットワークを物体検出やSemantic Segmentationといった別の問題に使用するといった例があります。 一般的にDeep Learningでは大量の学習データが必要とされていますが、あらかじめ（大量のデータで）学習したモデルを初期値として使いファインチューニングすることで、

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は"Aizu Advent Calendar 2015"25日目として書かれた. はじめに ファイナルベント担当のもぷりです. 今年のAizu Advent Calendarも自作OSについて書いていこうと思います. ゆっくり書いていたらIntroductionがだいぶ長くなってしまったので読み飛ばしてもらっても全然問題ありません. 今までの自作OS ソースコードはすべてgithubに公開してある. mopp/Axel 今までは全て、C言語とアセンブラ(nasm)を使って開発を行ってきた. 対象アーキテクチャはx86_32のみで

Docker上にSSH接続ができるコンテナを作成する手順を記載する。 コンテナOSにはUbuntuを使用している。 まずコンテナを立ち上げてコンソールに接続する $　docker run --name コンテナ名 -i -t ubuntu /bin/bash --nameでは適当なコンテナ名を設定する コンテナにSSHサーバ機能をインストールする # apt-get install openssh-server openssh-serverを使ってみた。 接続元となる端末でSSH鍵を作成する Windows8.1上でPuTTYを使用して作成した。 鍵作成にはputtygen.exeを使用する。 "C:\Program Files (x86)\WinSCP\PuTTY"からputtygen.exeを起動する。 「generate」を押して鍵を作成し「公開鍵(public key)」と「秘密鍵

■ heroku push と同時に fastly のキャッシュパージをする www.r-l.o が fastly を通して配信されるようになったことで、デプロイ直後にトップページなどを更新したい場合にはキャッシュをパージする必要があるのだけど、heroku の場合は buildpack でやるのが良かろうということで以下のように小細工を入れておいた。 https://github.com/ruby/heroku-buildpack-www-ruby-lang/blob/master/lib/language_pack/ruby.rb#L815 やってることは、buildpack での slug compile の最後に fastly の REST API を叩いて purge_all するというもの。注意点としては buildpack で API token などを環境変数から取ってくる

CoreOSが提供するetcdの動作をお手軽に試してみました。 なお、etcdとは、分散Key-Valuesストアを使い，各種設定をノード間で共有するメカニズムだそうです。 etcd is a distributed key value store that provides a reliable way to store data across a cluster of machines. It’s open-source and available on GitHub. etcd gracefully handles master elections during network partitions and will tolerate machine failure, including the master. ◼️ まずは、環境準備から ... まずは、golang環境を準備してお

数日前に、とみたまさひろさんのこんなツイートがありました。 なんだこれ？ MySQLこわい… mysql> SELECT * FROM x WHERE datetime IS NULL; datetime 0000-00-00 00:00:00— とみたまさひろ (@tmtms) 2015, 12月 17 @tmtms ちなみにその '0000-00-00' は、 IS NOT NULL のときには含まれないんですか？— 坂井 恵(SAKAI Kei) (@sakaik) 2015, 12月 17 MySQL :: MySQL 5.6 リファレンスマニュアル :: 12.3.2 比較関数と演算子 "NOT NULL として宣言された DATE および DATETIME カラムでは、次のようなステートメントを使用することで、特殊な日付 '0000-00-00' を検索できます" その後の t

Unless you are a MySQL performance tuning expert, it can be enormously challenging and somewhat overwhelming to locate and eliminate MySQL bottlenecks. While many DBAs focus on improving the performance of the queries themselves, this post will focus on the highest-impact non-query items: MySQL Server Performance and OS Performance for MySQL. MySQL Performance Tuning This post is a "best-of" compi

シリコンバレーの有名大学であるスタンフォード大学にて、Andrew Ngの教える機械学習の講義が人気を集めているそうです。 Andrew Ngは相当な有名人で、よくニュースで名前が出てきます。有名な例では、グーグルが「Google Brain」という名のニューラルネットワークを構築し、YouTubeの動画から「猫」を教師なし学習で認識したといったニュースが流れましたが、このプロジェクトはAndrew Ngが主導したものです。 このAndrew NgがCourseraというオンラインコースで機械学習の授業を公開しています。このたび私も受講しまして、ようやく修了しました。 [Machine Learning by Stanford University] https://www.coursera.org/learn/machine-learning/ 内容的には、Deep Learning登場

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

I have a python script that pulls information from a single database table and sends a weekly update email to users. I'd like to find a way to modify my code to allow for normalizing the structure and putting all of the investigator info (prefix, fname, lname, and email) into it's own table. However, I'm not sure how to do this within the structure of the elixir model and my python code. Here is m

先日、初めて台湾に行ってきました。女一人旅ですが、特に不安なこともなく楽しかったー！ 台湾旅行の準備から観光、お土産について書いた記事は15件。それらを改めて、時系列でまとめてみました。 目次 はじめに 台湾旅行準備編 成田編 台湾でおでかけ編 お買い物編 記事にしなかったけれど行った場所 台湾また行ってみたい おすすめサイト ホテル予約 台湾桃園空港で受け取れるレンタルWifi オプショナルツアー はじめに 1日目に空港からバスで台北駅へ。駅からは電車で猫村ホウトンに向かい、九份で宿泊。次の日に九份からバスで台北に戻って一泊。翌日にバスで空港へ行き、帰国するというスケジュールでした。 台湾旅行準備編 まずは準備の話を。 たった2泊3日なのに、パンフレット買うのももったいない。ネットで台湾の情報でも探してみるかー。と、ググってみたら、台湾観光協会でパンフレットを配っているのを発見。早速請求

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

apache アクセスログ（access_log）は、デフォルトではスペース区切りです。 ですが、UserAgent情報などを取得しているとスペース区切りでは何かと不都合が出てきます。 ここでは、スペース区切りからタブ区切りに変更する際の変更点を記載しています。 なお、apache は 2.4系になります。 Continue reading →

こんにちは。kintone 開発チームの天野 (@ama_ch) です。すっかり春らしくなりましたね。 少し前に JS の自動レビューツール jswatchdog をオープンソースで公開しましたので、こちらで紹介させていただきます。 使い方 https://kintone.github.io/jswatchdog/ 上記の URL を開き、左側のエディタに JS コードを貼り付けるだけです。 右側に修正が必要な箇所が表示されるので、適宜修正します。 特徴 バリバリの開発者じゃなくても使いやすい一画面完結の Web インターフェース lint ツールでお馴染みの構文チェックの他、知らずに脆弱性を作り込むことを避けるため、XSS の可能性がある箇所にも警告を表示 内部的には、JS の静的構文チェックツールとして ESLint と JSHint を組み込んでいます。 さらに XSS の可能性があ

おはようございます。2015年最後の僕です。 AWSソリューションアーキテクトプロフェッショナルに合格したので報告します。 AWSソリューションアーキテクトプロフェッショナルとはAWSのサービスを使ってシステムを設計できるよ、とAWSに認定してもらう試験です。 設計と言ってもその中身は、濃密で、AWSの特徴である、可用性、拡張性、伸縮性を高めることに努めたり、事業継続計画や、オンプレミスからAWSへの移行といったケースに対して、最適解を提案します。また、RDB、NoSQLの要件に沿った採用や、オンプレミスとAWSとの専用線、VPNでのネットワーク設計も要求されます。 合格日：2015/12/25 点数：70% 勉強期間：2015/07/27 - 2015/12/24 勉強方法： ・Advanced Architecting on AWS受講 ・AWS クラウドサービス活用資料集 | アマゾ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Part 1 Task の依存関係の解決 Part 2 Workflow の冪等性 Part 3 Task 間でのデータのやり取り Part 4 Task の並列実行 Workflow Engine って何？ Workflow Engine と言っても多機能なものから、シンプルなものまで様々なものがあります。そこで、主旨がぶれないように、この記事での Workflow Engine は、以下の要件を満たすソフトウェアとします。 Workflow Engine とは、依存関係のある複数の Task を、意図した順番通りに実行するもの この記事では、この要件を満たす Workflow Engine を Ruby でつくる方法について解説します。 依存関係を記述する 依存関係を解決するコードを書く前に、依存関係を記述する方法をまず決めましょう。 依存関係を記述するには、luigi のように Ta

Cesium.js とは Web GL を利用して 3D 地図を描画する JavaScript ライブラリ。かなり多機能で様々な見せ方ができるようだ。詳しく知りたい方は公式サイトの Demos を見ればいい。 cesiumjs.org これを Jupyter Notebook に埋め込んで使いたい。Cesium.js には Python の wrapper などはないため、直接 JavaScript を書いて使う。従って、利用できる機能に差異はない。このエントリでは Cesium.js の機能の詳細には触れず、Jupyter に関係する内容のみ記載する。 具体的なやり方はこちらと同じ。 sinhrks.hatenablog.com データの準備 先日のエントリで作成した、 アメリカの国立公園 のデータを使う。 sinhrks.hatenablog.com 以降、すべて Jupyter No