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
はじめに ポートフォリオ作成まで、環境構築が辛すぎたのでその過程を書きました。 完全に全ての技術に対して初心者だったので、毎日絶望していました。 ポートフォリオのために快適な開発環境をまず作りたくて試行錯誤していました。 Docker for Macが重すぎ、しかもfrontendとbackendに分けて、 しかもNginxを使ってSSL化までする記事がなさすぎて絶望したので実験しながら作りました。 今後忘れないために備忘録として・・・。 とりあえずそれぞれHello World出来るまで。 こんな人へ とりあえずサクサクっと開発環境をつくりたいぜ。 Dockerとかの知識はちょっとあるぜ。 これを読むとわかること/おおまかな流れ Vagrant環境構築 Nuxt.js環境構築 Docker環境構築 nuxtとRails(APIモード)とMySQLの開発環境構築 Nginxの環境構築 SS
ユースケース: Node.jsでCLIアプリケーション ここではNode.jsでCLI(コマンドラインインターフェース)アプリケーションを開発します。 CLIのユースケースとしてMarkdown形式のテキストファイルをHTMLテキストに変換するツールを作成します。 作成するアプリケーションは次の要件を満たすものとします。 コマンドライン引数として変換対象のファイルパスを受け取る Markdown形式のファイルを読み込み、変換したHTMLを標準出力に表示する 変換の設定をコマンドライン引数でオプションとして与えられる 目次 Node.jsでHello World Hello Worldアプリケーションを通じてNode.jsのCLIアプリケーションの基本を学びます。 コマンドライン引数を処理する コマンドライン引数を受け取り、アプリケーションから使いやすい形にパースする方法を学びます。 ファイ
ウェブサイトの更新チェックをするのに、ブラウザを開くのが面倒でスクリプト化したいことがあります。 Node.jsを使って、スクリプト化します。 お題 国立大学法人 電気通信大学から最新の新着情報の日付を取得します。 ブラウザ上での動作 最初にブラウザでの情報取得方法を確認します。 開発コンソールで次のJavaScriptを実行します。 document.querySelector('.newsList').children[0].firstChild.textContent.trim() "2017年10月 5日"最新の新着情報の日付が取得できます。 解法 色々な実装方法があります。 環境 Nodo.js v8.6.0 MacBook Pro (Retina, 13-inch, Late 2013) 比較表 最初に簡単な比較を載せます。 ソースコードは後半にあります。 ヘッドレスブラウザ
Swagger UI × Amazon EC2 × Dockerで開発初期からAPIの繋ぎ込みを意識できる環境を構築してみた こんにちは! PHP × Unityを使った新規開発プロジェクトでサーバサイドエンジニアをしている仙道です。 今回の記事ではSwagger UIとAmazon EC2、Dockerを使って開発初期から繋ぎこみを意識した開発を行うための取り組みを紹介したいと思います。 今回の記事ではAmazon EC2やDockerの基本的な使い方については触れないため、もしこれらについて分からないという場合は、下記のドキュメント等を参照いただければと思います。 Amazon EC2 : http://docs.aws.amazon.com/ja_jp/AWSEC2/latest/UserGuide/concepts.htmlDocker : https://docs.docker.
概要 API通信処理、どんな方法で実装していますか? クライアントアプリを開発してると何かと書く機会が多い部分ですが、アプリごとに頑張って書いていくの面倒ですよね。 同じ言語ならライブラリとして切り出せば良いですが、プラットフォームが違う場合は大抵言語も違うので、その場合は再開発する必要が出てきて辛いですよね。 そういう時はSwaggerを使うとその問題解決、あるいは軽減できるかもしれません。 今回はSwaggerを使った通信処理を自動生成する方法を紹介したいと思います。 こんな人にオススメ APIドキュメントの追従や管理がつらい プラットフォームごとに実装書くのつらい JSONをいい感じにパースするライブラリがない (もしくはあるけど実装がめんどい) APIガッツリ使うプロダクトなのに、開発開始直後でサーバー側にAPIが用意されてない 結合まで待ってたら作業進まない javaはGsonと
目的 プレゼン資料にパワポを使いたくない(細部にこだわりたくなって時間が掛かる..!) 繰り返し修正して使用するプレゼン資料はバージョン管理したいのでテキスト形式にしたい 前置き asciidoc形式で作成したテキストファイルを、自端末上のasciidoctorでスライド風HTMLに変換するまでを 簡単に記載します。 Windows 10 インストールするもの Ruby asciidoctor tilt haml deckjs 環境構築手順 Rubyをインストール ダウンロード Downloads-RubyInstaller インストール確認 ruby -v asciidoctor,tilt,hamlのインストール インストール gem install asciidoctor tilt haml インストール確認 gem list --local ご参考:以降の手順でダウンロードする資材を
とつぜんですがみなさま.大急ぎでスライドを作る必要に迫られたときどうしておられるでしょうか. 先日,わたしもそんなような感じになったので,どうやってやり過ごしたのかを紹介します. 環境 基本的にはUbuntu 18.04で作業しますが,発表はmacOSあるいはWindowsで行わなければならないかもしれません. 時間がないのでちょちょっと書かないといけません. 高価なソフトウェア(およびそのライセンス)は所持していません. 現代人として版管理はしますよね? 要望 ようするに,まずはクロスプラットホームを望みます.というより,プレーンなテキストとして書く→なにがしかの処理をする,という感じであれば,動作する環境は限定的であるとしても,スライドの作成自体はいつでもどこでもできそうだなぁという感じでしょうか. テキスト自体はやはりAsciidocで書きたいというか書くべきというかそう思います.M
最終更新日: 2020年11月7日 Vue.js とは?Vue (発音は / v j u ː / 、 view と同様)はユーザーインターフェイスを構築するためのプログレッシブフレームワークです。他の一枚板(モノリシック: monolithic)なフレームワークとは異なり、Vue は少しずつ適用していけるように設計されています。中核となるライブラリは view 層だけに焦点を当てています。そのため、使い始めるのも、他のライブラリや既存のプロジェクトに統合するのも、とても簡単です。また、モダンなツールやサポートライブラリと併用することで、洗練されたシングルページアプリケーションの開発も可能です。 あなたが Vue についてもっと深く学ぶ前に概要を知りたいのなら、中核となる原則とサンプルプロジェクトを元に説明するビデオを作成しているので、それを見るとよいでしょう。 あなたが経験豊富なフロントエ
Javascript と Node.js を使ってあれこれ自動化する記事が増えてきたので、 目次としてまとめておく。 blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net b
社内のフロントエンド、マークアップエンジニア向けに話をしそうなので、そのメモ。 なんとなくで読んでください。 Index 「Webサイト用」モダン開発環境 パフォーマンス施策 Webサイト制作において必要な条件 モダンな技術を採用しつつ、今までの案件で使える SPAではなくWebサイトに対応 HTMLファイルが各ページで存在している head内の情報が直接書かれている きれいなHTML minifyされていない Nuxt.jsのgenerateみたいに、最適化されすぎていない 変えたいもの 脱Gulp Gulp -> npm scripts(タスクランナー) Gulp -> webpack(バンドラー、トランスパイラー) jQuery -> Vue.js & Vanilla.js ES2015+ -> TypeScript(Classベース) EJS -> Pug 脱Gulp(Gulpをや
米Microsoftが1995年8月24日にリリースした「Windows 95」を現行のWindows、macOS、Linuxで再現するアプリがGitHubで公開された。 開発したのは米Slackのエンジニア、フェリックス・リースバーグ氏。Electronのフレームワーク内で稼働する。Windows版(129MB)をWindows 10最新版搭載のノートPCにインストールしてみたところ、Wordpadなどが問題なく動いた(Windows 95らしくレスポンスは悪い)。タスクマネージャーの表示によると、必要なメモリ量は200MB前後だった。 関連記事 「Windows 10」春のアップデートは「AI活用で過去最速の普及」とMicrosoft Microsoftが4月30日にリリースした「Windows 10 April 2018 Update」は、初めて採用したAIによるローリングアウト方式
白ハゲ4コマメーカー リリースしました! テキストを入力してポンポンスタンプを押すだけで4コマ漫画を作れます。 ※Twitterに直接画像をアップロードする機能はないので、ローカルに一旦保存してくださいhttps://t.co/RCX183cdW8#白ハゲ4コマメーカー pic.twitter.com/qbvRHqO5R3— hashrock (@hashedrock) 2017年6月27日 作りました。 https://mangadown.netlify.app/ ここの所、Markdownからすべてを生成することを目指した「anydownプロジェクト」というのをやってます。 その流れで4コマもテキストから生成できそうだな、と思いついたので作りました。別にMarkdownじゃないんですが、それなりに書きやすいんじゃないかと思います。 大層なことにそれらしいWebフォントを使っていたり、縦
はじめに NagisaでiOSエンジニアをしている伊藤です。 今回はReactNativeというスマホアプリのクロスプラットフォーム開発ツールを使った取り組みについて紹介をしたいと思います。 アプリのクロスプラットフォーム開発といえば、以前ではTitaniumやCordovaといったWebViewをベースとしたアプリをイメージするものが多く、純粋なネイティブアプリに比べるとどうしてももっさりとした感覚になってしまい、あまり採用されることはなかったように思います。 ReactNativeではこのもっさりとした感覚はなく、とてもスムーズに動作するアプリを作れます。その理由はWebViewを使用せず、ビューやラベル、スイッチなどで本当のネイティブコンポーネントを使った画面が構成されるところにあります。これにより国内でもにわかに人気が出てきています。 UPTOON!のReactNative化 UP
パッケージマネージャを利用した Node.js のインストール 注意: このページにあるパッケージはそれぞれのパッケージ管理者によってメンテナンスされています。Node.js コアチームによるものではありません。遭遇した問題はパッケージの管理者に報告してください。もしその問題が Node.js 自体のバグだと判明した場合は、管理者が報告をあげてくれます。 Android Arch Linux Debian と Ubuntu ベースの Linux ディストリビューション、エンタープライズ Linux/Fedora と Snap パッケージ FreeBSD と OpenBSD Gentoo IBM i NetBSD openSUSE と SLE macOS SmartOS と illumos Solus Void Linux Windows Android Android support is
などをやってください。 以下の内容は古くなりました。 表題通りでReactとmatrial-uiを使ったウェブページをwebpackを使って最小手順で作るための手順をまとめた。 準備 まずはディレクトリを作成してnpmの準備をする。 $ mkdir webpack-exe $ cd webpack-exe $ npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sane defaults. See `npm help json` for definitive documentation on these fields and exactly what they do. Use `np
7 คาสิโนออนไลน์ ชั้นนำที่ดีเยี่ยมที่สุด Ichimaruni-design คาสิโนออนไลน์ ขอชี้แนะ 6 เว็บเดิมพันออนไลน์ชั้นหนึ่ง ที่มีครบทุกสิ่งที่มีความต้องการ ไม่ว่าจะเป็น คาสิโนออนไลน์ บาคาร่าออนไลน์ ไพ่โป๊กเกอร์ออนไลน์ พร้อมรับโปรโปรชันเครดิตฟรีที่แจกให้แบบจุใจ เว็บไซต์ตรงไม่ผ่าเอเย่นต์ เล่นง่าย ได้เครดิตฟรี ๆ ไปเลย UFABET เครดิตฟรี ไม่รับไม่ได้แล้ว กับโปรเด็ด โบนัสปัง UFABET เครดิตฟรี สิ่งดีๆที่เรามีให้เฉพาะสม
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く