Submit Search
Upload
Saitowotsukutsutemita
•
Download as PPTX, PDF
•
0 likes
•
22 views
H
hmatumoto
Follow
This is description.
Read less
Read more
Technology
Report
Share
Report
Share
1 of 29
Download now
Recommended
2013/03/09 VisualStudio勉強会 LT 「統合開発環境の支援ツール」
2013/03/09 VisualStudio勉強会 LT 「統合開発環境の支援ツール」
Satoshi Noda
Web勉強会 20120927
Web勉強会 20120927
Yoshihiro Furukawa
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Mori Kazue
冴えないテーマの育てかた
冴えないテーマの育てかた
iPride Co., Ltd.
Jsのビルド環境
Jsのビルド環境
fourside
ユニキャストワークショップ2013 はじめてのWebプログラミング#1 ~WordPressからはじめよう~
ユニキャストワークショップ2013 はじめてのWebプログラミング#1 ~WordPressからはじめよう~
Unicast Inc.
映画にでてくるハッカーになりたい - YAPC Asia 2010
映画にでてくるハッカーになりたい - YAPC Asia 2010
Hiroh Satoh
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
Erina Takei
Recommended
2013/03/09 VisualStudio勉強会 LT 「統合開発環境の支援ツール」
2013/03/09 VisualStudio勉強会 LT 「統合開発環境の支援ツール」
Satoshi Noda
Web勉強会 20120927
Web勉強会 20120927
Yoshihiro Furukawa
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Mori Kazue
冴えないテーマの育てかた
冴えないテーマの育てかた
iPride Co., Ltd.
Jsのビルド環境
Jsのビルド環境
fourside
ユニキャストワークショップ2013 はじめてのWebプログラミング#1 ~WordPressからはじめよう~
ユニキャストワークショップ2013 はじめてのWebプログラミング#1 ~WordPressからはじめよう~
Unicast Inc.
映画にでてくるハッカーになりたい - YAPC Asia 2010
映画にでてくるハッカーになりたい - YAPC Asia 2010
Hiroh Satoh
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
Erina Takei
Nuxt0501ver1
Nuxt0501ver1
卓馬 三浦卓馬
Bootstrapカスタマイズ&ビルド!
Bootstrapカスタマイズ&ビルド!
Masayuki Maekawa
環境構築から始めるDjangoチュートリアル
環境構築から始めるDjangoチュートリアル
sakihohoribe
Webpackにトライ 基本編
Webpackにトライ 基本編
シオリ ショウノ
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
Hiroh Satoh
Grunt front-osaka-1-lt-tanaka
Grunt front-osaka-1-lt-tanaka
Hisateru Tanaka
Djangoのチュートリアル
Djangoのチュートリアル
sakihohoribe
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
Node js 入門
Node js 入門
Satoshi Takami
Node
Node
Michiel huntingfield
AngularJS2でつまづいたこと
AngularJS2でつまづいたこと
Takehiro Takahashi
CSSフレームワークを使った 簡単なレスポンシブデザインの作成
CSSフレームワークを使った 簡単なレスポンシブデザインの作成
Kazuki Akiyama
WordCamp Yokohama 2010 Komori
WordCamp Yokohama 2010 Komori
masaaki komori
Vue
Vue
卓馬 三浦
WordCampOsaka2012 開発ツール談義「NetBeans」
WordCampOsaka2012 開発ツール談義「NetBeans」
Atsuhiro Takiguchi
Nuxt
Nuxt
卓馬 三浦
[2019 01-19] AzureDevOps LT
[2019 01-19] AzureDevOps LT
Igarashi Toru
141115 making web site
141115 making web site
Himi Sato
DebianとWordPressでハッピーになろう!
DebianとWordPressでハッピーになろう!
Jun Nogata
TypeScriptへの入口
TypeScriptへの入口
Sunao Tomita
Drupal deployment trial on Engine Yard
Drupal deployment trial on Engine Yard
惠 紀野
Azure de debian
Azure de debian
Kazumi Hirose
More Related Content
What's hot
Nuxt0501ver1
Nuxt0501ver1
卓馬 三浦卓馬
Bootstrapカスタマイズ&ビルド!
Bootstrapカスタマイズ&ビルド!
Masayuki Maekawa
環境構築から始めるDjangoチュートリアル
環境構築から始めるDjangoチュートリアル
sakihohoribe
Webpackにトライ 基本編
Webpackにトライ 基本編
シオリ ショウノ
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
Hiroh Satoh
Grunt front-osaka-1-lt-tanaka
Grunt front-osaka-1-lt-tanaka
Hisateru Tanaka
Djangoのチュートリアル
Djangoのチュートリアル
sakihohoribe
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
Node js 入門
Node js 入門
Satoshi Takami
Node
Node
Michiel huntingfield
AngularJS2でつまづいたこと
AngularJS2でつまづいたこと
Takehiro Takahashi
CSSフレームワークを使った 簡単なレスポンシブデザインの作成
CSSフレームワークを使った 簡単なレスポンシブデザインの作成
Kazuki Akiyama
WordCamp Yokohama 2010 Komori
WordCamp Yokohama 2010 Komori
masaaki komori
Vue
Vue
卓馬 三浦
WordCampOsaka2012 開発ツール談義「NetBeans」
WordCampOsaka2012 開発ツール談義「NetBeans」
Atsuhiro Takiguchi
Nuxt
Nuxt
卓馬 三浦
[2019 01-19] AzureDevOps LT
[2019 01-19] AzureDevOps LT
Igarashi Toru
141115 making web site
141115 making web site
Himi Sato
DebianとWordPressでハッピーになろう!
DebianとWordPressでハッピーになろう!
Jun Nogata
TypeScriptへの入口
TypeScriptへの入口
Sunao Tomita
What's hot
(20)
Nuxt0501ver1
Nuxt0501ver1
Bootstrapカスタマイズ&ビルド!
Bootstrapカスタマイズ&ビルド!
環境構築から始めるDjangoチュートリアル
環境構築から始めるDjangoチュートリアル
Webpackにトライ 基本編
Webpackにトライ 基本編
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
Grunt front-osaka-1-lt-tanaka
Grunt front-osaka-1-lt-tanaka
Djangoのチュートリアル
Djangoのチュートリアル
Web制作勉強会 #2
Web制作勉強会 #2
Node js 入門
Node js 入門
Node
Node
AngularJS2でつまづいたこと
AngularJS2でつまづいたこと
CSSフレームワークを使った 簡単なレスポンシブデザインの作成
CSSフレームワークを使った 簡単なレスポンシブデザインの作成
WordCamp Yokohama 2010 Komori
WordCamp Yokohama 2010 Komori
Vue
Vue
WordCampOsaka2012 開発ツール談義「NetBeans」
WordCampOsaka2012 開発ツール談義「NetBeans」
Nuxt
Nuxt
[2019 01-19] AzureDevOps LT
[2019 01-19] AzureDevOps LT
141115 making web site
141115 making web site
DebianとWordPressでハッピーになろう!
DebianとWordPressでハッピーになろう!
TypeScriptへの入口
TypeScriptへの入口
Similar to Saitowotsukutsutemita
Drupal deployment trial on Engine Yard
Drupal deployment trial on Engine Yard
惠 紀野
Azure de debian
Azure de debian
Kazumi Hirose
Ansibleではじめるサーバー・ネットワークの自動化(2019/04版)
Ansibleではじめるサーバー・ネットワークの自動化(2019/04版)
akira6592
Windows AzureでWebサーバーを再発明してみる
Windows AzureでWebサーバーを再発明してみる
Sunao Tomita
13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs
Takayoshi Tanaka
Maniaxセミナー
Maniaxセミナー
bird 982000
20121115 fukuoka sublime0_kuroneko
20121115 fukuoka sublime0_kuroneko
Kohki Nakashima
Windows Azure PHP Tips
Windows Azure PHP Tips
Microsoft Openness Japan
[使い倒し]GitHubのIssueとTFS/VSOのWorkItem連動に挑む(2015/08/26)
[使い倒し]GitHubのIssueとTFS/VSOのWorkItem連動に挑む(2015/08/26)
Masanori Ishigami
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
Ms build 触ってみよう
Ms build 触ってみよう
Oda Shinsuke
開発チームもIaCやってみたい~VSOとDockerの組合せにチャレンジ~
開発チームもIaCやってみたい~VSOとDockerの組合せにチャレンジ~
CubedKachi
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Masayuki Abe
OWIN - .NETにおけるPSGI -
OWIN - .NETにおけるPSGI -
将 高野
Djangoのススメ
Djangoのススメ
Alisue Lambda
初心者がハマったWindows Azureの基礎の基礎
初心者がハマったWindows Azureの基礎の基礎
Saori Ando
2016年第一回プレ卒研in山口研
2016年第一回プレ卒研in山口研
dmcc2015
AWSで動画共有サイトを作成して全社に公開
AWSで動画共有サイトを作成して全社に公開
ToruKubota4
アジャイル開発&TFS導入
アジャイル開発&TFS導入
You&I
OpenAI の音声認識 AI「Whisper」をテストしてみた
OpenAI の音声認識 AI「Whisper」をテストしてみた
Hide Koba
Similar to Saitowotsukutsutemita
(20)
Drupal deployment trial on Engine Yard
Drupal deployment trial on Engine Yard
Azure de debian
Azure de debian
Ansibleではじめるサーバー・ネットワークの自動化(2019/04版)
Ansibleではじめるサーバー・ネットワークの自動化(2019/04版)
Windows AzureでWebサーバーを再発明してみる
Windows AzureでWebサーバーを再発明してみる
13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs
Maniaxセミナー
Maniaxセミナー
20121115 fukuoka sublime0_kuroneko
20121115 fukuoka sublime0_kuroneko
Windows Azure PHP Tips
Windows Azure PHP Tips
[使い倒し]GitHubのIssueとTFS/VSOのWorkItem連動に挑む(2015/08/26)
[使い倒し]GitHubのIssueとTFS/VSOのWorkItem連動に挑む(2015/08/26)
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
Ms build 触ってみよう
Ms build 触ってみよう
開発チームもIaCやってみたい~VSOとDockerの組合せにチャレンジ~
開発チームもIaCやってみたい~VSOとDockerの組合せにチャレンジ~
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭り
OWIN - .NETにおけるPSGI -
OWIN - .NETにおけるPSGI -
Djangoのススメ
Djangoのススメ
初心者がハマったWindows Azureの基礎の基礎
初心者がハマったWindows Azureの基礎の基礎
2016年第一回プレ卒研in山口研
2016年第一回プレ卒研in山口研
AWSで動画共有サイトを作成して全社に公開
AWSで動画共有サイトを作成して全社に公開
アジャイル開発&TFS導入
アジャイル開発&TFS導入
OpenAI の音声認識 AI「Whisper」をテストしてみた
OpenAI の音声認識 AI「Whisper」をテストしてみた
Recently uploaded
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
Recently uploaded
(9)
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
Saitowotsukutsutemita
1.
s1280136 松本響輝
2.
・人物紹介 ・作ったサイトの紹介 ・全体像 ・作った手順の説明
3.
拓実 よろしくたのむよ
4.
いいんじゃな いかな
5.
おーすごい
6.
よくできているな
7.
HTMLファイル
8.
9.
・必要な分ページを作る 例: `/` →
`/aiueo` ・マークダウンファイルを読み込んで表示する aaa.mdとかbbb.mdを読み込む ・マークダウンファイルから他のファイルを読み込む ライブラリを紹介するのでc++のファイルを乗っけたかった ・いい感じなデザインにする
10.
・2020の年末に行ったZli の開発合宿で vueに触れたので使ってみようと思った 1. npm
(パッケージ管理ツール)をインストールする 2. npmでその他色々をインストールする Vue.js(ヴュー・ジェイエス)またはVueは、Webアプリケーション におけるユーザーインターフェイスを構築するための、オープンソー スのJavaScriptフレームワークである。他のJavaScriptライブラリを 使用するプロジェクトへの導入において、容易になるように設計され ている。 なんでVueを使おうと 思ったんだい?
11.
ワイヤーフレームと呼ばれる雛形が すでに用意されている 誰でもすぐ簡単にホームページ が作れそうだね
12.
マークダウンを一つのファイルか らURLに応じて呼び出せない 理想 /power /combination
13.
14.
ページの遷移 vue-routerを作る 内部でvue-routerが作られてる vuetify
使える 使える 初期設定 routerの設定とかが多い 自動的に設定されている サイトの生成 npm run buildでできる npm run generateでできる
15.
・必要な分のページも作れた! pages/hoge.vue /hoge -> hoge.vueが表示される! ・URLに対応してマークダウンファイルも呼び出せそう! pages/_id.vue /aiueo
-> _id.vueの中で`aiueo`っていうURLが使える aiueo.mdを呼び出せばいい あとはC++ファイルを呼び出せば・・・
16.
URLに応じてマークダウンファイルを読 み込めない 読み込むのにwebpackのraw-loaderというのを使っていた
17.
3.import文では変数を使えなくてさようなら… 2. import文ではシングルクオートかダブルクオートしか使えない 1. raw-loaderではimport文を使う必要がある
18.
19.
/contentディレクトリに書き込むことで以下の形式のファイルを取得できる ・Markdown ・JSON ・YAML ・XML ・CSV _slug.vue 右のようなコードでマークダウンファイルを 呼び出せる→ あとはc++ファイルを呼び出せば…
20.
豊富な拡張機能! remark-○○をnpm install するとmarkdownで色んな拡張機能が使える! 今回はremark-code-import-replaceというのを使いました。 素晴らしい!
21.
HTMLファイル $ npm run
generate HTMLを生成するコマンド (/dist/にHTMLファイルなどが自動で作られる)
22.
HTMLファイル 1.GitHubでリポジトリを作っておく 2.push-dirをインストールする 3.push-dirの設定をする 4.コマンド一つで公開!
23.
1.GitHubでリポジトリを作っておく GitHubに登録して を押してリポジトリを作る
24.
1.GitHubでリポジトリを作っておく cloneする 作業中… addして commitして pushする pullする
25.
2.push-dirをインストールする $ npm install
push-dir push-dirをインストールするコマンド こんな簡単にできるのか
26.
3.push-dirの設定をする ・ベースパスの設定をする 「/」→「/リポジトリ名/」 ・アセット(アイコンの画像とか)のパスの設定をする GitHub PagesではURLが「ユーザ名.github.io/リポジトリ名/」となる。 「ユーザ名.github.io/」がNuxt.jsでの「/」に対応しているので、Nuxt.jsの設定を「/リポジトリ名」 にする必要がある。
27.
4.コマンド一つで公開! $ push-dir --dir=dist
--branch=gh-pages Github Pagesにページをのっける --dir=dist さっきnpm run generateで作ったdistディレクトリをGitHub Pagesにのっける --branch=gh-pages ブランチをgh-pagesという名前で作成する (ブランチは複数あるセーブデータの内の一つみたいなもの) ↓公式ドキュメント https://github.com/L33T-KR3W/push-dir
28.
HTMLファイル 1.Nuxtとかの環境を整える 2.開発する 3.HTMLファイルを生成する 4.GitHub Pagesにのっける
29.
君もホームページを作ってみないか?
Download now