プログラミング

#0002 鯖初心者がAWS講習に参加してきた💻

どうも、たなかです。 最初に言っておきますが、参加しても何もわからなかったのでただの感想文です！！！ まず何を勉強してきたかをお話する前に、前提知識的なものを確認しておきます。 エンジニアの専門は大まかに3種類で ・フロントエンド ・サーバーサイド（バックエンド） ・インフラ に分かれると（勝手に）思っています。 と言ってもインフラを触る人は鯖をいじれないといけなかったりするので、厳密な区別はないです。 今回の勉強会を主催してくれたのはインフラエンジニアの方で、AWS（Amazonがやってるサービス）のお話をしてくれました。 AWSについては 2006 年、アマゾン ウェブ サービス（AWS）…

#0007 プログラミングを始める理由なんてなんでもよくないか

どうも、たなかです。 今回は、私がなぜプログラミングを始めたのかを文章に書き起こしてみようと思います。 いろいろな勉強会だったりハッカソンに参加すると、「どうしてこの分野に興味を持ったの？」「どうして参加したの？」と聞かれる場面が多いんですよね。何回も聞かれ過ぎて 「うるせーー‼︎‼︎‼︎知らねーー‼︎‼︎‼︎FINAL FANT ASY」 と返したいところですが、マナーがなってるので「〜からですよ」と毎回同じことを繰り返してます。（偉い！） でも適当に返しちゃってまともな理由言ったことないかもしれないので、このブログに書き起こして一旦、気持ちの整理をしようと思います。 #気持ちの整理とは 気…

#0016 ハッカソンでつくったもの〜〜〜

こんにちは、たなかです！ 今回はJPHACKSというイベント（ハッカソン）で作ったものをちょっと紹介します！ ✔︎関連記事はこちら 作ったもの紹介 今回のハッカソンのテーマは「×Tech（クロステック）」！ 私たちのチームは「北広島×Tech」というテーマで作品をつくりました。札幌で唯一のIoTでした！ こんな感じ！ システムを簡単に説明します。 このブラウザでツリーを色塗りします！ （ちな白い粒々は雪です。動いてます。） 名前をつけてカテゴリを選んでデザインを送信します、すると最初の写真にあるツリーのLEDが任意の色になります！すごい‼️ わたしが担当したのは写真の2枚目3枚目ですね〜しょぼ…

ポートフォリオを作成するために活用したオンラインツール【30DAYSトライアル1st】

30DAYSトライアル1stの課題のひとつであるポートフォリオを製作・公開した際に使用したオンラインツールのまとめです。すべて無料で使えました。

【30DAYSトライアル 1st】実践編②のまとめ&感想（DAY26からDAY30）

30DAYSトライアル最後の5日間、DAY26からDAY30の課題はLP製作を完了させて、これからコーダーとして仕事をこなしていくために知っておくことを学びました。 課題のまとめに加え、課題をこなした私個人の感想・気付いたポイントを綴っていきます。

【30DAYSトライアル 1st】30日間総まとめ

東京フリーランスさんが主催している「30DAYSトライアル1st」第二回目に参加しましたYaponkaです。 トライアルを進めていく上で実際にかかった費用、そして何ができるようになったか？ 30日間を振り返ってみました。

https://xn--pckba0b4jybydual7d8e.net/javascript.html

記事の情報が取得されるまで、しばらくお待ちください。

Progateの次はドットインストールがオススメ

独学でプログラミングを習得したい！ オンラインプログラミング学習サイトのProgateは終わったけれど、次は何をしたらいいのだろう？ そんな次のステップを探しているかたに私はドットインストールというオンラインプログラミング学習サイトをオススメします。

ドットインストール1ヶ月課金してやったこと

ドットインストール1ヶ月課金してやったこと - Treat Myself

【30DAYSトライアル 1st】実践編①のまとめ&感想（DAY21からDAY25）

