不登校ブログ

不登校ブログ

IT好きの小6がプログラミングや不登校について書くブログです。分からないことなどあれば本ブログをどうぞ!

#BlackLivesMatter

プログラミング

WordPressサイトを公開前にやることをまとめる。

WordPressサイトを作り始めて一ヶ月近く掛かってしまったんですが... ようやく完成しそうです。 なのでそろそろ公開前にやることをまとめようと思います。 公開前にやること。 indexするように設定する。 外部サイトの登録 サイトマップの作成 セキュリティ…

WordPressサイトをPWA+AMPに対応させるやり方。

WordPressでPWA+AMP 【Progressive Web Apps】HPをアプリ化した この記事でPWA化したのはWordPressではなく1から作ったHTMLサイトです。なので今回はPWAをWordPressでやったということとWordPressでAMPに対応させたという記事です。 WordPressでPWA+AMP PWA…

ブログテーマ変えました。

UnderShirt なんかそろそろリニューアルしたくなったので変えました。使用させて頂いたテーマはUnderShirtです。 なぜ選んだかと言うとシンプルで見やすいということとカード型のレイアウトが個人的に好きだからです。 ついでにヘッダー画像も変えました。 C…

なぜプログラミングにハマったか?

こちらの記事を読んでから見ると分かりやすいと思います。 最初にプログラミングに興味を持ったのは小2くらいの時です。Scratchとかをやっていました。 きっかけは単純に機械好きということと、なんとなくカッコいいと思ったからです笑 でイマイチはまらずゲ…

【Progressive Web Apps】(小5が)HPをアプリ化してみました。

PWA 導入方法 注意 条件 コードを生成 まとめ PWA ブラウザとかでこんなの見たことないでしょうか? ↑この画像をGoogleで検索したところ「うどん」が出ましたwww これPWA(Progressive Web Apps)っ言うらしいです。 ほぼアプリです。 30分ぐらいでできました。…

ホームページ制作を始めました。

前回の記事で一番上の層の部分は何も置いてないって言ったんですが... 今作ってます。 ※一応コード転載防止でぼかしを付けてます。 少し変なところもあるんですが... header footer これはローカルじゃなくてもうサーバーにアップロードされています。多分検…

Visual Studio Codeにハマってしまった。

Visual Studio Code 少し前までサクラエディタ勢だったんですが最近少しずつVisual Studio Codeを少し使ったら思った以上に使いやすくなったのでメインになりましたw 今回は気に入った機能などを紹介します。 Visual Studio Code 機能 予測が出てくる 切り…

【はてなブログ】TOPページを自由自在にカスタマイズする方法。

このTOPページですが... https://quietplace.hatenablog.com/ これをどうやってるかです。 仕組み これは実は1つの記事です。タイトルや日付や記事上、記事下を消している感じです。 でもどうやってTOPに表示しているかというと... こんな感じにしていますw …

プログラミング教育が2020年から開始するそうです。

文部科学省のPDF見たんですがscratchをやるっぽいです。https://miraino-manabi.jp/assets/data/info/miraino-manabi_leaflet_2018.pdf scratchって自分3年前ぐらいまでやってましたね。最近またやってみたんですがなんかめっちゃリニューアルされていました…

テトリスを超えて...世界で一番売れているゲーム、Minecraftとは?

Minecraft 建築 回路 動画 Mod Minecraft Java Edition 1.14.4 Replay mod SEUS 11.0 教育 Minecraft: Education Edition 現時点で世界で一番売れているゲームがMinecraftです。 自分は2016年ごろからMinecraftをやっています。 今回はMinecraftはどのような…

Google+のシェアボタンを消した方がいい?

2019年4月にGoogle+のサービスは終了している状態です。 つまりGoogle+のシェアボタンは設置する意味もないしシェアボタンのアイコンが消えたりだとかでアイコンがつぶれることもあると思います。なので消すことをおすすめします。 このブログでは1つもGoogl…

WordPress&ページ環境構築#1 デザインをスケッチする。

いろいろ考えた結果もうはてなブログの改造が限界になってきたのでWordPressに切り替えようと思います。 サーバーを立てた後に「デザインがうまくいかなかった!」とかいうの嫌なんでとりあえずローカルでデザインをなんとなく作ります。 今回デザインするの…

ブログのデザインを大型カスタマイズしました!

カスタマイズ テーマの変更 ヘッダー画像を横幅いっぱいに表示 グローバルメニューの設置 PC スマホ カラーを単色に フォントと文字の大きさを変更 まとめ 今回は変更した点などを紹介します。 カスタマイズ テーマの変更 今回はHaruniというテーマを使用さ…

不登校になってから一年近くが経ちました。

