はてなブックマーク

Help us understand the problem. What is going on with this article?

Executable segment sizes: IROM : 238256 - code in flash (default or ICACHE_FLASH_ATTR) IRAM : 27680 / 32768 - code in IRAM (ICACHE_RAM_ATTR, ISRs...) DATA : 1260 ) - initialized variables (global, static) in RAM/HEAP RODATA : 888 ) / 81920 - constants (global, static) in RAM/HEAP BSS : 25456 ) - zeroed variables (global, static) in RAM/HEAP 最大958448バイトのフラッシュメモリのうち、スケッチが268084バイト（27%）を使っています。 最大819

はじめに Pythonを使ったWeb開発を始めるにあたり、まずは快適なデバッグ環境を整えようと考えました。Web上では、Docker gunicorn+Django VSCodeのすべての要素をカバーした情報がうまく見つからなかったので、備忘録として残します。 構成の概要 クライアント側 VS Codeに、Python extension for VS Codeをインストールして、ポート3000番経由で、サーバー側で起動しているデバッグサーバーにアクセスします。 サーバー側 ptvsd (Python Tools for Visual Studio debug server)を gunicorn から呼び出し、デバッグサーバーを立ち上げます。デバッグサーバーはポート3000番でクライアントの接続を待ち受けます。 各種バージョン Mac OS 10.14.6 Visual Studio Co

はじめに プロキシを利用している環境でWindows Updateを使用する場合、IEのプロキシ設定のみではWindows Updateの通信がうまくいかない場合があります。 特に、プロキシ認証を使う場合の設定情報（「③認証情報の設定」の項目）がネット上でも少ないので、備忘録を兼ねてその設定方法をまとめました。 前提条件 OSがWindows 7以降であること 設定方法 ①IEのプロキシを設定 [コントロールパネル]⇒[すべてのコントロールパネル項目]⇒[インターネットオプション]で設定する ※詳細は日経トレンディネットさんの記事をご参照ください ②winhttp(Windows Updateで使用するもの)の設定 管理者権限でコマンドプロンプト(cmd)を起動し、以下のコマンドを入力 netsh winhttp import proxy source=ie ③認証情報の設定（必要な場合）

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

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

はじめに Ateam Hikkoshi Samurai Inc. Advent Calendar 2017の21日目です。 本日はエイチーム引越し侍、フロントエンドグループの@hashimoto-1202が担当します。 vue.jsのライブラリであるvue-routerを使って、非同期でページ間遷移できるナビゲーションを作ってみたので、その内容をまとめました。 環境構築からファイルの記述まで順番にまとめていくので、これからvue-routerを使ってSPA（シングルページアプリケーション）を作ってみたいという方の参考になれば幸いです。 目次 今回やりたかったこと まずは環境構築 ディレクトリ構成と各ファイルの記述について まとめ 今回やりたかったこと 今回は　下記の2点を勉強することを目的にナビゲーションを作ってみました。 vue-routerを使ってみる vueファイル（単一ファイルコン

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

最近、JavaScriptフレームワークであるVue.jsの勉強をしているのですが、jQueryを用いて開発を進めるときと比べるとデバックに時間がかかってしまいます。 何か良い解決策を探してみると「Vue.js Devtools」というchromeブラウザの拡張機能の存在を知りました。 早速導入してみると、 作業がとても捗った ので、導入方法や使い方を簡単にまとめたいと思います。 Vue.js Devtoolsとは Vue.js Devtoolsは、Vue.jsの開発をサポートする Chromeブラウザの拡張機能 です。これを導入するとconsoleを開かなくてもdataの中身などを確認することができるようになります。 Vue.js Devtoolsの導入方法について それではさっそくVue.js devtoolの導入方法について。まずは下記URLにアクセスして拡張機能を追加します。 Vu

サイト改修の中でposition:stickyのpolyfillを使用する機会がありました。 今回はpolyfillの内部実装と利用する際に注意すべきことを紹介したいと思います。 position:stickyとは まず始めにposition: stickyの簡単な紹介から。 position: stickyは、画面からスクロールアウトする際に、画面の上下左右、指定した位置で要素の固定し、スクロールに追従してくるような配置を可能にするcssの記述です。 下記の場合、.sampleの要素が画面に現れたら、topが0の位置で追従します。 このcssを用いるとサイドバーとを特定の位置までスクロールさせたら追従させたり、スクロールが発生するtableの組んだ時に、thのみ追従させることが可能になり便利です。 position:stickyのサポート状況 上記で紹介したとおり、position:st

MVVMの中でもシンプルで学習障壁が低いと言われている「Vue.js」を使って、ToDoリストを作成してみました。（追加と削除のみの機能しかもたない簡単なToDOリストです。） 学習した内容の整理も兼ねて、記述したコードを紹介したいと思います。 ※今回はVue.js v2.3.3を使用しています。 ViewModel scriptの記述は下記の通り▼ new Vue({ el: '#js-todoList', data: { newItem: "", todos: [] }, methods: { addItem: function(event) { event.preventDefault(); if (this.newItem == "") return; this.todos.push({ item: this.newItem }); this.newItem = ""; }, de

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

始めに ずいぶん前に書きかけていて、そのまま忘れていたものを見つけたので、投稿します。 マウスコンピュータのスティックPC(MS-NH1-AMZN)のOSは元々、Windows 8.1 with Bingでした。 で、これをWin 10にアップデートしたらHomeエディションになります。 Windows 10のHomeエディションはリモートでアクセス非対応で、対象方法があるのですが、決行はまったりしたので、その方法を備忘録として残しておきます。 使うソフト RDP Wrapper Library (2016年8月現在 Version 1.6.1が最新のようです) インストール 1. githubよりDL、install.batを実行 インストール直後は、Listener stateが"Not listening[not supported]"の表示です。 2. update.batを実行

桜庭さんのJAVA IN THE BOXの記事 に触発されて、JDK9で入る予定のProject Jigsawを触ってみました。 Project Jigsawとは Project Jigsawの概要はここで説明されていました。私の理解では、 不要なライブラリを削ぎ落としたJDKを作ったり、 Javaライブラリのアクセス可能性をより細かく設定したり publicクラスにしたら全てのクラスからアクセスできて嫌な感じですよね というところを目的にしていると思っています。(「パフォーマンスの向上」というのは詳細不明) また、Jigsawでは、JavaSEにモジュールシステム(module system)というものが導入されます。モジュールとは何ぞやというと、JSR 376によると、以下のように説明されています。 With a module system the packages of a comp

最近、Fluentd + ElasticSearch + Kibana を組み合わせてログの収集・可視化をやっている取り組みをよく見ます。 私もちょっと触ってみたいなーと思っていたのですが、ElasticSearchよりSolrの方がまだ少しは知っていたので、Fluentd + Solr (可視化部分はまた後日) やってみました。 Solrは、Apacheだから(?)同じApache仲間のFlumeと連携させる記事はよく見ますが、Fluentdとの連携はあまり見ないので色々不安でしたが、Fluentdのプラグインを作ってくださっている方がいたので助かりました。 環境 CentOS 6.6 (32bit) Fluentd 0.12.15 プラグイン: fluent-plugin-out-solr 0.0.8 Apache Solr 5.3.1 Oracle JDK 8 Update 65 F

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

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