30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで - Qiita
概要 Electronとは、JavaScriptでデスクトップアプリケーションが作成できるツールです。 MITライセンスなので無料で使える上に商用利用も可能です。 最近ではAtomやSlackのアプリもElectronで作られたとのこと。 今かなりノっているツールの1つです。 以下、簡単な特徴。 Node.js + HTML + CSS という、WEBの技術でアプリが作れる。 Chromiumブラウザ(Chromeのオープンソース版)を内蔵しているので、普段の書き味と変わらない これ1つで Windows, Mac, Linux 向けのアプリが作れる 超簡単 ここではElectronのインストールからアプリの配布までを紹介します。 以下、「Hello World」を出すだけのアプリですが、ゼロからはじめて30分でここまで出来ます。 インストール まずは必要なものをインストール。 nodeの
【合格しました！】AWS 認定ソリューションアーキテクト アソシエイト 受験記 - Qiita
AWS認定ソリューションアーキテクト アソシエイトを受験しました。 受験に向けてどんな事をしたのか、そんな勉強をしたのかをまとめます。 結果 合格しました！ 得点は74%でした。 試験中に手ごたえがあまりなくドキドキでしたが、無事合格できてうれしいです！ 所感 今回、認定取得を目指して学習したことで、AWSの知識が相当増えたと感じます。 具体的には AWSのサービスを使用してシステムをどう構成すればよいのか AWSのおのおののサービスの得意なこと不得意なこと AWSにおけるベストプラクティス というようなことが学べ、業務にいかすことができると感じています。 認定をとりたい、という方はもちろん、業務で使えるAWSの知識をもっと増やしたい、という方にもおすすめの認定です。 受験記です。 受験前のAWS歴 AWSを本格的に使っているのはここ1年ほどです。使用しているサービスは、EC2、RDS、S
ビジネスホテルで一人開発合宿する - Qiita
ビジネスホテルはたまに利用するのですが、結構居心地が良いんですよね。仕事が捗ったこともありました。 ふと「一人開発合宿できるんじゃね？」と思い立ち、試してみたところ好評でしたので、今回まとめてみました。 対象読者 開発に専念したい（けど現状できてない）と考えている方 例1: 「最近だらけてるなー、開発アイデアはあるんだけど腰が上がらないんだよな……」 例2: 「思う存分、誰にも邪魔されずに開発しまくってみたいなぁ」 多人数参加型の開発合宿が合わずにモヤモヤしている方 一人開発合宿について興味を持った方 一人開発合宿とは まずは一般的な意味での「開発合宿」と、そこから派生した「一人開発合宿」について概要を話します。 開発合宿とは 開発合宿とは、開発を行うための合宿です。一般的には以下のニュアンスがあります。 複数人で行う 旅館に泊まる 開発は大会議室を借りて、そこに機材とか持ち込んで行う そ
JavaScriptフレームワーク選定の議論 - Qiita
相談内容 既存の管理ツールを新しく作り直すために新しいJSフレームワーク/言語使いたいのですが、何を選んだらよいでしょうか？ ここで選んだものは今後新しく作る時にも使用していく予定のため、学習コストよりメンテナンスしやすいものを選びたいと考えています。 利用者は社内外で特定の権限を持った人のみであるため、サーバサイドレンダリングはしない予定です。 言語は型があるものを利用したいのですが、TypeScriptとFlowのどちらがよろしいでしょうか？ 時間に余裕があれば、テストフレームワークやビルドツールについてもお聞きしたいです。 現在のページ/チーム jQueryなどで書かれている部分が多いですが、変更を加えることが難しくメンテナンスコストが高いです。 サーバサイドをやってる人が片手間で書くJavaScriptといった状況です。 今回新規で数ページを追加する必要があるため、何を利用すれば良
究極のIT系最新技術情報収集用Slackチーム公開 - モヒカンSlack -
tl;dr コンピュータ系の情報収集用のSlack公開グループ（モヒカンSlack）を作ってみたよ。 皆さんで協力して育てていく共同RSSリーダーみたいなものだよ。 このSlackグループの情報を追っていればオッケーなので、情報取集が格段に楽になったよ。 誰でも無料で参加オッケーよ。下のどっちかからメールアドレスを入力して参加できるよ。 Invite people to mohikan Slackin Google Forms 参加者数 1,694名 (2016/10/7 時点) 4,077名 (2017/1/25 時点) 7,000名 (2017/8/25 時点) 11,747名 (2018/12/1 時点) チャネルのリストは「Gist」にあるよ。148チャネル(2017/1/25時点） 分野ごとにチャネルが別れていて、追いたい分野のものに参加すると良いよ プログラミング言語系(毎朝G
もういい加減話を切り上げたいから、Amazon Dash Buttonを押して、自分に電話が来たように振る舞ってみた - Qiita
もういい加減話を切り上げたいから、Amazon Dash Buttonを押して、自分に電話が来たように振る舞ってみたNode.jsRaspberryPisipAmazonDashButton 仕事中に世間話や会議から早く開放されたい、そんなこと誰でも思ったことありますよね。 いろいろ考えてみて一番良いのは、自分宛てに電話して割り込むことかな、と思い実装してみました。 流れ あぁ、話長いなぁ、もう我慢できない ↓ こっそりAmazon Dash Buttonを押す ↓ SIPボットが自分のIP電話機を呼び出す ↓ SIPボットと話すフリをする ↓ 無事開放されてホッとする。作戦大成功(=^・^=) 便利な仲間たち (HW) Raspberry Pi ... 実装母艦 (SW) sipcmd ... SIPボットの正体 (SW) Dash Button for Node ... Amazon
ブラウザだけでできるReact・Reduxチュートリアル - Qiita
はじめに 「React」はFacebookが公開している、ユーザーインタフェース（以下、UI）を効率的に構築することを目的としたJavaScriptライブラリです。 従来の一般的なWebアプリケーションだと、JavaScriptはJQueryなどのライブラリを使ってUIを生成していました。 ところが、従来のJavaScriptのライブラリで書かれたコードはJSのコードが大規模になるにつれてメンテナンスが難しくなるという欠点を持っていました。 それに対してReactは JS内にHTMLタグを埋め込むような記述ができ、「アプリケーションがどのように見えるか」を単純に表現できる データに変更があるときには更新の必要があるコンポーネントだけ更新する コンポーネントという単位でUIを管理することで複雑なUIでもUIを再利用したりテストしやすくする といった特徴を持つことで、複雑なUIを作成するときで
中小規模向けウェブサイト制作いい感じgulp環境を考えてみた - Qiita
中小規模とは具体的にどのくらいを指すのかとか、いい感じとはゴール設定はどこなのかとかを、あえて曖昧にすることでgulpfileを晒しやすくする。 目安としては、 複雑な依存関係を伴わないAltJSの処理 静的ページ、または動的ページのテンプレートをPug(Jade)で作成 sass ローカルサーバー機能 build機能 くらいあれば充分でございますと。 要は「ゴリゴリに開発環境を整えるほど予算も納期もない案件なんだけど、sass,AltJS,pugあたりを便利にトランスパイルさせたい、ついでにちょっとした便利機能が欲しい、というあたりを満足できればゴールとしている。 ちなみに、この環境ではAltJSはCoffeeScriptを使用しているが、そこは案件によるところなので適宜Babelなどに変えていけばいい。 ユニットテストがないじゃないかと怒られそうだが、そのうち考えておく。 ファイル {
gulpタスク実行中にエラーが出たらデスクトップ通知を出す - Qiita
watchしながら作業してるときにコンパイルエラーなんかが起こってたときに、ターミナルにエラーメッセージが出てるけど気づけないときがあったので通知を導入した。 gulp-notifyを使う gulp-notify gulp-plumber エラーが出たときにgulpを終了させないgulp-plumberと、通知を出すgulp-notifyを使う。 gulp-plumberはタスク実行中にerrorイベントが発生したときに実行するerrorHandlerを指定することができる。errorHandlerにnotifyを指定すれば通知を出せる。 gulpfile CoffeeScriptのコンパイルを例に。 var gulp = require('gulp'); var plumber = require('gulp-plumber'); var notify = require('gulp-n
webpackでsource-mapを表示できるようにする - Qiita
はじめに 備忘録も兼ねて、webpackでsource-mapを表示する設定を説明します。 devtoolにinline-source-mapを指定しましょう こんな感じにwebpack.config.jsを設定します。すごい簡単ですね。 ちなみに上記の設定は、ビルドしたjavascriptにsource-mapを書き出すというものです。source-mapの出力先を書かないで済み、手軽なのがいいです。公式サイトを見ると、他にも色々な指定ができるようなので、用途に応じて使い分けるといいと思います。 おわりに 手前味噌になりますが、自作ゲームでsource-mapの設定をしたところです。このゲームではgrunt-webpackを使っているので厳密にはwebpack.config.jsではありませんが、大体同じなのでわかると思います。 ソースはここ https://github.com/kai
webpackの設定ファイルを環境ごとに分けるには - Qiita
webpackの設定を開発環境や本番環境ごとで分けて設定ファイルを作る方法について、作成の際に参考資料が少なかったので、自分で行った方法を共有します。誰かのお役に立てば幸いです。 webpackはひとことで言えば、複数のjsファイルやcssファイルを1つのファイルにまとめてくれるビルドツールです。 設定ファイルを分ける方法 実際にどのように設定ファイルを分けるのか方法を説明していきます。 1つの設定ファイルでは 通常では1つの設定ファイルwebpack.config.jsを作成すると思いますが、 環境ごとに異なる設定をしたい場合１つのファイルだと以下のように環境で条件分岐が必要になってきます。 var destPath = 'dist/'; if (process.env.NODE_ENV === 'production') { destPath = 'hoge/'; } const co
typescriptの定義ファイルとimportの使い分け - Qiita
typescriptのimportと定義ファイルを使う時の違い 今回はgulpでwebpackを利用してtypescriptをコンパイルしています。 typescript 1.4 -> 1.8に変えたり、tsdがオワコンになっていたので、typings変更した内容です。 サイトにはjqueryや、jqueryプラグイン、createjs、lodashなど、色々読み込んでます。 最近の書き方はjqueryとか使わないって感じだと思いますが、 いかんせん、jquery使えないと何もできない人ばかりの環境なので 読みこまなければいけません。 とりあえず、動かすようにした方法です。 index.html js css node_modules libs package.json gulpfile.js tsconfig.json typings.json webpack.config.js typ
gulp を Visual Studio Code から使う - Qiita
Visual Studio Code ではビルド等のタスクを実行するために外部コマンドを呼び出します。以前の記事 では cmd.exe を叩くという原始的な方式でしたが、勉強がてら gulp.js に乗り換えました。 今回のタスクは以下になります。素朴なスタンドアロンの単体アプリです。（プロジェクト全体は GitHub にあります。） build: 複数の TypeScript (.ts) ファイルをコンパイルして、単体の JavaScript (.js) ファイルを生成する。 test: デバッグ用に、生成した .js ファイルを使う .html をブラウザで開く。 release: リリース用に、生成した .js ファイルを圧縮 + 最適化する。 clean: 中間ファイルを一括で削除する。 必要なモジュールの収集 まず最初に npm init で package.json を生成し、
[Visual Studio Code][TypeScript][Windows] VSCodeでTypeScriptの開発環境を整える - Qiita
[Visual Studio Code][TypeScript][Windows] VSCodeでTypeScriptの開発環境を整えるJavaScriptNode.jsTypeScriptVisualStudioCode 個人的に使用する機会があったので環境構築方法をまとめ。 Windows向けの記事になります。（たぶんLinuxとかでもある程度は一緒かと思います） ※普段は組み込みLinux向けにC/C++を使ってる人間なので、メンテされてない可能性がありますのでご注意ください 検証環境（2017/02/25） Windows 10 Visual Studio Code 1.9.1 Node.js v6.10.0 LTS TypeScript v2.2.1 1. Visual Studio Code（以下VSCode）の環境整備 1.1. VSCodeのインストール 前提としてVSCo
![[Visual Studio Code][TypeScript][Windows] VSCodeでTypeScriptの開発環境を整える - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/0a334bb8edd0cb3defb3056ea721f53eba4c2885/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVmlzdWFsJTIwU3R1ZGlvJTIwQ29kZSU1RCU1QlR5cGVTY3JpcHQlNUQlNUJXaW5kb3dzJTVEJTIwVlNDb2RlJUUzJTgxJUE3VHlwZVNjcmlwdCVFMyU4MSVBRSVFOSU5NiU4QiVFNyU5OSVCQSVFNyU5MiVCMCVFNSVBMiU4MyVFMyU4MiU5MiVFNiU5NSVCNCVFMyU4MSU4OCVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9N2JhZGRlOTBjMjA1YmYwMjc1YTFhYjViNjYyNGEzMmI%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrb2FyYS1sb2NhbCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZTk3NjkxMjcwNTQxZDY0ZTg5MGQzMWYxNzdhMmRjMmI%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g44Oq44OD44Kv44K944OV44OI5qCq5byP5Lya56S-%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D8fa63a53919268c60f4f3b49ffafd1ba)
Visual Studio CodeでJavascriptの開発環境を構築する - Qiita
概要 Visual Studio CodeでJavascript(Node.js)の開発環境を構築したメモです。 環境 Windows7 (64bit) Visual Studio Code 0.10.1 Node.js v4.2.2 参考 Visual Studio Code TSD DefinitelyTyped/tsd - Github ESLint Rules How to Import Intellisense files into vsCode (Visual Studio Code) Visual Studio Code for Node.js Development 準備 Visual Studio Codeよりインストーラをダウンロードしてインストールします。 設定 Visual Studio Codeを起動しメニューバーの"File" → "Preferences" →
俺のフロントエンド環境構築 - Windows - Bitnami編 - Qiita
前提 WindowsでモダンなWeb開発環境を、なるべく短時間で、なるべく余計な設定をせずに、プログラマやシステムエンジニアじゃない人でもできるようなマニュアルを作ってみる。 概要、補足 Windows上でモダン開発をするインフラのミドルウェアとして、以下のアプリケーションを導入する。 Bitnami WAMP Stack bitnamiって？ 発音はビットナミ、もしくはビットナーミ。ビットネィミでもいいかもね。 簡単に説明すると、例えばブログエンジンであるWordPressをWindowsに導入する場合、バックエンドのミドルウェアとして、httpdのApache、ライトウェイトスクリプト言語のPHP、RDBMS（データベース）としてMySQLなんかが必要になる。 それぞれをインストールして、それぞれを環境に合わせて設定しなければならない。 その上で改めてWordPressをインストールす
OAuth 2.0 全フローの図解と動画 - Qiita
RFC 6749 (The OAuth 2.0 Authorization Framework) で定義されている 4 つの認可フロー、および、リフレッシュトークンを用いてアクセストークンの再発行を受けるフローの図解及び動画です。動画は YouTube へのリンクとなっています。 English version: Diagrams And Movies Of All The OAuth 2.0 Flows 追記 (2019-07-02) 認可決定エンドポイントからクライアントに認可コードやアクセストークンを渡す方法については、別記事『OAuth 2.0 の認可レスポンスとリダイレクトに関する説明』で解説していますので、ご参照ください。 追記（2020-03-20） この記事の内容を含む、筆者本人による『OAuth & OIDC 入門編』解説動画を公開しました！ 1. 認可コードフロー RF
Windowsでnpm installしてnode-gypでつまずいた時対処方法 - Qiita
概要 タイトルのとおり、OSXやLinuxあたりではnpm installできるのに Windowsの場合にnode-gypあたりのエラーがでてnpm installできない場合の対処 今回はWindows7 32bitに入れた手順で記載。 以下の記事は自力で対応した時のもので、現在は以下手順を自動化してくれるwindows-build-toolsというものがあります。 npm installするだけでC++コンパイラやPython2.7をインストールしてくれるので 自分でやるより簡単です。 @syuilo さんありがとうございました。 対応手順 ざっくりいくとCコンパイラとpythonいれてnpmに使わせる設定が必要 いろいろなところで対処法が記載されているが、node-gypのreadmeが一番わかりやすかった Install C++ VisualC++が必要らしい。VisualStu
Node.js / npmをインストールする（for Windows） - Qiita
1.インストーラーのダウンロード 下記サイトからインストーラーをダウンロードします。 http://nodejs.org/ Download > Windows Installer をクリックするとカレントバージョンの自身のPCに合わせたインストーラーがダウンロードされます。 明示的に、32bit版、64bit版、バイナリ版など指定したい場合は、それぞれの項目をクリックするとダウンロードが開始します。 2.インストール 実行します。 Nextをクリック。 ライセンス規約へ同意しNextをクリック。 インストールフォルダを選択しNextをクリック。（インストール先は任意の場所でOKです） インストールするコンポーネントを選択しNextをクリック。基本デフォルトでOKです。 Installをクリックでインストールが開始します。 特に問題がなければインストールが完了します。Finishをクリック
MySQLの外部キー制約RESTRICT,CASCADE,SET NULL,NO ACTIONの違いは？ - Qiita
-- Create syntax for TABLE 'categories' CREATE TABLE `categories` ( `id` int(11) unsigned NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8; -- Create syntax for TABLE 'items' CREATE TABLE `items` ( `id` int(11) unsigned NOT NULL, `category_id` int(11) unsigned NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