30DAYSトライアルDAY21からDAY25は実践的な課題が増え、自分の頭で考えて、行動する力も必要になる課題が出題されています。 課題のまとめに加え、課題をこなした私個人の感想・気付いたポイントを綴っていきます。

覚えておきたいEmmet 20選（CSS編）

CSSを書く際によく使うEmmetをまとめました。

覚えておきたいEmmet 5選（HTML編）

HTMLを書く際によく使うEmmetをまとめました。

Progateでプログラミング学習

プログラミング学習初心者に人気の学習サイトProgateを1ヶ月課金してプログラミングの勉強をしました。

Emmetでコーディングスピードをあげよう！

コーディングスピードを上げるためにオススメなEmmet。Emmetとはなにか？についてと、Emmetを使ってみてよかった点をまとめました。

私がProgateで学んだ言語

こんにちは、yaponkaです。 オンラインプログラミング学習サイトのProgateに1ヶ月だけ課金して、Web製作ができるようになるために学んだ言語を紹介します。

【超初心者】ウェブサイト模写の感想（Airbnb）

「コーディングの基本を学んだら実際に存在するウェブサイトを模写することによって身に付いた技術を活かして実践的な学習になる。」 ということで初心者の模写としてオススメされているAirbnbの一部ページの模写を試し その結果と感想をまとめました。

【Code Pen】を使ってみた感想

オンラインで使えるテキストエディタCode Penの無料会員版を使ってみた感想をまとめてみました。

【30DAYSトライアル 1st】ポートフォリオ編の感想（DAY18からDAY20）

30DAYSトライアルDAY18からDAY20の課題は「ポートフォリオを制作して公開すること」で、受け身で課題をこなしているだけでは完了できない課題が出されました。 課題のまとめに加え、課題をこなした私個人の感想・気付いたポイントを綴っていきます。

【30DAYSトライアル 1st】Bootstrap編の感想（DAY11からDAY17）

【30DAYSトライアル 1st】Bootstrap編の感想（DAY11からDAY17） - Treat Myself

【30DAYSトライアル1st】環境設定編の感想（Day8からDay10）

【30DAYSトライアル1st】環境設定編の感想（Day8からDay10） - Treat Myself

【30DAYSトライアル1st】 Progate編の感想（Day1からDay7）

【30DAYSトライアル1st】 Progate編の感想（Day1からDay7） - Treat Myself

R Shiny のプロットにツールチップを表示する

S hiny は R のパッケージの一つで、 このパッケージを使うと R を用いて対話的に操作する Web アプリケーションを作成することができます。Web 上のユーザーインタフェース部分を司る ui.R と、内部動作を司る server.R の二つの R 言語スクリプト...

R Shiny でプロットのズーム

S hiny は R のパッケージの一つで、 このパッケージを使うと R を用いて対話的に操作する Web アプリケーションを作成することができます。Web 上のユーザーインタフェース部分を司る ui.R と、内部動作を司る server.R の二つの R 言語スクリプト...

スマホ対応 誰でも簡単プログラミング講座 目次[初心者向けJavaScript解説 初級編]

誰でも簡単プログラミング講座 スマホ対応[初心者向けJavaScript解説 初級編]シンプルに短く、わかりやすく解説 【YouTubeプレイリスト】 paiza.io 超初心者向けのプログラミング学習・解説向けの動画・テキストを公開することにした。 プログラミングをまったく知らない人でも段階を踏んで確実に学んでいけるように、シンプルに、短く、わかりやすく解説。 書いたプログラムをスマホですぐ実行する方法についても詳細説明。 プログラムを書いて実行する環境は、ブラウザ上で動く「paiza,io」というサイトのサービスを利用。 目次 第1回 プログラミング言語の基礎（テキスト版） プログラミングの基本的な考え方やプログラミング言語の仕組み、そして変数（へんすう）について

オシャレで賢くなるSTEAM教育トイ・プログラミングトイがたくさん！ STEM教育EXPOレポート③ CAST JAPANさん編③