学校を休みがちに... ゲームに依存しても後悔していない話 今後 学校を休みがちに... 学校に行っても自分の「やりたいことができない..」ってなったりしてました。ですがPCの授業の時だけは違いました。 (まぁなんかよくわからん教育ゲームやるだけなんです…

はてなブログのテーマの製作を始めました。

もう思ってちゃいました。 CSSが増えすぎて何が何だか分からなくなっちゃったということです。少し重い感じもしてきました。 なので「それを全部まとめてしまえ!」と思ったわけです。 ということで開発を始めました!w はてなブログは2つアカウントを作るのは…

画像転載対策をしてみた。

ページ全体をコピペ対策するのはもう古いと思います。 Googleにも出にくくなるし... 特にHTMLやCSSのコードを貼っているブログでコピペ対策されているとすぐブラウザバックです。 なので画像だけ対策しようと思ったわけです。画像検索で出にくくなる可能性は…

javaがスクリプトエラーで更新できないので仕方なく再インストール...

はい...有名な現象ですがjava Updateって通知くるじゃないですが。で開くとこうなるわけです。 で色々治し方はあるらしいですが一番楽な再インストールをしようと思います。 公式ダウンロードページ はい。別のバージョンが検出されましたね。元々入れてたや…

chromeの拡張機能のIDを調べる方法。

これ意外と調べても出てこなかったので紹介します。最初にやり方から言ってしまうとchrome://extensions/にアクセスします。 そして右上のデベロッパー モードを有効にします。 そうするとIDが出てきます。 はてなのお知らせのIDは「djnlmphamjelmfnafkmkhep…

chromeの拡張機能を作った。

はい。ネットとかで色々見ていたのですが2分ぐらいで作れました。Hello Worldと表示されるだけですがw 因みにこの拡張機能のファイルの中身はこんな感じ。あ画像ファイルは適当な物を入れてます。認識すればいいので。 このぐらいであれば凄く簡単にできる…

【悲報】カスタムURLでのやらかし...

はてなブログでこんなのありますよね↓ それでカスタムURLを設定しないまま記事を公開してしまったということです。でカスタムURLを設定したんですけどURLが変わるのでSNSで拡散されたとしてもアクセスできなくなります。 そしてはてなスターが消えました...…

テキストエディタは結局何がいいのか?

有名なテキストエディタ メモ帳 TeraPad サクラエディタ Atom visual studio code 個人的に使いやすいのを選んでみた。 まとめ 有名なテキストエディタ メモ帳 TeraPad サクラエディタ Atom visual studio code 個人的に使いやすいのを選んでみた。 メモ帳は…

Windowsのシャットダウンボタンと再起動ボタンを作った。

はい。これ毎回押すのが地味に面倒なのでなんかいいのないかなと思ったのでとりあえずggりました。 で今回参考にさせていただいた記事はこちら↓ で最終的にこんなショートカットができました。↓

OSの本が届いた! #2

この本が届きました~↓ 30日でできる! OS自作入門 作者:川合 秀実 出版社/メーカー: 毎日コミュニケーションズ 発売日: 2006/03/01 メディア: 単行本 で色々やっていると40分ぐらいでこんな感じのができました。↓ 最初のOSです。思ったより簡単にできました。…

codepenが凄い!

たまたまネット見ていたらcodepenというサイトを見つけました。 どういうサイトかというとネット上でHTMLやCSSのコードを公開できるサイトです。それをコピペすれば簡単に色々なデザインができてしまうんです!! 例えばこれ↓ See the Pen FAB Animation: Shar…

Windowsおすすめソフト紹介!

krita CLaunch サクラエディタ Google Chrome Canary LINE Light Cutter まとめ krita お絵かきソフトですね。自分は画像加工ソフトとして使ってますw CLaunch 右クリックで使えるランチャーソフトです。 デスクトップに何も置きたくない方は使うといいと思…

やりたい事&ブログでカスタマイズしたところ

やりたいこと チャットアプリ開発 OS製作 2代目自作PC製作 G検定 いまやりたいと思っているのはこんな感じ。G検定は将来的にの話で早いうちに勉強しておこうかな的な感じです。 自作PCは新しいCPUが出たのとマイクラがレイトレーシング(RTX)に対応する?と聞…

このブログの2020年の計画

ホームページを一からデザインしたい! って思いましてロリポップでサーバーを借りました!実は去年の9月ぐらいに自作PCを組んでその時にサーバーを借りました。 今はワードプレスが入っているんですがトップページも作りたいと思っています。もしかしたらその…

【はてなブログ】ページ軽量化について悩んだこと。

ページを軽くすると検索から出やすくなるのですが軽くするにははてなスターなどを非表示することです。 ですが色々と非表示にすると検索で出にくくなります。そこが難しいんですよね...

本格的にOS作り! #1

#1本を探す amazonを見ていたらこんな本を見つけました! 作って理解するOS x86系コンピュータを動かす理論と実装 作者:林 高勲 出版社/メーカー: 技術評論社 発売日: 2019/09/26 メディア: 単行本(ソフトカバー) 30日でできる! OS自作入門 作者:川合 秀実 …

【はてなブログ】このブログのSEO対策してみた。

始めに やりたい事 ページ表示速度を上げる理由は? どうやってページを軽くするの? ブログの概要を設定する&ブログのキーワードを設定する 概要を設定する キーワードを設定する まとめ 始めに 最近にほんブログ村に登録してこのブログを見てくれる方が増え…