踏み台サーバ経由でWinSCPを使ってSCP接続する方法 | 株式会社ビヨンド
インフラエンジニアの伊藤です。 最近のサーバ構成では、セキュリティレベルを上げるために踏み台サーバ経由でサーバに接続する環境が多くなってきています。 こんな感じの構成ですね。 エンドユーザはhttpでWebサーバのみにアクセスでき、サーバを設定する開発者等は踏み台サーバ経由で各サーバにSSHに接続出来る、という構成です。 コンテンツをアップロードする際にはSCPを使うことは多くあるかと思いますが、 踏み台サーバが存在する構成だと、対象のサーバにSSHやFTPで接続することが出来ません。 ということで、WinSCPで踏み台サーバ経由で接続する方法です。 セッション部分 WinSCPで起動した画面に入力する部分です。
npmのuninstallコマンドを忘れがちなのでメモ - Qiita
npmのアンインストール時のコマンドについて忘れがちだったのでメモ。 package.jsonの書き換え --save-devはdevDependenciesからの削除、 --saveはDependenciesからの削除となる。 単純に--saveだとdevDependenciesから削除されないで注意。
なぜCを学ぶべきなのか - 立命館大学情報理工学部セキュリティ・ネットワークコース プログラミング言語サポートページ
プログラミング言語としてのCは、初学者にとっては難しい言語であるのは確かです。中には、初心者が学ぶべき言語ではないと言い出す人もいます。ですが、私たちセキュリティ・ネットワークコースの教員は、我々のコースの学生は早期にCを学ぶべきであると考え、このカリキュラムを設定しています。以下に理由を列挙します。 Cはコンピュータの構造に深く根ざした言語なので、コンピュータそのものの学習を同時に進めることで、相互の理解が深まると考えています。例えば主記憶(メモリ)上にプログラムとデータの双方が置かれるフォン・ノイマンアーキテクチャや、メモリ上のデータ配置の問題、エンディアンの問題などを直接感じられるのはCならではだと思います。 CはOSや、コンパイラなどの言語処理系、組み込み機器などで広く使われており、その構造や動作と深く関わっているため、セキュリティとネットワークの理解のために欠かせないからです。
情報処理技術者試験なんて何の役にも立ちません
情報処理技術者試験の資格を取っても実質的に得るものはありません。「実質的に」というのは、技術者としてのスキル向上に貢献するということであり、「報奨金が貰える」とか「履歴書に書ける」などの技術と無関係なものを含まないということです。 なぜ、情報処理技術者試験が役に立たないのかと言えば、出題内容が表面的な知識問題に極端に偏っており、本質的な理解を問うていないからです。たとえば、オブジェクト指向の三要素に「カプセル化」「継承」「ポリモルフィズム」がありますが、これらを御題目のように唱えていても何の意味もありません。しかし、情報処理技術者試験ではこれらの用語さえ覚えておけば、しっかり点になります。 オブジェクト指向におけるカプセル化を説明したものはどれか。 同じ性質をもつ複数のオブジェクトを抽象化して，整理すること 基底クラスの性質を派生クラスに受け継がせることクラス間に共通する性質を抽出し，基底
Vueの子コンポーネントで警告：[Vue warn]: The “data” option should be a function that returns a per-instance value in component definitions.が表示されたとき - テストウフ
子コンポーネントでdataオプションを（うっかり）定義したところ、 [Vue warn]: The “data” option should be a function that returns a per-instance value in component definitions. で怒られました。 Vueのdataプロパティやelプロパティは、全インスタンス間でまたいで同じものが使用されるとことなので、子コンポーネント側のdataプロパティはオブジェクトとしてでなく関数として定義する必要があります。 Vue.component('child-component', { template:"<some>code</some>", data: function() { return { language: ['English', 'Japaese'] } } })
![Vueの子コンポーネントで警告：[Vue warn]: The “data” option should be a function that returns a per-instance value in component definitions.が表示されたとき - テストウフ](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e32a13b96e3f0de203c8ddae6cc4cd58d443361/height=288;version=1;width=512/https%3A%2F%2Fyoshikiito.net%2Fwp-content%2Fuploads%2F2019%2F04%2Fvuejs.png)
【５分でなんとなく理解！】Babel入門
5分でなんとなく理解するシリーズ、前回のWebpack入門に続き、第２回はBabel入門です！ はじめに この記事は、理科大AdventCalendar23日目の予定だったものです！ このAdvent Calendarの作成者にも関わらず、間に合わなくてすみません！ 僕は、この理科大AdventCalendarで先に投稿していただいたkatsuyukiさんとgangunさんがおっしゃっていた今はなきi科のあと誕生したI科こと情報工学科の一期生で２年生です！ 理科大生を中心とした学生団体Unitusで活動したり、ベンチャーでインターンをさせていただいたり、Nihonbashi.jsという勉強会を第２回から企画・運営をさせていただいてます。 AdventCalendarということで自分しか書けない記事を書きたいと思っていたのですが、４ヶ月以上７割完成のまま放置されていた記事があったのでとりあえ
各Windows OSで利用できるSQL Serverのバージョンを知る
対象ソフトウェア：Windows XP／Windows Vista／Windows 7／Windows 8／Windows 8.1／Windows Server 2003／Windows Server 2008／Windows Server 2008 R2／Windows Server 2012／Windows Server 2012 R2、SQL Server 2005／SQL Server 2008／SQL Server 2008 R2／SQL Server 2012／SQL Server 2014 解説 マイクロソフトのデータベースソフトウェア「SQL Server」は、Windows OSと同様、機能や性能の向上のためにバージョンアップが繰り返されてきた。現在サポート中の（ライフサイクルが終わっていない）バージョンだけでも、次の5種類が存在する。 SQL Server 2005（内
なぜ default export を使うべきではないのか？
プロジェクトで使われている技術と ESModule の状況について UIT では、 SPA 開発のプロジェクトにおいて Vue.js と React が多く利用されており、既存の多くは Babel を利用した JavaScript で、新規のプロジェクトでは TypeScript を利用して開発が行われています。 FYI: 【LINE DEV DAY 2019 番外編】UIT Front-end Tooling Survey 2019 技術選定は勿論、プロジェクトにおける細かなコーディングルールについては、プロジェクトのコードオーナーに委ねられており、プロジェクトごとに裁量を持った意思決定を行っています。 その上で、私が携わるプロジェクトにおいては、 default export を可能な限り避けるように心がけています。 import 側の裁量で対象を自由に命名できてしまう 今回は「『Da
【vue.js】Vuefityをマスターする(1) | アールエフェクト
VuetifyはVue.jsのUI(ユーザインタフェース)のライブありでVuetifyを利用することでデザインの知識がなくても効率的に美しいGUI画面を作成することができます。しかし使いこなすためにはプログラミングの知識が必要となるためVuetifyの基本的な使用方法を理解しておく必要があります。 本文書ではVuetifyがマスターできるように実践的なダッシュボードの作成を通して使用方法を確認していきます。 説明は2回に分けて行い、1回目である本文書ではダッシュボードのレイアウトの作成方法とルーティングの設定方法を確認します。本文書を読み終えるとVuetifyを利用して自分の力で下記のダッシュボード画面を作成することができます。 ダッシュボード画面 2回目ではダッシュボードに表示させるグラフコンポーネントを使って、Grid System(グリッドシステム)やResponsive Desig
サービスプロバイダーについて - Laravel学習帳
前回、Laravelのサービスコンテナについてエントリーしました。 サービスコンテナについて 上記の記事にあるチュートリアルでは routes.php にサービスコンテナの結合処理（バインド）を記述しました。 しかし、普通はサービスコンテナの結合処理はこのサービスプロバイダーに記述します。 サービスプロバイダーとは、Laravelが起動する時の初期処理を記述したクラスのことを言います。 今回はサービスプロバイダーについてエントリーします。 サービスプロバイダーとは Laravelはサービス毎に初期処理を定義し、実行する仕組みを持っています。 初期処理の実装を行うクラスのことをサービスプロバイダーと言います。 サービスプロバイダーでは以下の役割を果たします。 チュートリアルでは「サービスコンテナへのバインド」についてフォーカスします。 チュートリアル サービス（Utilクラス）を作成してサー
Vue.jsでSPA - [3] vue-routerでルーティング - Qiita
前回の続き vue-routerを理解する 左側のメニューを押したら右側の画面がかわるという基本的なルーティングを追加する．公式ページのサンプルを少し動かしてみればだいたいわかったので，そのまま前回のHTMLにあてはめてみる ルーティングを追加したコード <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- import Vue before Element --> <script src="https://unpkg.com/vue/dist/vue.js"></script> <!-- 1. import Vue r
![Vue.jsでSPA - [3] vue-routerでルーティング - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b276782ba89ea64188ee9ec0301236a71256f8a/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VnVlLmpzJUUzJTgxJUE3U1BBJTIwLSUyMCU1QjMlNUQlMjB2dWUtcm91dGVyJUUzJTgxJUE3JUUzJTgzJUFCJUUzJTgzJUJDJUUzJTgzJTg2JUUzJTgyJUEzJUUzJTgzJUIzJUUzJTgyJUIwJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1jMmY1NzlkZTZlYzMwMTJlMzU1Zjk5ZjNlNzBjYWNhNA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBuYXJ1dGFybyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZmU0NWFkM2VlNmUyM2ZiZjYyY2Q0ZTM2MTIyNjMzZTQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Da0c1b96c061864245c76c621f2ba8b6b)
Node.js – npmでパッケージを追加する
Node.jsの各プロジェクトに対してnpmでパッケージを追加するには次のようにします。無関係のプロジェクトにはインストールはされません。 1. package.jsonを作ります プロジェクトの名前や使用しているパッケージ情報などはpackage.jsonで管理されます。 まず、Node.jsの各プロジェクトフォルダに移動します。なければ作ります。 $ cd ~/path/to/project package.jsonファイルを作るには、npm init コマンドを使います。プロジェクト名などプロジェクトの情報を聞かれるので適時入力するか、未定の箇所はEnterキーでスキップします。 $ npm init package name: (deploy-test) deploy-test version: (1.0.0) 0.0.1 description: deploy test proj
【いまさらですが】package.jsonのdependenciesとdevDependencies - Qiita
package.jsonのdependenciesとdevDependenciesの使い分けについて、いまさらですがまとめます。 dependenciesとdevDependenciesの違い 例えば、sampleという名前のパッケージを開発しているとします。 dependenciesにはrequest、devDependenciesにはmochaが書かれているとします。 { "name": "sample", "dependencies": { "request": "^2.81.0" }, "devDependencies": { "mocha": "^3.4.2" } } //このほかの要素は省略します 開発者がpackage.jsonがあるディレクトリでnpm installを行うと、dependenciesに書かれているパッケージもdevDependenciesに書かれているパッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Component への分割と Props の受け渡し
ES6のexportについて詳しく調べた - Qiita
大江英樹 on Twitter: "「このままリモートワークを続けたい」って言ってる人多いけど、実態は「在宅勤務」じゃなくて「自宅待機」の人がほとんどだと思う。だからそれって「仕事やりたくない！」と言ってるのと同じなんですよね。だって壮大な長期休暇終って、通勤電車乗るのは、誰でも嫌だもの。"
【slack】5.チャンネルの削除とアーカイブ