週刊とっしーぱんち

昭和生まれのブロガーが綴る、全力脱力系雑記帳

Web制作

はてなブログにWebサイトを移植した話【趣味でつくるWebサイト】

おはよーございます。 以前こちらの記事で紹介したパスワードを作るWebサイトをはてなブログ内に移植できないかな?と思いたちまして実際にやってみた話です。 はてなブログ上で、簡単なWebサイトを作ってみたい!という方や、ブログ記事に少し動きをつけた…

【趣味ではじめるWebサイト】簡単なパスワードを作ってくれるサイト、中身解説編

おはよーございます。 先日の記事で紹介したWebサイト「Easy Password Generator」についての中身解説編です。 サイトの置き場所 CSS JavaScript Webフォント まとめ 無償提供ありがたすぎる件 サイトの置き場所 前回の記事でも紹介しましたが、GitHubPages…

【趣味ではじめるWebサイト】パスワード用の文字を作ってくれるWebサイトができました。

おはよーございます。 長らく進んでいなかったWebサイト制作ですが、よちよち歩きで制作を続けていまして、ついに!最初のコンテンツを作りました。 それがこちらになります。 pages.osio-tosimasa.com 先日紹介したGitHubPages上に構築してみました。こんな…

はてなブログのデザインCSSをスッキリさせたくて【後編】

おはよーございます。 今回で最終回です。 GitHubのアカウント登録、リポジトリの作成まで終わったので、CSSをGitHubに追加してはてなブログから読み込めるようにするところになります。 CSSファイルの追加 GitHubPagesの設定 はてなブログのデザインCSSに設…

はてなブログのデザインCSSをスッキリさせたくて【中編】

こんにちはー。 久々の更新となってしまいましたが、前回の記事の続き書いていきたいと思います。 osio-toshimasa.hatenablog.com 書いてみたら意外に長くなってしまったので、中編と後編に分けてご紹介していきます。 今回はGitHubのアカウントと登録とリポ…

はてなブログのデザインCSSをスッキリさせたくて【前編】

おはよーございます。 以前から少しずつこのブログにCSSを追加したりして楽しんでいるのですが、問題発生。 デザインCSSに何書いてるかわけわかんなくなってきた! 画像だとスクロールバーが消えててわかりづらいですが、勢いのままに追加してきた歴代のCSS…

【趣味ではじめるWebサイト】吹き出しが作ってみたくて作ってみた話

おはよーございます。 毎日楽しく皆さんのブログを読ませていただいているのですが、記事内に出てくる吹き出し表示のやつ。あれが前からやってみたくてやってみたかったのでやってみた話です。 まずはお手本さがしから。 CSSを自分なりに少し改造します。 は…

【劇的ビフォーアフター】ブログ記事内のRubyコードを見やすくしました。

おはよーございます。 タイトルにあるとおり、今まで紹介してきたRubyの記事でソースコードをところどころ載せていたのですが 背景黒と文字のグレーがそこはかとなく見づらいですよね・・ 前から気づいてはいたのですが、いつか直そうとは思いつつも、どんど…

【趣味でつくるWebサイト制作】JavaScriptとライブラリについて編

おはよーございます。 前回の記事ではCSSに触れたので、今回はJavaScript・・と言いたいところですがこちらに関しては先行して既に使っていたので、棚卸し的な意味で書き残しておきます。 JavaScriptとライブラリ ライブラリ選定 CSSライブラリとの相性 ライ…

【趣味でつくるWebサイト制作】CSSとフレームワークについて調べました。

おはよーございます。 Webサイト制作の入り口のそのまた入り口ぐらいでストップしていましたが、制作を再開するために下ごしらえとして、今まで使ってた技術要素を棚卸しして、自分にあったつくりかたを再構築しているところです。今回はそのなかでCSSについ…

Webサイトのテーマ設定と止まらない好奇心・・

おはよーございます。 Webサイトですが、少しずつ改良を加えていまして、この間やっとスッキリしたモノに仕上げることができました。 osio-toshimasa.work といってもまだヘッダー部分だけなんですがイチからコツコツ作っていくと、ヘッダーが出るだけでそれ…

JavaScriptとWebサイト制作とちょっとVim

おはよーございます。 先週Ruby推しの記事を書いていたにも関わらずJavaScriptで書いてます。どうしてこうなった!? Webサイトに時刻表示を入れたい まだアップしていないのですが、Webサイトの中で時の流れを入れたくて時刻表示をしたいなと思って色々調べ…

プログラミング言語RubyとWebサイト制作と

おはよーございます。 すっかり冬になってきましたね。Rubyのプログラム書けてないんですけど、プログラムだけじゃなくてもRubyそのものもネットの記事を読んだりして調べたりしていたことを簡略化してまとめました。あんまり書き足すとごちゃっとするので簡…

【Webサイト制作】ひとまず公開までできました。

おはよーございます。 以前からこつこつ進めていたWebサイトがなんとかぎりぎり8月中に公開できました㊗️サイト自体はしょぼいんですが、サーバを借りて自分で構築して公開ってところまでを進められたのでとりあえず満足です。サイト自体はしょぼいんですが…

【Webサイト制作】もう少しで公開できそうな感じです。

おはよーございます。 ゲーム動画作りつつ、お勉強タイムがほとんどなんですがひとまず最低限の要素だけいれたHTMLとCSSを作り、現在はWebサーバの設定をぽちぽち調べているところです。このはてなブログもそうですが、すぐにホームページを作れるサービスと…

【Webサイト制作】学ぶ順番とかやらないこととか考える

おはよーございます。 前回の記事の続きです。 osio-toshimasa.work Webサイトを作るにあたって、ぐぐればたいてい出てくるので行き詰まることはほとんどないんですが、逆に情報量が多いので僕の学習能力と時間を考えながらこつこつと作っています。完成とか…