今の時期って、期が変わり 、自分のキャパを超えて、モーレツに頑張っている人と、自分のキャパを持て余し気味で、モチベーションが落ち気味の人がいるのではないかと思います。 ５月病とはよく知られた言葉ですが、正式な病名ではなく俗称です。 激しい入学試験をパスしてやっと大学に合格し た新入生が、ゴールデンウィーク明け頃に無気力な状態になることから名づけられました。 大学生だけでなく、新入社員 などにもみられます。 お疲れ様です。 4月にこうありたいと立てた目標からぶれないよう、自分を戒める意味で、記事を作成しました。モチベーション維持が難しいと、悩んでいる方々の助力となれば、幸いです。 モチベーションを維持する方法 モチベーションを維持するのは難しいですよね。しかし、ちょっとした工夫で、より長く高いモチベーションを保つことができます。まず、いくつかの方法を紹介します。 目標設定 SMARTな目標を

While there are a lot of UI-based tools in Linux that you can use to see a graphical representation of system load, the number of command line tools that do the same work is pretty less. One such utility is tload, which will be discussing in this tutorial. But before we do that, it's worth mentioning that all examples in this article have been tested on an Ubuntu 18.04 LTS machine. Linux tload com

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

JavaScriptのイベント、ややこしいですよね。 名前が似ているものや、使い方にクセがあるものもあり、簡単なようで実装に手間どることが多いです。なので、よく使うイベントの概要をざっくりまとめ、それぞれの実行タイミングとイベントオブジェクトをコンソールで確認できるサイトを作りました。 忘れたときに調べればいいだけの話なので、わざわざサイトを作る必要はなかったのですが、イベントを眺めるのが好きな人に見ていただけたら嬉しいです。 JavaScriptのイベントをたくさん見られるサイト ひたすらaddEventListenerしていたら、イベントに愛着が湧いたので、イベントの実装でハマりそうなところをまとめています。 なぜイベントを使うのか マウスなどはイベントじゃないと値が取得できませんが、頑張ればイベントを使わずとも実装できるものもあります。たとえば、テキストボックスの変更を知りたいだけで

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

「エゴレスプログラミング」という言葉があります。アメリカのコンピューター科学者、ジェラルド・ワインバーグ氏によって『プログラミングの心理学』にて取り上げられた思想です。プログラマ同士が協調する事で最終的なコードの品質が向上するという思想です。プログラマが協調できていないムードだとコードの品質が下がると言い換えてもなんだか思い当たるフシのある感じです。1970年代からある考え方ですが、ちょうど話題になっていました。さてそのエゴレスプログラミングの為の十戒は下記のようになっています。 自分が失敗をする事を認める コードは自分自身ではない どれだけ空手を知っているかは重要ではない。他にもっと知っている人がいる 相談なしにコードを書き換えない 自分よりも知識が無い人に対して尊敬と敬意と忍耐を持って接する 唯一不変な事は、世界は変わるという事 権威は立場からではなく知識から生まれる 自分が信じるもの

Visual Studio 2017 で ASP.net MVC のプロジェクトをビルド構成別にconfigを切り替える方法として、Web.[ビルド構成].Config を使用する方法があります。 これを行うには、Visual Studio拡張のConfiguration Transformを利用することで、簡単にファイルを用意することができ、またプレビュー確認もできます。 しかしながらこのビルド構成別切り替えは、発行時にのみ適用されるもので、Web.Debug.configのように開発時だけ適用したいという用途があっても、これだけではconfigが切り替えられることはありません。そこで調べてみたところ、プロジェクトファイルを編集することで、Visual Studioでのビルド時にも対応可能であることがわかりました。（参考） ビルド時のビルド構成別config適用方法 Visual Stu

ASP.NETで開発を行っている時にビルド実行時に選択したビルド構成でWebConfigのDBの接続先を変更できたらいいのになぁ、と思うことはよくあると思います。割りと簡単な設定で実現できるので方法について記載していきます。 ビルド構成の追加 WebConfigにはビルド構成別に子要素としてWeb.[ビルド構成名].Configが配置されています。初期では「Web.Release.Config」と「Web.Debug.Config」が用意されていると思います。任意のビルド構成を追加したい場合は下記の手順で追加します。 ビルド選択のリストボックスを展開し「構成マネージャ」を選択します。 構成マネージャを開いたらアクティブソリューション構成の「新規作成」を選択します。 ここで任意の文字を入力すればビルド構成を新規に追加することができます。 ビルド構成を追加したらWebConfigを右クリックし