STEAMトイをたくさんご紹介します！Logiblocs、サーキット・メイズ、グラビティ・メイズ、バランス・ビーンズ、Strawbees（ストロビーズ）、Marty the Robot（マーティ ザ ロボット）

STEM教育EXPOレポート②CAST JAPANさん編 ハッカー、ポテトパイレーツ

STEM教育EXPOレポート①の続きです。CAST JAPANさんの子供向けプログラミングトイ・ゲームで、実際に私が体験して特におもしろかった2商品をご紹介します！

第1回関西STEM教育EXPOに行ってきました！レポート① CAST JAPANさん コーディングゲーム編

関西で初となるSTEM教育EXPOに行ってきました。目的はゆきらぼプログラミングスクールで使用する教材の発掘！プログラミング教育、ものづくり教育、理科・科学実験、ロボット、VR、ARなど、、、最新の技術やテクノロジーにたくさん触れ、かなり刺激を受けました！

スマホ対応 誰でも簡単プログラミング講座 第1回 プログラミング言語の基礎 [初心者向けJavaScript解説 初級編]

【YouTubeプレイリスト】 paiza.io 今回からプログラミングに興味のある方に向けて、初心者向けの解説を行っていきたいと思います。 できるだけシンプルにわかりやすく説明し、スマホでも実行可能な形で進めていきますので、しばらくお付き合いください。 プログラミング言語 プログラムとは、コンピュータに対する指示の集合体であり、それはプログラミング言語と呼ばれる独特な言葉と文法に基づいて記述していきます。 この講座では「JavaScript」（ジャバスクリプト）という、今、最も需要が高いと考えられるプログラミング言語を用いて説明していきます。 準備 せっかくプログラムをつくっても、それを実際に動かす＝実行する環境がなければ意味がありません。 そこで、ここからは「paiza.io」（パイザ・アイオー）というウェブ上で簡単にプログラムを実行できるサービスを利用していきます。 ログインの必要なく、そのサイトにアクセスするだけで、すぐプログラムをつくり、すぐ実行できるという優れものです。 https://paiza.io/ja/projects/new ご覧のURLにアクセスしてください。スマートフォンでも、問題なく表示されるはずです。 最初にアクセスした時点では、左上の緑のボタンに「PHP」と表示されているかもしれません。 これは別のプログラミング言語ですので、そのボタンをタップして「JavaScript」に変更してください。 これで、プログラムを実行する準備が整いました。 ちなみに、エディタの1行目と2行目にいろいろ書かれていますが、これはpaizaで必要な処理が記されているだけですので気にしないでください。 実際にあなたが自分のプログラムをする場合は、これの3行目から書いていきます。 プログラミング解説：変数 それでは、さっそく具体的なプログラミングについて解説に入っていきましょう。 最も初歩的でありながら、今後、最も必要になる「変数」（へんすう）についてです。 いきなり聞きなれない言葉が出てきましたが、気にする必要はありません。 妙な名前が付いているだけであって実際には単純です。 変数とは、一種の「データを入れる箱」です。 プログラミングでは、数値や文章などのデータを扱いますが、そのために一時的にデータを格納しておく箱が必要なのです。 変数の宣言 基本的にどのプログラミング言語でも、この変

https://xn--pckba0b4jybydual7d8e.net/webcamp.html

記事の情報が取得されるまで、しばらくお待ちください。

秋田県秋田市で子供向けプログラミング体験イベント開催

10月6日に秋田市民交流プラザ ALVE(アルヴェ)で子供向けプログラミング体験イベントが開催される。子供たちが、地元の学生(秋田工業高等専門学校、秋田大学、秋田県立大学)の指導のもと、10数種類のプ

ロボットコンテスト一覧 | 子供から社会人まで楽しめるロボコン

キッズから社会人まで楽しめるロボットコンテストを一覧にまとめました。 ヒューマンアカデミーロボット教室全国大会 2部門。