Web

課外活動9

今日は企業のウェブサイトでよく見かける大きな背景画像の真ん中に文字があるものを作ります. 今日の記事は2部構成となっていて,はじめに自分で実装した場合のコード,その後Nuxt+vuetify を利用したものを紹介します. 自力実装 中央に文字を表示する 画…

課外活動8

今日から数日かけて Nuxt.js でダミー企業のウェブサイトを作ります. Nuxt.js とは? Nuxt.js は Vue アプリケーションを作成するフレームワークです。ユニバーサルアプリケーション、静的に生成されるアプリケーション、シングルページアプリケーションの…

課外活動7

Node.js の勉強をします. 環境は,Windows10 使う シェルは PowerShell を想定して記事を書きます. Node.jsとは? Node はスケーラブルなネットワークアプリケーションを構築するために設計された非同期型のイベント駆動の JavaScript 環境です。 Node.js …

課外活動6

情報集収の方法 効率良く勉強するためには,正しい情報を自分にあった方法で仕入れる必要があります.私が数年間Webについて学ぶときに使った手法を紹介するので,自分に合った方法を探してみてください. 本による情報集収 自分の主観で読んで良かった本を…

課外活動5

今日は,DOMについて説明します. DOMとは Document Object Model (DOM) は HTML や XML 文書のためのプログラミングインターフェイスです。ページを表現するため、プログラムが文書構造、スタイル、内容を変更することができます。 DOM は文書をノードとオ…

課外活動4

今日は,作ったウェブサイトを公開します. 公開には,GitHub Pagesを利用します. 基本的なgit操作 私はこのウェブサイトでGitについて勉強しました.非常にわかりやすいので,おすすめです. backlog.com これの入門編を一通り読んでください. 頻繁に打つ…

課外活動3

動的なコンテンツ(ボタンを押したら表示される内容が変わるなど)というものを見たことがあると思います. これは多くの場合,JavaScriptによって実装されています. JavaScript よく間違えられるのですが,JavaとJavaScirpt は別物でインドとインドネシア…

課外活動2

今日は,見た目を整えます. CSS CSSはカスケーディングスタイルシート と呼ばれ,HTMLの見栄えを整えるために用いられます. 昨日の例に少し書き加えます.styleタグで囲われた場所には,CSSを書くことができます. <html lang="ja"> <head> <meta charset="UTF-8" /> <title>Hello World</title> <style> h1 { background-color</style></meta></head></html>…

課外活動1

この記事は,ウェブ(フロントエンド)を学ぶ時,どのように学んで行けばいいかの例の一つとして,書いていきます. 友人にウェブのちからを付けてもらう目的で書いているので,その人にパーソナライズされています. 参考 developer roadmap というものがあ…

ウェブサイト作ったときのメモ

サーバー関係で調べたことメモ. 主にセキュリティのことについて. www.websec-room.com tylermade.net sshチェックするやつ sshcheck.com SSL証明書の発行 httpsを使おう qiita.com ログを確認するために少し変更 デフォルトでログに残る情報が少ないので…