jquery.dgtable This is a table View for jQuery, which is meant to be high-performance, and allow simple user interactions with the UI, such as: Sorting Sorting by more than one column Moving columns Resizing columns Full cell preview when hovering Native RTL support Variable row height Other features implemented are: Mix absolute column widths with relative column widths Virtual table mode (to sup

isomorphic-git is a pure JavaScript implementation of git that works in node and browser environments (including WebWorkers and ServiceWorkers). This means it can be used to read and write to git repositories, as well as fetch from and push to git remotes like GitHub. isomorphic-git aims for 100% interoperability with the canonical git implementation. This means it does all its operations by modif

自分の語彙力ってどのくらいだろうって思ったことありませんか？毎日日本語を使っていたり、日本語が母語であっても、このテストを難しいと感じるかもしれませんよ！ 独自の学術調査とオンラインの情報を調べることでこのクイズをデザインし、あなたにとっておきのテストをご用意しました！ English | Français | Deutsch | 日本語 | Español Português | Italiano | Polski | Українська | Русский ภาษาไทย | Indonesia | Melayu | Tiếng Việt | Türkçe | العربية Nederlands | 中文(汉语) | 한국어 | Čeština Suomi | Dansk | Svenska | Norsk

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

webpack はエントリーポイントを指定することで複数の JS ファイルの書き出しが可能。 gulp-webpack も公式で以下の方法を紹介している。 var gulp = require('gulp'); var webpack = require('gulp-webpack'); var named = require('vinyl-named'); gulp.task('default', function() { return gulp.src(['src/app.js', 'src/test.js']) .pipe(named()) .pipe(webpack()) .pipe(gulp.dest('dist/')); }); 上記の場合、dist/app.js、dist/test.js が出来上がる。 一つ一つファイル名書くのは面倒なので、glob で省略するとこうなる。

Result 数年前に見かけた懐かしい感じの3Dなカルーセルです。 CSSだけで出来る時代になりましたね。 css#slideshow {/*全体*/ margin: 0 auto; padding-top: 50px; height: 600px; width: 100%; background-color: #ddd; box-sizing: border-box; } .entire-content {/*カルーセルの見栄え。perspectiveで奥行きを設定する*/ margin: auto; width: 190px; perspective: 1000px; position: relative; padding-top: 80px; } .content-carrousel {/*各画像を包括、アニメーションを設定*/ width: 100%; position: abso

npm-check-updatesというNode.jsのモジュールを使ってみたら便利でしたという話です。 2013年のブックマークとかもあったので、別に新しいものではないと思うけど、私は知らなくて感動したのでした。 なにこれ？ package.jsonに書かれているnpmのバージョンを、一括で最新に書き変えてくれるNode.jsのモジュール。 ncuコマンドひとつで一度に書き変えできて便利。 実際に書き変える前に確認だけすることもできる。 「メジャーバージョンは固定で、それ以下を最新にしたい」などの細かい設定もオプションで可能。 どんなときに便利なの？ 既存のpackage.jsonを流用して、同じnpmをそのまま使いたいけど、バージョンだけは新しくしたいとき。 昔つくったサイトのメンテナンスで、npmのバージョンだけを新しくしたいとき。 使い方 初回のみ、npm-check-update

本記事の内容は、こちらの個人ブログに移動しました。 https://www.hypertextcandy.com/modern-javascript-sleep

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

Kotlin が Android の公式言語になることが Goole I/O 2017 で発表されました。 Java プログラマが Kotlin を始めることがこれから多くなると思うので、 Kotlin をスムーズに始められるように次の 3 点についてまとめます。 Javaとほぼ同じところ 新しい考え方が必要でつまづきがちなところ Kotlinならではの便利なこと すべてを一つの投稿にすると長くなるので連載形式とし、本投稿では最初の「Javaと同じところ」について説明します。 Kotlinって何？ 本題の前に、 Kotlin について簡単に説明します。 まずは↓の Android のコードを見て下さい。これは Android Studio が生成するテンプレートの Kotlin 版です。 Android アプリ開発者であれば、初見でも概ね何をしているのかわかると思います。 class Ma