APIの開発がむちゃくちゃ捗る「Postman」の使い方
いまどきのWebアプリケーションの開発で重要となっているのが、APIの設計と開発。APIを開発するときの面倒な課題を一気に解決するすばらしいツール「Postman」の使い方を紹介します。 APIを構築した経験があれば、難しさが分かるでしょう。プロジェクトは収拾がつかないほど複雑になり、ドキュメントを作成してみても、結局すっきりしません。 以前簡単に紹介したツールPostmanを試しました。Postmanなら、認証、テスト、ドキュメント作成、バージョン管理などAPIの多くの要素を統合して開発できる環境で、API構築の強力な助けになると分かりました。 Postmanの多彩な機能と統合環境で、APIを簡潔に開発する方法を紹介します。 リクエストする PostmanでシンプルなAPIリクエストを送信して、レスポンスを取得します。 上記のスクリーンショットで、ビューにたくさんの要素が配置されていてい
Mac環境でElectronのWindows用パッケージングをしたら大変だった話 - Qiita
今はやりのElectronを使ってWindows用アプリをパッケージングしようとしたところ、環境周りの様々な問題にぶつかって大変でした…。 備忘録と情報共有をかねて、恥をしのんで書き記します。 確認環境 Mac OSX Yosemite(10.10.5) node v4.2.3 electron v0.35.4 パッケージング用コマンドを実行するとエラーが出る Electronのパッケージングにはelectron-packagerを使用します。 Windows向けのパッケージングを行う時は、下記のようなコマンドを実行します。 $ electron-packager <ソースディレクトリ> <アプリ名> --platform=win32 --arch=x64 --version=0.35.4 --icon=<アイコンファイルのパス> --overwrite
ElectronアプリをMac上でWindows向けにビルドする - DRYな備忘録
ゴール MacOS上で動いてるElectronアプリがある electron-packagerを使い、Mac用に.appというフォルダを作って配布できている Windowsのひとたちにも配布したい 参考 GitHub - electron-userland/electron-packager: Customize and package your Electron app with OS-specific bundles (.app, .exe, etc.) via JS or CLI No dice: ENOENT: no such file or directory, open 'resources/app/package.json' · Issue #96 · electron/windows-installer · GitHub 手順 electron-packagerを使って、ビ
Electronで、ソフトをビルドするまでの手順 - H2O blog
Electronは、近年採用事例が増えているデスクトップアプリケーション構築のためのプロダクトです。JavaScriptを利用して開発でき、Windows、macOS、Linux向けにビルドが可能なため、すぐにマルチプラットフォームのアプリケーションを開発することができます。 ここでは、そんな Electronを利用したアプリのビルド手順を紹介しましょう。 前準備 Electronを使うためには、Node.jsや Gitなどが必要です。Windowsの場合はそれぞれ次のサイトからダウンロードしてセットアップしましょう。 Git Node.js また、もしすでにインストールされている場合は次の手順で、npmを最新バージョンにしておきましょう。 npm update -g npm プロジェクトをクローン Electronでのプロジェクト制作には、Electron本体をインストールしてファイルを
帳票開発を、もっと簡単に「Docurain-ドキュレイン-」｜帳票開発エンジン
開発にかかる学習コストの高さがネックになり、さらに環境構築にも時間を割かれてしまい、帳票レイアウトの細かい仕様変更への対応や既存社内システムの連携など工数は膨らむばかり…。 エンジニア泣かせで有名な帳票システム開発を自社で進めるメリットがあるのでしょうか？
Struts2のリモートコード実行可能脆弱性(CVE-2017-5638)を分析した - R42日記
またOGNL絡みの脆弱性が見つかりました。 アウトラインはid:Kango氏がまとめているこちらが参考になります。 http://d.hatena.ne.jp/Kango/20170307/1488907259 さて、この脆弱性の動作原理を調べてみました。 ファイルアップロード時のヘッダの処理方式に問題があるようです。 前述のURLで述べられているPoCはこんな感じ。 import requests import sys def poc(url): payload = "%{(#test='multipart/form-data').(#dm=@ognl.OgnlContext@DEFAULT_MEMBER_ACCESS).(#_memberAccess?(#_memberAccess=#dm):((#container=#context['com.opensymphony.xwork2.
Struts 2の脆弱性でHTTPのContent-Typeヘッダーからリモートコード実行ができる理由
(Last Updated On: 2018年8月8日)Apache Struts2 の脆弱性対策について(CVE-2017-5638)(S2-045)は HTTPプロトコルのContent-Typeヘッダーでリモートからコード実行ができる という問題です。どうして「Content-Typeヘッダー」でコード実行ができたのか？気になったので調べたメモです。 コード実行ができた理由は「国際化（翻訳）用のメッセージ処理メソッドが、プログラミング言語のようにパースして実行する仕様」であったことでした。気にしていないとこのパターンでリモートコード実行ができてしまうコードも在ると思います。 Struts2修正版（2.5.10.1）で変更された箇所 バージョン番号やテストプログラム除く変更箇所は以下の部分です。 --- a/core/src/main/java/org/apache/struts2/i
JavaScriptでFormDataを使わずにマルチパートでPostをする - Qiita
<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <link rel="stylesheet" href="css/style.css"> <script> function sendPost() { var oReq = new XMLHttpRequest(); oReq.open("GET","sample.jpg", true); oReq.responseType = "arraybuffer"; oReq.onload = function(oEvent) { var arrayBuffer = oReq.response; console.log(
いまさら聞けないHTTPマルチパートフォームデータ送信 - ＳＡＴＯＸのシテオク日記
放蕩ＳＡＴＯＸさん、最近、ネットワーク関連の勉強をしておりまして、アプリケーションからPHPを叩いたりしたりしています。 リモートプロシージャ的にマルチパートフォームデータで任意のコマンドやバイナリファイルを送ったりなんかするのですが、Socketを直に使っていたりするのでHTTPのプロトコルを使って通信しないといけません。 通信周りに詳しい方にとっては「今更そんなこと……」なんて言われてしまいそうなものですが、自分のためにもマルチパートフォームデータを使う際の送信内容について、覚え書きとして書いておこうと思った次第です。 ちなみに、マルチパートフォームデータとは、HTTPのリクエストで複数のフォームデータ(マルチパート)を送るための形式(HTTPのプロトコル)です。誰でもよく使っているもので、ブラウザであるページを開いて、名前の入力＋画像ファイルのアップロード、なんてときに使われています
Publickey主宰者・新野淳一氏に聞く、エンジニアのキャリア・スキルの磨き方、「稼ぐ力」の付け方 - GeekOutコラム
月間40万PV／20万ユニークユーザーが読むブログ「Publickey」は、エンタープライズIT分野において個人が運営するブログメディアとしては最大級の規模といえる。そんなPublickeyを運営するのが、IT専門情報メディア「＠IT」の元発行人である新野淳一氏。IT専門分野の草分け的存在だったアスキーを皮切りに、IT業界を30年以上にわたって見続けてきた新野氏が、自身の経験をもとに、エンジニアとしてのキャリア・スキルの築き方を語った。 キャリアの基盤を築いた20代 ——「Publickey」では、エンタープライズITを軸に、クラウドコンピューティングなど幅広くIT分野を記事として取り上げています。新野さんは、もともと編集者としてキャリアをスタートされたのですか？ Publickey トップページ。ITエンジニアであれば、一度は記事を目にしたことがあるだろう 新野 実は最初は、コンピュータ
multipart/form-dataのリクエストで地味にハマったメモ - Qiita
先日、JavaのHttpURLConnectionを用いて通信処理の実装をしてました。 その中で、multipart/form-data形式で汎用的に送信できる部品を作っていたのですが、何故か何度通信してもmultipart/form-dataのリクエストとして認識されず、解決にかなりの時間を費やしてしまいました。 原因はとてもしょうもない内容で、こんな事でハマるやつが他にいるのか？という感じだったのですが、備忘録的な意味合いも兼ねて書いておきたいと思います。 ちなみに最初に書いてしまうと、原因はこいつでした。 multipart/form-dataのリクエストボディ 一般的なのはこんな感じです。 以下のような形式で組み立てた内容をBodyに乗せて通信します。 --[Boundary文字列] Content-Disposition: form-data; name="[フォーム名]" <<
HTTPテスト > Postman - Qiita
HTTP送信を簡単にシミュレートできるPostmanをインストールして使ってみます。 以下のページからダウンロードします。環境に応じてダウンロードしてください。 Postman | API Development Environment ダウンロードの画面にすごく簡単に使うイメージ画像があります。 すごく簡略化してありますが、理解してしまえば、この画像の通りだなと腑に落ちます。 インストール インストーラーを実行するとインストール始まります。 しばらく待つとPostmanが立ち上がります。 Postmanが立ち上がりました。 これでインストール終了です。 POSTMANでのPOSTテスト 以下、IBMのLanguage Translatorを例に説明します。 細かい設定は以下に記載しています。 Language Translator > IBM Language Translator >
初めての「技術ブログ」書き方のご紹介 - SORACOM公式ブログ
技術ブログは「書く」というより「記す」というのがシックリきている、ソラコム松下(max)です 2017年3月にテック・エバとして活動を開始し、通算400回以上講演の他、ブログでも情報発信しています。 年間で20本以上のブログを書いてくるうちに、だんだんと書き方がわかってきました。ですので、今回は 技術ブログの書き方ブログ を紹介します！ 技術ブログは「未来の自分へのドキュメント」 技術ブログは普通のブログとは異なります。 未来の自分へのドキュメント です。 「あー、これ既にやったことあるなー。なんだっけ？」とググった先が自分のブログであってほしい、そんな思いで書いてみてください。一番最初の利用者が自分、すなわちドッグフーディングしましょう。これはサービス開発でも、ブログでも共通して言えることです。 もし、手元に「メモ的なテキスト」があるならば、それはブログにできるかもしれません。 まずはタ
WebデザイナーのためのVue.js事始め
2018年4月18日 JavaScript, Vue.js Vue.jsはサクッと小さく始められるJavaScriptのフレームワークです。「びゅー」と読みます ;) これまでWebデザイナーがjQueryで作成したような動きもVue.jsでも加えられるのですが、jQueryとは違ってHTMLに条件文を加えたり、アニメーションをCSSで設定することで、JavaScript自体のコードをあまり書かなくても実装できちゃいます。jQueryからの乗り換えを考えている方はぜひ検討してみてくださいね！ ↑私が10年以上利用している会計ソフト！ Vue.jsの使い方 Vue.jsは公式のドキュメントが日本語に対応しており、こちらを読むだけで基本的な使い方は理解できるはず。じっくり読んで、ご自身でもコードを書いて動作を確認し、身につけていくといいでしょう。 最初の一歩目の例として「JavaScriptで
福岡でチームビルディング合宿を開催し、Frontend Teamの開発行動指針をアップデートした - Kaizen Platform 開発者ブログ
こんにちは、Kaizen Platform で Frontend developer やってます tatsuroro です。 先日、弊社Frontend Teamで初のチームビルディング合宿（以下、合宿）を福岡で開催しましたので、そのレポートをお伝えしたいと思います。 TL;DR 「TECH DEEP SYNC: アプリ設計のベストプラクティス2018年春」と題し、福岡に集合して技術トピックについてディスカッション 普段はリモートで働いているメンバーが一箇所に集まって集中議論することで日頃の開発知見を共有 合宿のアウトプットとして、フロントエンド開発時の各メンバーの行動指針となる「チーム憲章」(後述) をアップデート 福岡のごはんはとても美味しいです なぜ「Frontend Team」合宿をやるに至ったのか 弊社の Frontend Team はメンバー4人のうち1人は大阪、もう1人は福岡
トークンの概要と開発観点から見たICO / Token and TokenSale
ブロックチェーンエンジニア勉強会 #2
技術書典4 に行こう！ - napplecomputerの日記
2018年4月22日（執筆時時点では今週末*1）に技術書典4が開催されます！🎉 techbookfest.org この記事では技術書典もしくは同人誌即売会に初めて一般参加*2する人向けに、僕だったらこうしますよーとか、前回実績ではこうですよーというのを紹介したいと思います。 準備編 開催日時・場所を確認しよう！ サークルをチェックしよう！ 公式サイトのよくある質問を確認しよう！ 技術書典公式のTwitterアカウントをフォローしよう！ かんたん後払いを準備しよう！ 小銭を用意しよう！ その他の決済方法を準備しよう！ paymo biz pixiv PAY 暇だったり気持ちが高ぶったらサークルの情報を集めよう！ 当日編 時間を決めて会場に行こう！ 整理券を受け取って入れるまで時間を潰そう！ 入場して会場を回ろう！ 頒布物を購入してみよう！ 公式ファンブック（技術季報 vol.3）をチェック
実はガジェット好きの中田ヤスタカさんに訊く。｢テクノロジー｣は中田サウンドにどんな影響を与えているのか？
実はガジェット好きの中田ヤスタカさんに訊く。｢テクノロジー｣は中田サウンドにどんな影響を与えているのか？2018.04.18 19:0045,552 ヤマダユウス型 今じゃないとできない意味がそこにはあるから。 2018年2月7日、中田ヤスタカさんが初となる自身名義のアルバム『Digital Native』をリリース。ヤスタカサウンドはPerfumeやきゃりーぱみゅぱみゅなど、数多の提供楽曲を通じて世界中に息づいていますが、ソロ名義でのアルバムリリースは意外やこれが初めてだったりします。 そんな中田さん、なんと嬉しいことにギズモード・ジャパン読者の一人であることがわかりまして、同時にかなりの（かなりの！）ガジェットファンでもあったのです。サウンド的にもガジェット好きであることは合点がいくところですが、そのルーツや音楽面への影響はどんなものなのか、気になります。 今回は、新譜『Digital
中〜大規模なSPAを開発する時に抑えておきたい10のポイント - KAYAC Engineers' Blog
こんにちは。カヤックのSPAおじさんこと島津です。 今年はReactとVueを使ったSPA開発プロジェクトをいくつか担当してきたので、そこで得た知見の総まとめをしたいと思います。 ※ ここでのSPAとはすべてのViewをJavaScriptで書くWebアプリのことを指します。サーバーサイドMVCを主軸にViewの一部をReactやVueで書くこともありますが、今回はそのケースではありません。 1. フレームワーク 数年前とは事情が変わり、 フレームワークを使わないという選択肢は昨今だともう無いでしょう。丸腰のJSでDOMを弄っていた時代に比べると、かなり安定したフロントエンドの開発ができるようになりました。 人気フレームワークの台頭になっている React + Redux Vue + Vuex をこの1年使ってきましたが、書き方は違えどFluxアーキテクチャ・仮想DOM・コンポーネント志向
Kubernetesを統合した「Docker Enterprise Edition 2.0」正式版リリース。コンテナランタイム、オーケストレーション、ネットワーク機能などを含む総合コンテナソリューション
Kubernetesを統合した「Docker Enterprise Edition 2.0」正式版リリース。コンテナランタイム、オーケストレーション、ネットワーク機能などを含む総合コンテナソリューション Dockerは企業向けコンテナソフトウェアの「Docker Enterprise Edition 2.0」正式版がリリースされたことを発表しました。 Announcing #Docker Enterprise Edition 2.0 – the only enterprise-ready container platform to support multi-Linux and Windows, multi-cloud and orchestration choice with @kubernetesio and #Swarm: https://t.co/qj5LKGbsl4 pic.tw
中途入社のパートナー向けにペパボカクテルを開始しました - Pepabo Tech Portal
執行役員 CPO (Chief Productivity Officer)兼技術部長の @hsbt です。 今年からペパボのエンジニアリングを統括する立場(技術担当執行役員)に就任したので、ペパボで実行されているエンジニアリングマネジメントの取り組みについてテックブログで発信していくことにしました。 ペパボカクテルとは これまでペパボでは、中途入社していただいたエンジニアを支援するメンターや立ち上げプログラムの決定は、全てを事業部の CTL(Chief Technical Lead)が中心となって作成し、事業部ごとに進めて来ました。事業部ごとに施策を決める方法は、意思決定を迅速に進めることができる一方で、配属されたエンジニアによって経験に偏りが発生してしまうという問題、いわゆるサイロ化という課題もありました。今回、これらの課題を解決しつつ、メリットとしての意思決定も維持した、全社統一の O
没落するMicrosoft、「失われた10年」の原因は何だったのか？ - まぐまぐニュース！
MicrosoftでWindows95の設計に携わって「右クリック」などを現在の形にし2000年に退社、以来ベンチャー企業を率いて活躍する世界的エンジニアの中島聡さん。中島さんは自身のメルマガ『週刊 Life is beautiful』で、退社のきっかけとなった名著『イノベーションのジレンマ』について触れつつ、Microsoft凋落のきっかけになったともいえるMicrosoft社内での「とある出来事」について明かしています。 ※ 本記事は有料メルマガ『週刊 Life is beautiful』2018年4月17日号の一部抜粋です。ご興味をお持ちの方はぜひこの機会にバックナンバー含め今月分すべて無料のお試し購読をどうぞ。 プロフィール：中島聡（なかじま・さとし） ブロガー／起業家／ソフトウェア・エンジニア、工学修士（早稲田大学）／MBA（ワシントン大学）。NTT通信研究所／マイクロソフト日本
Google、Dockerデーモンに依存せずコンテナイメージをビルドできる「kaniko」オープンソースで公開
Google、Dockerデーモンに依存せずコンテナイメージをビルドできる「kaniko」オープンソースで公開 通常、Dockerfileからコンテナイメージをビルドするには、Dockerデーモンにアクセスする必要があります。Dockerデーモンは実行にルート権限を必要とするため、ルート権限に簡単にアクセスできない環境、例えばKubernetesクラスタ内のDockerコンテナ環境などではコンテナイメージのビルドが難しいとされてきました。 オープンソースで公開されたツール「kaniko」は、この課題を解決するために開発されたとGoogleは説明しています。 With kaniko, we both build an image from a Dockerfile and push it to a registry. Since it doesn’t require any special
「ソード・ワールド2.5」の新情報が明された「ソード・ワールド戦略発表会」レポート。「ルールブックI」は7月20日発売
「ソード・ワールド2.5」の新情報が明された「ソード・ワールド戦略発表会」レポート。「ルールブックI」は7月20日発売 ライター：鷹海和秀 国産テーブルトークRPGの雄，「ソード・ワールド」シリーズ。その最新版「ソード・ワールド2.0」の発売10周年を記念したコンベンションが，2018年4月14日，東京・飯田橋の角川第一本社ビルにて開催された。その中で行われた「戦略発表会」では，最新バージョン「ソード・ワールド2.5」の情報も公開となったので，本稿ではそこで明かされた情報を中心に，レポートをお届けしていこう。 会場には「ソード・ワールド」シリーズの書籍が勢揃い。実際に手に取って見ることができた 富士見書房公式 TPRG ONLINE グループSNE 公式サイト 「ソード・ワールド2.5 ルールブックI」は7月20日発売。アルフレイム大陸での新たな冒険が待ち受ける 「戦略発表会」は，ゲームデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://creative-tweet.net/blog/2018/04/beginning-vuejs.html