絞り込み条件を変更する
検索条件を絞り込む

すべてのカテゴリ

218 件中 1 - 60 件表示
カバー画像

作成!Three.jsを使って太陽系の3Dモデリング

Three.jsを使って太陽系の3Dモデリングを作成しました。メタバースやVRなど3Dモデリングの盛り上がりが最近ありますが、なかなか敷居が高そうと私自身感じています。しかし比較的容易に、とく追加のソフトウェアも買う必要なく、標準的なブラウザで3Dモデルを作る・動かすことができます。しかもJavaScriptで。Three.jsというライブラリを使えば、上記のようにブラウザ上で動かせるものが簡単に作成できてしまいます!(ココナラのブログでは動画はyoutubeのものしか貼れないため、一旦撮影したものを載せています。。。)ご興味のある方、一度ご相談いたしませんか?
0
カバー画像

【初心者向けプログラミング】10分で子どもの描いた絵を動かしてみよう

こんにちは、子育てプログラマのちぃです。この記事は、こんな方に見てもらいたくて書いています。・子どもと手軽にプログラミングで遊びたい・プログラミングやったことないけど興味ある・子どもにプログラミングを教えてあげたい# 自己紹介すきま時間で子どもと楽しく学べるコンテンツ提供や情報発信をする"子どもとすきまなび"というサイトを運営しています。子育てや家事、育児など忙しい日々の中ではまとまった時間は取れないですよね。そうなってくると大切なのは "すきま時間" をいかに有効活用するか。"習慣を変えれば人生が変わる" と言いますが、忙しい日々を送るみなさんは "すきま時間の使い方が変われば人生が変わる" と思います。そんな大切な "すきま時間" を使い、手軽に子どもと遊びながら勉強して、自己成長やキャリアアップにつなげてもらえたら嬉しいです ٩(ˊᗜˋ*)و# PC不要。スマホやタブレットでOK。10分で子どもの書いたイラストを動かしてみようということで、本題。今回はビジュアル言語のscratchというサービスを使って、プログラミングをしていきます。詳しい説明は本記事では割愛します。scratchにアクセスする。新規登録をしなくてもプログラミングはできるので、必要に応じて会員登録してください。画面上部の"作る"をクリックするとプログラミングの画面に移動します。事前申請として、子どもが描いたイラストをスマホでぱしゃっと写真を撮ってください。その後、本ページの右下の猫ちゃんアイコンをクリックして、撮った写真をアップロードします。もともとあったイラスト(scratch内では"スプラウト"と呼ぶ
0
カバー画像

プログラマーは平均年収以下が多い

今回のブログではSES事業のプログラマーを指しています。 まずは、SES事業について説明するためにIT業界(システム開発)について 大まかにお話ししますね。 IT業界(システム開発)は 大きく分けると「受託開発系」と、「自社開発系」の2つに分かれます。 受託開発とは、お客様からシステムを開発してほしいと依頼されてシステムを作るものです。 自社開発とは、こんなシステムを作って世に広めたい。と自社内で企画したシステムを作るものです。 今回、お話ししたいのは「受託開発系」の会社の方です。 受託開発は、大手の会社(富士通や日本電気、日達製作所等)がお客様からシステム制作の依頼を受けることが多いです。お客様から要件をヒアリングして大まかな設計・見積もり・スケジューリング等を行います。 また、お客様に納品するための開発したシステムのテストなども行います。システムを開発するには人手が必要なため、別会社に仕事の一部を切り売りします。 切り売りする部分は、設計や、コーディング(プログラミング)等が多いです。切り売りされた会社でも大抵人が足りないので、また仕事を一部切り売りするか、他の会社から人を借りて設計やコーディングを進めます。 この人を貸し出すサービスをSES(System Engineering Service)といいます。 このSES事業のプログラマーの方だと、お給料が低い方がいます。そもそも沢山の会社を経由しているので手数料や紹介料がかかっていたり、言語によってはプログラミングを行う仕事自体の単価が安かったりします。(HTML等)SES事業で働いていた時は、未経験から入ってきた人で年収
0
カバー画像

最近のプログラミング言語について(ざっとまとめ版)

仕事で新しい人に最近の業界動向を伝える機会がありまして。そういえばプログラムの言語って何があっただろう、いっぱいあり過ぎて消化不良!ということで私なりにまとめてみました。その方への説明は終わったのですが、たった1回の説明で捨ててしまうのはもったいないなーということで、ここで公開します!ウェブ系言語  フロントエンド… HTML、CSS、JavaScript  バックエンド … PHP、Ruby、Java、Python、Go、Scala など近年で最も多様な言語が出てきた分野のプログラミング言語です。盛衰が激しい。大きくフロントエンド(画面描画用)とバックエンド(内部処理用)の2つに分かれています。フロントエンドは3点セット(HTML、CSS、JavaScript)すべてをすべてを学ぶ必要がありますが、バックエンドはどれか1つ覚えれば十分です。余談ですが、ウェブ系言語の隆盛のなかで一番の進歩だと思うのは、今までJavaやPHPのソースの中で埋もれていた3点セットを フロントエンド と位置付けて独立させたことなのかなと思います。これによって比較的学習しやすい3点セットだけで開発を行えるようになり 開発者が増えたことは good だと思います。 アプリ系言語 Android系 … kotlin、Java  iOS系   … swift、 Objective-C AndroidはKotlin、iOS系はSwiftが主流  KotlinについてはJavaと非常に似通っているため、Javaを触ったことのある人なら取っつきやすいかと思います。ただそれならJavaの方でAndroidアプリ
0
カバー画像

プログラミング初心者が陥りがちな独学の罠とは!知っておくべきこと2選!

プログラミングを学ぶ上で、独学での勉強は一つの選択肢ですが、注意すべきポイントが存在します。この記事では、プログラミング初心者が独学で学ぶ際に知っておくべきことを2つ紹介します。正確性や効率性の問題、学習のステップを飛び越えるリスク、モチベーションの低下など、初心者が直面する可能性のある課題について解説していきます。また、プログラミング経験者に相談することやメンターサービス等を利用することが初心者にどのようなメリットをもたらすのかについて述べたいと思います。1. 独学の罠に注意!プログラミング初心者が陥りがちなポイント5つとは? ● 情報の多さに困惑してしまう独学でプログラミングを学ぶ際、まずはインターネット上で何を勉強すれば良いかを検索をすると思います。現状初心者向けのプログラミング記事が大量にあるため、どの情報を信じて良いのか分からず、困惑してしまう可能性があります。また、経験が無いため、どの情報が正しいのか、自分に合っているのかを判断することも難しいと思います。目標を実現するために最短のルートを選びたいと思いますが、誤った選択をすると遠回りしてしまうという可能性があります。 ●進め方に迷う独学の場合、自分で学習の進め方を決めなければなりません。初心者にとっては、これが非常に難しい課題となることがあります。プログラミングの世界は広大で、さまざまな分野や技術が存在するため、何を学び、どの順番で進めたら良いのか分からなくなるのは当然のことですし、何が正解かを判断することが出来ず、中々始めることが出来ないという状況に陥る可能性があります。●どこまでやれば良いか判断が付かないプロ
0
カバー画像

プログラミング学習に躓いている方へ

プログラミング学習に躓いている方や思うように進められない方へ向けて、お気軽にご相談頂けるようにサービスを始めました! エンジニアとなり9年が経ち、現在フリーランスエンジニアの私が全力でサポートさせて頂きます!・中々思うように学習が進まない・スキルが身に付いている実感が無い・果たして今取り組んでいる学習方法が正しいのか不安・スクールに通った方が良いかわからないなど、今学習を進めている中で不安や迷いがある方、周りに相談する人がいらっしゃらない方や、実際のエンジニアの話を聞いてみたいという方に向けたサービスとなっております。また、こういった相談をしたいが、本当に答えてもらえるか不安があるかと思います。料金が掛かってしまうという事もありますので、まずはお気軽にメッセージでご相談頂ければと思います。※具体的な技術のご相談に関するサービスではありませんので、ご了承ください。<サービスを始めた理由>このサービスを始めた理由ですが、社会人になるまでプログラミングやエンジニアの世界とは無縁の生活を送っていました。IT企業に入社することになりましたが、まさかの配属がエンジニアの部署であり、ほぼ右も左も分からない状態のまま業務が始まりました。配属前に1ヶ月だけ研修はありましたが、当然それだけですぐさま業務に通用するような知識やスキルが手に入る訳ではありません。なので、ほとんどまともに業務もこなせないような状態から、可能な限り早く知識やスキルを身に付けて、業務をこなせるようにする必要がありました。また、部署自体が新しいという事もあり、経験者が少ないことや、研修も終わっているため、体系的にしっかりと教え
0
カバー画像

プログラミングをはじめよう!~Macなら5分で即スタート!~

1. Rubyとは? プログラミング言語の一つで、簡潔でわかりやすい仕組みであるため、初めてプログラミングを学習する人向けにも、よく採用されるプログラミング言語です。 また、Rubyという言語は、まつもとゆきひろさんという日本人の方が開発したのもあり、日本語による解説も豊富にあることから、プログラミングを始めるハードルが低いのも特徴です。2. Rubyで作られたサービスの代表例 「Rubyは初心者向け!」と言ってきましたが、それだけでなく大規模なwebサービスの開発にも幅広く利用されています。皆さんも知っているであろう、Rubyで開発されている有名なwebサービスを紹介します。 ・Twitter ・クックパッド ・価格.com皆さんも一度は使ったことがあるサービスばかりですよね!プログラミング言語Rubyは、皆さんの身近なところでバリバリ活躍しています!3. Rubyプログラミングの始め方 「Rubyにちょっと興味が湧いてきた!けどどうやって始めればいいのかわからない。。。」 そんな方も、Macのパソコンをお持ちでしたら、今から5分で簡単に始めることができます!(Windowsの方は少しだけ手順が増えます。でも30分くらいでできます。) 今回は、、、「起動すると、『こんにちは!』と挨拶してくるプログラム」を作成してみましょう! こんな単純な機能でも、立派なプログラムですよ! 大きな手順は以下の通り!①プログラムを書く②書いたプログラムを実行する順番に見ていきましょう!①プログラムを書く1. 「テキストエディット」アプリを開く ※Macにデフォルトで入っているテキスト編集ソフト 
0
カバー画像

太刀風居合の大乱闘参戦ムービーは10月5日なのか……

はい。まだ9月です。本職が忙しいです。家に帰って音楽とか聞いちゃったせいで時間がまた無くなっているのですが。昨日は秋分の日で休みだったのに、何も出来ませんでした。勿論、第6作のゲームも完成出来ません……。ちょっと頑張り過ぎました。本気で目の前が真っ白です。明日……ワクチンと……歯医者……はい。それでも頑張ってブログを書いていこうと思います。ニンテンドーダイレクトが発表されましたね。ベヨネッタ3の存在を知らなかったので、びっくりしました。本当にヌルヌル動くなぁ。最近のゲームは凄いですね(ベヨネッタのイラストは2の方が好きだけど……おっと誰か来たようだ)。最期に大乱闘に参戦するキャラクターは何でしょうね。私は無難ながらも「Pokémon」からエースバーンだと思っています。最後は自社商品で終わると思うんですよね。メトロイドもいいですね!めっちゃ怖い!独自の世界観を保ちつつストーリーがアップグレードしています!買おうかな!カービィのゲームも新作が発表されていました。カービィって単純なゲームだなぁって私はゲームを自分で制作するまでは思っていたのですが、そうでもないなぁと思います。敵キャラが多いです。そのアニメーションが全てあります。そしてコピー能力の変更も無数に用意しなければなりません。「ファイヤー」「羽根」「たぬき」「猫」だけのマリオとは比べ物にならない立ち絵の枚数です。最近はそうでもないっぽいけど。そしてカービーは重力に絶妙に逆らいます。いえ、あの世界にも重力は発生しているのですが、ジャンプの独特さ。口から空気を吐くアクション。壁や地面と衝突した時の反発係数。実は凄く細密な構造をして
0
カバー画像

初心者向け プログラミング

良く言う HelloWorld から始めるプログラミング講座を簡単にしたいと思います。 言語は何でも構わないのですが、ここではPHPを用いたいと思います。 print “HelloWorld”; これだけです。 PHPなので厳密にいうと、 <?php print “HelloWorld”: ?> となります。 HelloWorld でなくても おはようございます でも何でもよいです。 さて、こんな簡単な話では終わらないのはこのブログの良い所です。 この単純なHelloWorldですが、これを利用して次のステップに進みましょう。 まずここから、HTML言語と共生させて、入力に応じて表示する文字を変えてみましょう。 簡単なヒントを書いていきますのでヒントを元に慣れて行ってください。 ①HTML構文のformとsabmitを利用します。 ②formから受け取った数字をプログラムで取得してください。 この2点ができたら、if文を使って、formに入力された文字列を表示してみてください。 その際、数字であれば、”〇〇番です” と表示してみてください。 数字以外の場合であれば ”〇〇〇〇と言っています” と表示してみてください。  未入力の場合は、 ”未入力エラーですよ” と表示させてみてください。 これでif文の練習ができると思います。 スムーズに理解ができた人はこれをswitch文で書き直してみてください。 同じ結果になったら、終了となります。 色んな条件を利用してif文を理解してみてください。 例えば、その後、 入力の内容を数字のみにし、数字以外であればエラーを出す構文を
0
カバー画像

ホームページ制作の1ページあたりの金額っていくら?

私の先輩のエンジニアがいて、その人に「ホームページ制作は1ページあたり、平均いくらですか?」と聞きました。その先輩曰く、「1ページ5000円から8000円が平均」とのことでした。その先輩の平均ではなく、世間一般の平均がその金額だそうです。もちろん、インスタ投稿を自動で反映させる機能をつけたり、お問い合わせの自動返信機能を付けたりと、様々な機能を実装するともう少し単価は上がります。ただ、平均の金額を頭に入れておくと、いつかホームページ制作をどこかの会社にお願いするときに「この金額は高すぎる」などの判断材料になります。あまりに高額すぎるところは余計な機能を盛り込んで単価をあげている可能性もあるので、その辺は注意が必要です。ぜひご参考までに。
0
カバー画像

【Java入門】 Webアプリケーション 座学

【Java入門】 Webアプリケーション 座学
0
カバー画像

初心者さんプログラム無しアプリ開発で知ってほしいこと

ここ数年、ノーコード開発のツールが出てきて、プログラミングができてもアプリが作れるようになりました。私は10年以上システム業界にいて、ここ数年はSalesforceを担当しています。Salesforceもローコード開発に力を入れていて、制約は多いものの画面やフローをドラッグ・アンド・ドロップで作れてしまいます。他にどんなツールがあるか気になり、ノーコードアプリケーションのAdaloとBubbleを試してみました。2つを比較してみた結果、アプリ開発に興味のある初心者さんにはAdaloがおすすめです。Bubbleのほうが高機能なのですが、高機能なぶん操作が複雑です。Adaloは機能の制約は多いのですが、操作画面がとてもシンプルで感覚的にアプリを作れてしまいます。ノーコードツールの基本的な仕組みを知ってほしい今回、初めての方にノーコード開発を教えさせていただき思ったのが、Adaloが簡単とはいえ、初めての方には仕組みを感覚的にわかるのに時間がかかりそうでした。なので、簡単に仕組みをイラスト化してみました。とてもざっくりですが、アプリの世界には、表側として利用者から見える画面と、裏側にあるデータベースの世界があります。Adaloの場合、表の画面にはComponentと呼ばれる部品が用意されていて、それをScreen上にポイポイ配置していきます。裏側ではDatabaseと呼ばれるデータをためる場所があります。エクセルを使ったことがある方は、まさにエクセルのような表をイメージいただくとOKです。基本的な仕組みとしては「表側の画面から、表示させたいDatabaseを連携し、条件で絞り込んで画
0
カバー画像

プログラミング初言語は何がいいの?

最近なんとか三日坊主にならないよう筋トレを頑張っているあきです!さて、プログラミング初心者の人によく聞かれるのが「最初の言語でおすすめの言語はなんですか!?」とよく聞かれます。なのでその質問に対して答えていきますね!!まず前提条件で、プログラミングで学ぶ以上自分でサービスを出したい!つまり成果物を明確に作りたい!という仮定の元に議論していきます!まず成果物を作りやすいのはどのようなものあるのでしょうか!?自分が一通り経験した例を出しますね!ホームページ,ウェブアプリ,スマホアプリ,スクレイピングで比較してみました!!ホームページを作成する(静的)html cssホームページを作成する(動的)html css javascriptWebアプリを作成する(動的 + DB連携)html css javascript + DB (mySQL,AWS,Firebase)Webアプリを作成する(動的 + DB連携 + バックエンド処理)html css javascript + DB (mySQL,AWS,Firebase) + Node.js(php)アプリを作成する(動的)swiftjava アプリを作成する(動的 + DB連携 + バックエンド処理)swift(iOS) + DB (mySQL,AWS,Firebase)java(Android) + DB (mySQL,AWS,Firebase)アプリを作成する(動的 + DB連携 + バックエンド処理)swift(iOS) + DB(mySQL,AWS,Firebase)  + Node.js(php)java(Android)
0
カバー画像

超初心者向け!プログラミングクイズ回答編

以前、文末にお出しした応用編のプログラミングクイズの回答を記載しますね。宣言文などは省略しています。  int height, width, max_width, space;   /*ピラミッドの高さ(段数)*/    height = 3;   /* 一番下の段に表示する"*"の数 */    max_width = 5     for(int i=0; i<height; i++){    /* widthに表示する"*"の数を代入 */     width = i * 2 + 1;   /* spaceに表示する" "(空白)の数を代入 */     space = (max_width - width) / 2;    /* 画面に表示する処理を行う */     for(int j=0; j<space; j++){       printf(" ");     }    for(int j=0; j<width; j++){       printf("*");     }    printf("\n"); }以上です。当たっていらっしゃいましたか?では、失礼いたしますね。
0
カバー画像

プログラムを自分で学ぶには

プログラムを学びたい!という方は多くいるかと思います。しかし何から始めていいか分からない方が大半かと思います。私も始めはそうでしたそこで初学者にとってプログラム沼に誘う手順を、初ブログにて書きたいと思います。ソート順は、効率の良いものを先頭にしています。①システム開発を行なっている企業に入る  メリットとして、実際の現場で習うのが一番早く確実に深いところまで学べます。  多くの企業では事前に研修があり、プログラミングの開発を体験できます。  プログラム言語は入った企業によって異なるかと思いますが、Javaもしくはそれに準ずるWEB系言語。組み込み系が多いならc++、アプリ開発がメインならswiftでしょうか。   また、研修が終わった後で学べるものとして、以降のものとは決定的に違うのがチームでの開発です。  多くは複数名で開発を行うので、仕様の検討からコーディング、そして最終的に本番環境へのリリースという一連の工程を、誰がどのように担当して行うのか。先輩から技を盗むチャンスが多く潜んでいます。 (お給料ももらえますしね)  デメリットとしては、未経験で入る場合は門が狭いというところでしょうか。新卒、もしくは若いうちにIT系の企業にアプローチをかけるのがよいです。②プログラミングスクールに通う 最近多くの企業が開いています。 都内でも渋谷や池袋などでビルの一室を教室にして、座学を開いたり、教室を自由に使って課題をこなしたりというようなことをしています。 メリットとしては、基本的なカリキュラムがあるためスムーズに勉強ができること、講師に不明点を自由に質問できるところです。 またスク
0
カバー画像

2進数と10進数の関係はどうなっていますか?【小数部編】

前回のブログでは、「2進数と10進数の関係」を「整数の数値」で説明しました。簡単な仕組みでしたよね。今回は、「小数点以下(小数部)の2進数と10進数の関係」を説明します。 2進数は、0と1で数値を表すので 前回の復習で、例えば、 2進数「0001」→10進数「1」 2進数「0010」→10進数「2」 2進数「0011」→10進数「3」 2進数「0100」→10進数「4」 2進数「0101」→10進数「5」 と言うように2進数はどの桁が「1」かによって10進数の値がわかります。 よく見ると規則性があり、2進数の1桁目から2桁目で10進数の倍数(二乗値)の「2」になり、3桁目で10進数の倍数(二乗値)の「4」になり、4桁目で10進数の倍数(二乗値)の「8」になります。あとは「1」になっている桁の二乗値をおのおの足すと10進数に変換できます。 その逆で、小数部の2進数は、整数とは逆で小数部の桁が増えるほど半分の値(マイナスの二乗値)になります。 小数点の左側の整数部は「0」として、 2進数「0.1」→10進数「0.5」 2進数「0.01」→10進数「0.25」 2進数「0.001」→10進数「0.125」 2進数「0.0001」→10進数「0.0625」 2進数「0.00001」→10進数「0.03125」 に半分(1/2)の値になります。 2進数の小数部の「1」の桁が増えると10進数では半分(1/2)の値になりますので、 2進数「0.11」は、10進数の「0.5 + 0.25」で「0.75」になります。 2進数「0.101」は、10進数の「0.5 + 0.125」で「0.625」に
0
カバー画像

【完全無料】ゲーム感覚で1からプログラミングを勉強する方法

プログラミングは初心者にはとっつきにくいと思います。プログラミングができる人って、大学の講義で勉強した人が多いんですよね。有料のプログラミングスクールに通ったり、本で勉強するのもいいですが、ゲーム感覚で楽しくプログラミングを勉強できるサービスをご紹介します。徐々にプログラミングでいろんな事ができるようになるのは、とても楽しいですよ。1、Progate初心者にも優しい詳しい解説があったり、実際にプログラムを書きながら練習していくので、1からプログラミングを勉強するのにはとてもおすすめ。ブラウザだけで完結するので、余計なソフトはいりません。パソコンかタブレットだけでも勉強ができると思います。だけど、中級あたりから有料(月額980円)になります。そこで、Progateで基礎が学べたら、CODEPREPというサイト(完全無料)に移行して勉強しましょう。2、CODEPREP2年前にサイトの更新を終了し、完全無料になったプログラミング学習サイトです。Progateには初級編・中級編・上級編のみですが、CODEPREPには実践編があります。メニューの作り方や〇〇風デザインの作り方など、用途に合わせた講義が色々あります。他のユーザーに質問することもでき、行き詰まったときにも安心です。以上の2つのサイトを組み合わせれば、プログラミングを効率よく勉強できるはずです。お子様のプログラミング学習にも活用できると思います。※HTML・CSS(Webサイト)の話を中心にしていますが、Java言語などゲーム開発言語なども勉強できます
0
カバー画像

プログラミングを勉強し始めるのに新しいパソコンって必要?

「これからプログラミングを勉強し始めるのに、Macなど新しいパソコンを買った方がいいですか?」というご質問を時々いただきます。確かに、ここは気になる点だと思います。結論、「最初からは買わなくても良くて、ちゃんと動くパソコンがあればそれを使えば良い」です。MacであれWindowsであれ、新品で購入するとかなりお金が掛かってしまいます。プログラミングを始める以前にハードルが上がってしまい「パソコン買えないからプログラミング始めるのやめようかな」ともなってしまう可能性があります。中古だと新品よりは安くなりますが、バッテリーの持ちが悪かったり不備があったりする可能性があるのでおすすめはしません。学習を始めたての頃やこれから始められる方は、まずは動くパソコンがお手元にあればそれを使えば良いと思います。パソコンを買う目安として、・今手元にあるパソコンが重すぎて全然動かない・あまりにも古すぎてサポートが終了している・少しずつ稼げるようになってきて、余裕が出てきた(もしくはこのまま続ければパソコンを買っても元が取れそう)などかなと思います。まずは今手元にある環境で学習を進めてみて、必要に応じて購入するのが良いかなと思います。
0
カバー画像

【プログラミング】現役エンジニアが2日間サポートした結果!

とある方を2日間サポートさせていただきました!ご依頼いただいたことはスクールの卒業課題をサポートしてほしいとのことでした!Laravelのサポートなら僕の得意分野!是非お任せくださいと快く快諾しました!具体的にサポートした内容は以下の通りです。・Laravelのエラーの解決法・開発を円滑に進める方法・実装方法です!実際に与えられた課題の内容を拝見したのですが初心者には結構ハードな内容でした!例えば・同じログイン画面を使って管理者・ユーザーを判断する・ロールによって表示内容を変える・リレーションを上手に組んでデータを表示するなどです!正直レベル高いなと思いました笑エラーが出た個所の解決法を教えたりこんな感じで書くとうまく書けますなど色々とサポートさせていただきました。こんな感じにお伝えしました!あと先ほどのshopのサイドメニューですが 例えば $shops = []; foreach ($all_projects as $projects ) {   if (!in_array($projects->shop->id, $shop)) {    $shops [$projects->agency->id] = $projects->shop->name;   } } でも一つだけの表示になるのかなと思います!後日、結果をご報告いただきました。結果は...見事合格をもらえたそうです!おめでとうございます!!色々とサポートさせていただき嬉しいご報告までいただけてこちらも嬉しい限りです!サービスを受けた感想もいただけました。(*お客様ご本人に掲載の
0
カバー画像

いよいよプログラミング開始!まずランダムな数字を画面に表示してみよう!

こんにちは!現役システムエンジニア@育休中のtak_kです!😁本業でシステムエンジニアをしているかたわら、複業でプログラミング講師や、初学者向けにプログラミング学習をサポートする『メンター』をやっています!前回の振り返り前回の記事で、以下の話をしました。・「ハイ&ロー ゲーム」というゲームを作っていきましょう!・いきなりプログラミングをするのではなく、ルールの整理(要件定義)、処理の流れの整理(設計)から始めましょう。・まずはルールの整理から!ゲームのルールを、日本語で箇条書きで整理しましょう!・箇条書きの整理結果を参考に、処理の流れを図で表現しましょう!この時、コンピュータでも判断できるように、記載の粒度を細かくしましょう!前回記事へは以下リンクからどうぞ!プログラミング言語「Ruby」を使ってみよう!プログラミングをするにあたって、何の言語を使うかを決める必要があります。今回は、初心者でも理解がしやすく、簡単に試しやすい言語の代表的存在である「Ruby」を使っていきましょう!Rubyの特徴や、初心者向けの始め方について、以下の記事で解説していますので、参考にしてください!まずは画面に文字を表示してみよう!いよいよプログラミングを開始していきます!始める前の準備として、何はともあれ、結果を画面に表示する方法を確認してきましょう!作ったものがどういう動きをするのか、その都度確認しながら進める必要がありますからね。画面に文字を表示する方法は、以下の構文でプログラムに記載します。■構文puts [表示したい内容]例えば、「こんにちは!」と表示したい場合は、以下のように、「p
0
カバー画像

義務教育でも必修化!今プログラミングを学ぶ必要がある理由を徹底解説!

こんにちは!現役システムエンジニア@育休中のtak_kです!😁本業でシステムエンジニアをしているかたわら、複業でプログラミング講師や、初学者向けにプログラミング学習をサポートする『メンター』をやっています!プログラミングが義務教育で必修化!その意味とは!?最近、いろんなところで「プログラミング」と言う言葉を聞くようになりましたね。そんな中、ついに、義務教育の小学校・中学校でも、プログラミング教育が必修化されることになりました。「義務教育に組み込まれる」と言うことは、どう言うことを意味するのか、ちょっと考えてみましょう。例えば国語。国語の勉強をしていないと、日本語の読み書きができない人になってしまいますね。例えば算数。算数の勉強をしていないと、足し算や引き算ができない人になってしまいますね。日本語の読み書きができない人。足し算引き算ができない人。例えば、あなたが会社の先輩として、そのような人が新入社員として入社してきたらどうでしょう?「最低限の教養も知らなくて、この人は手がかかるな。。。😅」と思ってしまいますよね。つまり、義務教育に組み込まれている科目というのは、「社会に出た時に最低限の知識として必須」というものだと捉えて良いでしょう。なぜプログラミングを学ぶことが必要なのか?身の回りはプログラムで溢れている!では、なぜプログラミング教育が「社会に出た時に最低限の知識として必須」なのでしょうか?実は、私たちが生活している社会は、すでに「プログラム」で溢れています。例えば、・毎月給料日に使う「ATM」🏦・毎日電車通勤で通る「自動改札機」🛤・誰もが持っている「スマートフォン」📱・休日
0
カバー画像

(セミの命)1週間で競技プログラミングどこまでいけるか

どうも中川です。梅雨に入り、かなり熱くなってきましたねそろそろセミが鳴き始める季節でしょうかところで、セミは1週間しか生きられませんよね?もしセミのように人生が儚いものであるならば、一体何を成し遂げることができるというのでしょうか。ということで今回は、たった1週間で競技プログラミング(python )で、どこまで成長できるのか挑戦したいと思います。まず AtCoder に登録して、毎週土曜日に開催されている AtCoder Beginners contest (ABC) に参加し、今の実力を測ります。結果は、八問あるうちの一問目しか解けず7153位でした。最初の問題は、すぐに解けることができたのですが二問目からは文章の読解力と、自分で正解の値を導くアルゴリズムを構成する力が必要で、歯が立ちませんでした。加えて、地味に詰まってしまったのが入力値の受取で、入力例の通りに値が入力されるので、その入力値をしっかりと変数に入れてあげなければなりません。例(入力される値)2 3変数に代入X,Y = map(int,input().split())例では、問題文に出力されている値を map() (関数内のすべての数字に、メソッドを適用させる)関数を使ってX,Y に int型を適用させ、それを split() によって分割します。その他にも、学ぶことがたくさんあるということが分かりました。まだまだ初歩的な段階である今の状態から、過去問や python の競技プログラミング知識を携えてからまた来週挑戦します。一週間経ちました。あれから、土日と授業の合間を縫って、帰宅後や電車内でも自分なりにできる
0
カバー画像

2022年に習得するべき人気のプログラミング言語を簡単解説!

「開発言語を学ぼうを思っているけれど、何を学べばいいか分からない」 「開発したいと思っているけれど適切な言語が分からない」 「今人気のあるプログラミング言語は何か知りたい」 このように悩んでいる方は多いのではないのでしょうか。コロナになり在宅の副業をしたい方や転職したい人、さらにスキルアップを目指したい人などに向けて、2022年はどのプログラミング言語が人気があるのかまとめました。IT業界にもトレンドがあるプログラミング言語がいくつあるのかご存じでしょうか?その数は数百とも数千ともいわれており、普段目にする言語は本当に有名で多くの人が知っている言語です。 コンピュータが開発された当初使われていたアセンブリ言語から、FORTRAN、C言語と使われる言語が増え、どんどんプログラミング言語は進化しています。その年人気になる言語は用途によって変わっていくので、プログラミングを学びたいと考えている方はぜひトレンドを気にしてみてください。未経験者に気を付けてほしいことIT初心者で、もしこれからプログラミング言語を学ぼうと考えている方は下記について気を付けてください。 ■ 学習しやすいか ■ 案件が豊富であるか ■ トレンドになっているか 初心者にとって学習しやすいかどうかはとても重要です。プログラミング言語にも比較的簡単なものからクセが強くてとっつきにくく難しいものまで多種多様です。難しいものを選択してしまい、訳が分からなくて途中で挫折するとなってしまうと本末転倒です。 さらに、案件が多いか、トレンドになっているかどうかも気にしてみてください。案件が多いということは人気があるということなの
0
カバー画像

やりたいことを明確にしてからプログラミングを学ぼう!

こんにちは、森 光太郎です。「プログラミングを始めました!」という言葉を耳にすることがあるのですが、始めるにあたり明確な目標や目的はありますか?プログラミングを始めるという意思や行動を起こすことはとても素晴らしいことですが、やりたいこととは違う言語を学んでしまっていて一向に目標や目的に近づけないということにもなりかねません。実際に自分もWeb制作をする前はPython(プログラミング言語)をなんとなくで学んでしまってやりたいことにたどり着くまでに時間がかかってしまったという経験があります。プログラミングを始めたい、頑張ってみたいと考えている方へ自分と同じ経験をしてほしくないという思いから、記事にしました。プログラミングを学んで何ができるのかまずはプログラミングで何ができるのか?を把握しておくということが大事です。これがわかっていなければ当然ながら「なぜ学ぶのか」という問いに対しての答えが見つかりません。ホームページを作る、アプリやゲームを作る、システムを開発する・・・ざっくりと何ができるのかを調べて自分がプログラミングで本当にやりたいことを確認しましょう。モチベーションを高く保つどうせやるなら楽しく高いモチベ―ジョンをもってプログラミング学習に励んでほしいです。プログラミング学習は簡単なものではないので挫折して辞めてしまう方が多くいらっしゃいます。せっかく行動することが出来たのにやめてしまうことは本当にもったいないです。できるなら挫折を乗り越えてやりたいことをできるようになってほしいです。そのためにも目的を明確にしてやりたいことができている自分自身をイメージしておける状態にして
0
カバー画像

プログラミング勉強_最初何すればいいの?

初めまして!自称自炊マンのあきです!最近弁当作っていますが、まぁ適当全部茶色ですね。。。さて今日のお題ですが、最初勉強したて何すればいいの?ついてですが私も最初何から始めていればいいんだろう。。。ってなりました笑何も分からないので、何すればいいのかもわかりませんw普通のことです。結論:一ヶ月間だけやり続けることではやっていきましょう!前置き:まずプログラミングをするための時間を確保するために今までやってたタスク(ゲーム、ツイッター、インスタどれかを死ぬ覚悟でやめること笑)そこをプログラミングに置き換えることができるので!何かを得るためには何かを捨てるしかないと思いますwなんかのアニメで言ってましたよねw ⓵環境構築まずパソコンに開発に必要なアプリを入れます!iosでしたらXcode,androidでしたら、android stuidio などなど、、、とりあえずxcodeは重いのではじめにダウンロードした方がいいですね!何も考えず、最新版ダンロードして間違いないと思います! ②次に自分がプログラミングで何をしたいか目標を決めましょう!まずモチベーションが低いと何事も長続きしません。ゲームで例えると、もっとレベルをあげて強くなって周りに自慢したいとかと一緒でアプリ作れるようになったら、こういうサービス作ってみたいなど具体的に想像して、未来の自分を予想しましょう! ③ひたすら写して自分のを動かすなんでもいいんで本や、youtube 、情報教材を買ってひたすら、毎日手を動かしていきましょう!目標は30日間ぐらい毎日一行でもいいのでパソコンの前に座った方がいいです!それと周りに「俺こう
0
カバー画像

超初心者向け!プログラミングクイズ

プログラムってよく分からないですよね。本を見てコードを書き写してみて実際に動いていてもだから何・・・?って私は思っていました。笑私がSEを目指したのは、まだSEという職業が世間にあまり認識されていない時です。なりたい職業を聞かれてSEと答えると、SE?何する人?システムって・・・?という反応ばかりでした。実は私もSEのことをよく知らないまま情報処理科に進んでプログラムって何ができるの?という状態のまま入学式を迎えました。笑こんなプログラムをよく知らない状態の私がなぜ入学を決めたかというと学校見学会で行ったプログラミングクイズがとても楽しかったからです。(動機が軽い)画面にこんなものを表示させたい!こんな動きをさせたい!そのためにはどうしたらいいんだろう?と悩んでそれを実現できたときの達成感や悩む楽しさがとても魅力的に感じました。その時のプログラミングクイズを載せてみます。良かったら挑戦してみてくださいね。言語はC言語ですが、後程解説します。細かい宣言文は省略しますが、int x,y; for(y=0;y<5;y++){     for(x=0;x<=y;x++){         printf("*");     }     printf("\n"); 上記のコードが初めてのコーディングです。 *を複数表示するコードなのですが、皆さん、これを実行すると、どのように*が画面に表示されると思いますか?今回はC言語で書かれていますが、他の言語でも細かい記述は異なっていてもfor文など、基本的な部分は同じかと思います。xとyの値があって、yの値に0が代入されて、for文が回
0
カバー画像

2進数と10進数の「関係」はどうなってますか?

人間が普段無意識で使うのが10進数ですが、コンピュータはそれを2進数に変換しないと理解できません。 当たり前ですが、「10進数の1~10」は、  1、 2、 3、 4、 5、 6、 7、 8、 9、 10 です。 一方、「2進数の1~10」は、 01、 10、 11、 100、 101、 110、 111、 1000、 1001、 1010 となります。 2進数は、1桁に割り当てられているのが「0」と「1」 になりますので、例えば「2進数:1」→「10進数:1」「2進数:10」→「10進数:2」「2進数:11」→「10進数:3」という感じになるんですね。 ぱっと見で幾つかよくわからない2進数ですが、簡単な計算式で2進数から10進数(その逆も)を値を算出できます。 ただ、小さい数字の場合は計算をしなくても「ある法則」を使うと見ただけで簡単に値を算出できます。 「法則」とは、2進数の1桁目が「1」の時 = 10進数の「1」2桁目が「1」の時 = 10進数の「2」3桁目が「1」の時 = 10進数の「4」4桁目が「1」の時 = 10進数の「8」・・・・・ と倍数(二乗値)になっている事です。 例えば「2進数の1000」は、4桁目が1になっている→10進数では「8」になります。 例えば「2進数の1001」は、1桁目と4桁目が1になっている→10進数では1+8で「9」になります。 例えば「2進数の1010」は、2桁目と4桁目が1になっている→10進数では2+8で「10」になります。 2進数の「0」の桁に相当する値は加算しません。 それでは2進数の「1
0
カバー画像

ピヨピヨ・・・

皆様、ブログを見ていただき有難うございます!今回ブログを開設しまして何かしらの情報を発信したいな~と思い立ったわけですが初投稿で何を書いたら良いかわからんとです!!それじゃ書かなくてもいいじゃないかって?おっしゃる通りです!未計画に書くもんじゃあない!それなら計画を立てようじゃないか!ということで今後の方針でも書いていこうかと思いますまず自問自答していくスタイルで・・・Q,なぜブログをはじめたのよ?これはですね・・・新しい勉強を始めたから理解を深めるために発信もしていこうと!インプットとアウトプットのバランスですね(ニッコリ)それじゃ何を勉強してるのよ?って思いますよねっ!それはですね・・・今更ながらプログラミングの勉強を始めたのですしかしこれだけでは価値のある発信はできないとわかっているのですそれでは何を学べば価値のある情報を発信できるのか?それは・・・プログラミングを知らない人でもわかった気になれるAIの開発!こんな方向性でどうでしょう私がそもそも勉強過程にあるのでプログラミング初心者にもわかりやすいレベルの日本語で発信出来るんじゃないかと思うんですIT用語、ちんぷんかんぷんだしこれってIT初心者にとって結構ハードル高い要因なんじゃないかって思ったんですねそれにこれからはコーディングもしなくなる可能性もありますノーコードというプログラミングを知らない人でも簡単にホームページなどを作成できるサービスがあるのです「時代の流れが速すぎて何を勉強したら将来腐らないのか・・・」という保険的な考えでは恐らく生き残れないのだろうなと思います長くなってしまいましたが改めまして今後の方向性は
0
カバー画像

ときどき聞くんですが「2進数」って何ですか?

「2進数」とは、数字の0と1だけで桁が出来ていて、3以上の数字は存在しません。そしてプログラムなどコンピュータ内部で動いているものは「2進数」です。私たちは、通常日常生活では「10進数」を使っていますよね。0から9までの数字を使っています。・・・例えば普通は「コンビニで、5枚切り食パンを2斤買いました」と言いますが、2進数では「コンビニで、 0101 切りの食パンを 0010 斤買いました。」という感じになります。プログラミングのソースコードは、プログラム言語の文法を学習した人間が作成や理解できる言葉ですが、実はコンピュータには全く理解できないんです。それを理解させるようにするには、ソースコードを機械語(2進数)に変換しないとダメなんです。その変換を「コンパイル」や「インタープリタ」と言います。少し昔までは、2進数(機械語)に変換することを人間がやっていました。それが最近では変換も自動で行われるようになったのでコンパイルを忘れるというチョンボもなくなってきました。何度も書きますが、ITエンジニアは、プログラム言語の文法に載っているソースコードを作ることは出来るんですが、それを動かそうとするコンピュータは2進数(機械語)だけしかわかりません。それが理由で、実際は2つのプログラム(変換前と変換後)が存在することがわかっていただけたでしょうか?そしてITエンジニアは、コンピュータ内部のことが理解できていないと理解・作成できないプログラムの文法もあるので「2進数」を学ぶ必要があるんですね。これはコンピュータリテラシの範囲なので、「ITパスポート」の受験勉強をお勧めします。また「2進数」
0
カバー画像

人気沸騰の「国家試験 ITパスポート」とは?

ITパスポート(通称:iパス)とは、経済産業省が認定する国家試験のことです。情報社会で活躍できるだけの知識の有無を証明することを目的に生まれたのが、ITパスポート試験です。ただし、そこまでハイレベルの試験ではありません。情報処理分野における”入門編”の試験です。国家資格としてはいちばん合格しやすい試験の1つだと思います。ITリテラシの知識が求められる内容になっています。プログラミングの勉強と並行して学習するとしっかりとしたIT基礎力がつくと思います。出題分野は、ストラテジ系(経営)、マネジメント系(IT管理)、テクノロジ系(IT技術)の3分野から構成されています。特に合格に確実に影響するのがテクノロジ系で、出題率が高くテクノロジーリテラシ(情報処理の基礎知識)が大きく点数に影響して来ます。ITリテラシの知識を広く浅く問う試験なので、特にテクノロジに比重を重くかけているのは資格試験として当然と言えますね。高校、大学では学生に、企業でも社員に資格取得を推奨しています。今までに累計100万人近くの受験者がいて、合格率は50%弱というところです。中にはほとんど受験勉強しなくても合格できたと言っている方がいますが、4択問題だけなので運だけで受かる強運の方もいるのかもしれません。現に私の元研修生にも運良く合格点ギリギリで合格してしまった運の良い人もいました。ただ出題される問題にも初めて聞くような最新のITリテラシ用語がちょいちょい出て来ます。「やさしい」といっても国家試験なのでちゃんと勉強しないとなかなか合格できないのが実情です。≪ITパスポート試験の概要≫受験手数料:5,700円(税込)
0
カバー画像

ITエンジニアがよく使う最近のツールは?

IT関係の企業の社員は、ご存じの様にほとんどがリモートワークになっています。完全リモートワークの人、1日〜2日/週は会社に行くリモートワークの人など、会社や役職、部署などによって個人差はあります。そんな世の中の情勢で、ITエンジニアがよく使うツールがあります。今後も新しいものがドンドン出てくるとは思いますが、ここ数ヶ月で何社かのIT企業との業務関係での連携でお話をするときに「これを使ってますか?」とほぼ必ず聞かれるのが以下のツールです。社内(リモート含む)、社外(お客様)との連絡に使うのがChatWorkSlackオンライン会議につかうのがZoomドキュメント系作成に使うのがGoogle ドキュメントGoogle スプレッドシートGoogle スライド某●icrosoftの●fficeで作成したプログラミングに関する原稿を、IT企業のドキュメント標準の方針で、全てGoogle系のドキュメント形式に直しました。ドキュメント系データ保管や連携に使うのがGoogle Driveプログラミングなどのバージョン管理に使うのがGitGithubあくまでも私がこの数ヶ月でほとんどのIT企業で聞かれたものばかりですが・・・・・同じツールを使っていないと業務連携がうまくいかないんですね!私もよく使っています。逆に何年か前までよく使っていた●fficeやS●ype などはもう使われなくなってます。IT企業の新入社員は、入社研修でこれらのツールの説明を受けて覚えていけば良いのですが、転職の方は面接などで必ずこれらのツールを普段使っているかどうか、多分ほぼ聞かれます。特にITエンジニアを希望している人
0
カバー画像

私の作成したプログラムはコンピュータのどこで動きますか?

コンピュータは、・CPU(中央制御装置:働けと指示を出す人)・メモリ(記憶装置:指示されて働く人のためのスペース)・ハードディスク又はSSD(補助記憶装置:働く人のための道具や情報を保管するスペース)・その他色々な部品などで構成されています。特にプログラミングで重要なのは「メモリ」です。例えばChromeなどのインターネットブラウザやOfficeなどのドキュメント作成を行うアプリケーションは、「メモリ」で動きます。複数のアプリケーションを同時に動かせば、「メモリ」にアプリケーションが複数存在しています。その他にOS(オペレーティングシステム:ハードウェアとソフトウェアを動かしてくれる縁の下の力持ち)もしっかりと「メモリ」で動いています。皆さんは、「メモリ」の大きさ(ギガバイトのようなサイズ)を意識したことがありますか?「メモリ」のサイズによってコンピュータは、例えば「小さな机で道具や情報をごちゃごちゃしながら仕事をするの?」それとも「大きな机で道具や情報を整理しながら余裕を持って仕事をするの?」という実際に仕事をしている状態と同じようになります。プログラミング自体が、「メモリ」で動きますので、他のアプリケーションの存在の影響をもろに受けます。プログラミングの文法で、ほとんどと言って最初に出てくるデータを出し入れするための「変数」は、「メモリ」上に作成されます。「変数」は、基本はプログラミングが動いている間だけに存在しているだけで消えてしまいます。「メモリ」に存在する「変数」やその他のものをプログラムで直接操作するC言語のようなプログラムも存在します。(これをポインタと言います)
0
カバー画像

人気のあるプログラム言語とは?

オランダのTIOBE Software社は、過去20年間にわたって集計してきたプログラミング言語の人気ランキングである「TIOBE Index」の2021年6月版を発表していました。【 人気ランキング 】2021年6月の上位5位までのランキングは、1位 C言語2位 Python3位 Java4位 C++5位 C#です。今回のランキングでは、1位のC言語と2位のPythonの差が、わずか0.7ポイントとなっていますが、ここ20年間で1位を獲得したプログラミング言語は、CとJavaのみであり、もし今後Pythonが1位を獲得した場合は歴史的な快挙となるそうです。ただし、C系が相変わらず強いですね。いつも上位に顔を出しています。【 ランキング上位のプログラム言語の特徴 】プログラミング言語の特徴を簡単に書きます。C言語は、主にIOT分野で利用されています。家電製品や自動車など、例えばお掃除ロボや車の自動運転などですね。Pythonは、5位までにランクされた言語の中で初心者が一番取り組みやすいプログラム言語ですが、奥は深くAI・機械学習の分野で急成長しています。Javaは、ここ20年間位の大規模システム開発に採用されているプログラム言語です。「オブジェクト指向」を普及させた貢献者と言える言語です。特に金融や公共系の大規模なシステムや著名なWebサイトで採用されています。C++は、簡単にいうと、C言語に「オブジェクト指向プログラミング」をはじめとする様々な改良が加えられたもので、ほぼ何でも出来て大規模なシステムの一部やOSやミドルウェアの開発、ゲーム系アプリなどによく採用されています。C
0
カバー画像

最近あった案件獲得の際のトラブル

最近あった案件獲得の際のトラブルの話です。「既存のサイトをWordPress化します!」って案件で募集かけてたら応募があったので、オンラインで打ち合わせをすることになりました。色々話進めていった結果、「WordPress化ではなく1からサイトを作ってほしい」ということになったので、「サイトを1から作る場合はWordPress化だけではないので金額が変わりますよ」とお客様にお伝えしました。すると、「WordPress化っていう案件で募集かけてて3000円だったよね?なんでサイト作っていう話になるの?」と訳の分からないことを言われた挙句、無言でオンライン会議抜けられました、、その後「掲載してきた金額より高額に請求された」との評価をされました。本当に意味が分からないくらい理不尽な話です。ただ、実際にそういう変な人は世の中にたくさんおり、今回の人も慣れていそうだったので色んなところでやってるんじゃないかなと思っています。・契約前にちゃんと認識をすり合わせる・契約書の説明をしてサインをもらう・そこからようやく作業この流れが本当に大事なので、皆さんも案件獲得の際にはお気をつけください!
0
カバー画像

文系でもプログラミングは習得出来るのか

「文系だからプログラミングは難しいんじゃないか…」という不安を感じている方、多いのではないでしょうか?確かに、プログラミングという言葉からは理系的なイメージが強く、数式や複雑なコードを書く技術が必要だと思いがちです。しかし、結論から言うと、文系の方でもプログラミングは十分に習得可能です。そして、実際に文系出身で成功しているプログラマーも多く存在します。この記事では、文系の方が感じるであろう不安を解消しつつ、プログラミングを学ぶ際のポイントやコツについてお話しします。まずは、プログラミングが理系のためだけのスキルではないことを強調したいです。確かに、コンピューターの動作原理やアルゴリズムを深く理解するには、数学や理論的な知識が役立つことがありますが、すべてのプログラミングがそういった難解な知識を必要とするわけではありません。たとえば、Web開発やアプリケーション開発においては、クリエイティブな発想力やユーザー体験を重視することが多く、これはむしろ文系の強みとなる領域です。デザインや文章の構成力、ユーザーのニーズを理解する力など、文系で培ったスキルがプログラミングにも十分に活かされます。「文系だから苦手」という思い込みを捨てよう「私は文系だから、数学が苦手だから、プログラミングもできない」という自己認識は、多くの人がプログラミングに挑戦する前に抱く不安の一つです。しかし、これ自体が大きな思い込みであることに気づくことが大切です。実際には、プログラミングの多くは論理的な思考や問題解決のプロセスに重点を置いており、複雑な数学はほとんど必要ありません。たとえば、HTMLやCSSといったW
0
カバー画像

WebエンジニアとWebデザイナーの違い知ってますか?

Web制作に関心を持ち始めると、よく耳にする「Webエンジニア」と「Webデザイナー」という職種があります。しかし、両者は何をしている人たちなのか、具体的にはどう違うのか、少しわかりにくいかもしれません。この記事では、これら2つの職種の違いを分かりやすく解説します!1. Webエンジニアの役割とは?Webエンジニアは、WebサイトやWebアプリケーションを「動かす」部分を担当しています。具体的には、ユーザーが使う機能やページの動作をプログラムしている人たちです。例えば、ボタンを押したら次のページに移動したり、フォームに入力した情報を送信できるようにしたり、そういった仕組みを作るのがWebエンジニアの仕事です。Webエンジニアは以下のようなプログラミング言語を使用します。HTML/CSS:ページの構造やデザインを作る基本的な言語。JavaScript:Webページに動きを付ける言語。クリックしたときに動くボタンやアニメーションなどを作成します。PHP、Ruby、Python:サーバーサイドで動作する言語。データベースとのやり取りや、ログイン機能など、Webアプリケーションの複雑な動きを管理します。Webエンジニアは、機能や動作を意識して、ユーザーが使いやすいWebサイトを構築することが求められます。つまり、見えない部分で「どう動くか」を設計しているのです。2. Webデザイナーの役割とは?一方、Webデザイナーは、Webサイトの「見た目」を作るプロフェッショナルです。ユーザーが最初に目にする部分、つまりデザインやレイアウト、色使い、フォントなどを考えて、Webサイト全体のビジュア
0
カバー画像

子どもにプログラミングを習わせるべきか否か

「プログラミング教育」という言葉が浸透してきている世の中で、小さいうちからプログラミングを習わせた方がいいかどうか という議論を耳にします。プログラミングは習い事として習うとかなり高額なので、躊躇する気持ちも本当に分かります。かといって家で教えようと思っても、親がプログラミングの知識がないとなかなか教えるのが難しいですよね、、色々意見はありますが、僕としては「習わせておいて損はない」と思います。プログラミングを習うことのメリットとして、1  パソコンへの苦手意識がなくなる2    パソコン周りの知識が身につく3    論理的思考力が身に付く4  プログラミングの知識が身につく5  タイピングが速くなるなどがあるかなと思っています。1・2については、苦手意識がなくなってパソコン周りの知識が身につくことで、学生や大人になっても使える知識が子どものうちから身につくというメリットがあると思います。苦手意識がないということは、将来パソコンを使う仕事やIT系の仕事も選択肢に入れることが出来るので、仕事の幅が広がる可能性があります。また、プログラミングを扱わない仕事についても、パソコンを使う仕事は山ほどあるので必ず役に立ちます。3の論理的思考力については、考え方の部分になるので一概に良し悪しは言えませんが、「物事をいろんな角度から考えられるようになる」というのは悪いことではないかなと思います。なぜこうなったんだろう、なぜこの人はこういう行動をするのだろう と考える力が身につけば、それを元に課題解決に向かったり、自分の行動を見つめ直したりと、色んなことにつながります。4のプログラミングスキル
0
カバー画像

ITニーズの拡大とIT人材の不足

経済産業省の報告によると、今後ますますITニーズは拡大していくにも関わらず、IT人材は不足すると予想されています。ITニーズの拡大は皆さんも実感しているかと思いますが、自動運転や自動精算、キャッシュレスの普及やAIの普及など、私たちの周りの色んなところでITが関わっています。その一方、それを管理する人が不足しているというのが現状で、それは今後も不足するのではないかと予想されています。プログラミングを勉強する人も増えてきている中でこのような現象が起こっているのは、「高度はスキルを身につける人がいない・少ない」というところだと思っています。副業などで簡単なことや少しのプログラミングの知識を身につけられる方はどんどん増えてきていますが、何かを作ったり管理するにはそれ以上の高度なスキルや技術が求められます。現時点では、そこまでの技術を独学や副業感覚で覚えられる環境が整っていなかったり、みんなそこまで目指していないというのが現状だと思います。ただ、今後ますますIT系は伸びていくので、大人も子どもも関係なく、今のうちから勉強を続けていれば必ず何かの役には立ちます。勉強する分野はどれでもいいと思います。システム開発・サイト制作・アプリ開発や保守など、世の中には様々なところでITが使われているので、一番自分が興味のあるものにチャレンジしてみるのが良いと思います。
0
カバー画像

web制作に関する事業計画書作成

創業に関して学んできて、今は事業計画書を作成しています。まず自分の棚卸からです。これまでの学びや職歴・経験を書き出してみました。これやってみることをお勧めします。その場その時を一所懸命に過ごしてきたけど振り返ってみれば、「自分っていろいろなもの持ってるじゃん」と思うはずです。今まではあれをやってみよう、こうしてみようと、とりあえず闇雲にやってた感がありました。この機会を設けてよかったと思います。棚卸ができたらそこで自分のアピールポイントはなんだろうと考えます。単にweb制作と言っても簡単にはいかないですからね。このアピールポイントを最大限に発揮していける事業計画書を作成します。ターゲットやニーズ、価格設定などいろいろ考えることがあるので少しずつまとめていきたいと思います。さぁ、頑張っていきましょう。
0
カバー画像

これも一種のプログラミングかも?

ご覧いただきありがとうございます。半年くらい前の業務の話になります。当時、私が対応していた社内のパソコン管理業務を他の人もできるようにするよう、指示がありました。いわゆる、作業の標準化による属人性の排除です。簡単に言うと、【あなたが居なくても誰でもできるようにやりかたをまとめてね】ということですね。会社のパソコンはレンタルでしたが、原則として余剰在庫を持たない運用をしていました。そのため退職者が使っていたパソコンはレンタル会社に返却し、新卒や中途などの新入社員に貸与するパソコンは、新しくレンタルします。また、どのレンタルパソコンを誰が使っているかの管理表も更新します。手順書を作るときは、まず、いつもやっていることを書き出します。まあ、普通のやり方ですね。次に、そのやっていること1つ1つを更に細かい手順にしていきます。例えば、レンタル会社にはメールで発注しますが、手順書には、『担当の○○様にこういう内容を送る』という感じで書きます。ただ、手順通りに進められないこともありますが、仕事ですし、『できないからやらない』というわけにもいきません。私がやってきたことを手順にするのですから、いままでよく起きたトラブルを書き出して、『もし○○だったら、□□する』という手順も作っておきます。これ、プログラミングのエラー処理と同じですよね。こういう感じで結局のところ、『ある目的を達成するまでの手順を順序立てて整理する』ということが【プログラミング】だよなあ、と思いました。さしずめ、作業手順書はプログラムということになりますね。職業プログラマを引退してから、6年目の気づきです。ということで、【プログ
0
カバー画像

想定外の挙動発生!問題解消-デバッグ-の流れを確認しよう!~chompメソッド

こんにちは!現役システムエンジニア@育休中のtak_kです!😁本業でシステムエンジニアをしているかたわら、複業でプログラミング講師や、初学者向けにプログラミング学習をサポートする『メンター』をやっています!前回の振り返り前回の記事で、以下の話をしました。・プレイヤーが「HIGH」か「LOW」と入力するまで、再入力を求めるようにするため、「繰り返し処理」を学んだ!・繰り返し処理は「while文」で記述できる!・while文を使ってプログラムを書いたが、想定と違う結果に。。。問題の発生箇所を推定して、原因を特定しよう!前回までのプログラミングの結果、想定と異なる挙動が発生してしまいました。その時は落ち着いて、以下の流れで解決を試みましょう。①事象の分析まずは、起こった事象を一つずつ紐解いていきましょう。実行したプログラムは以下ですね。■実行プログラムnum1 = rand(10)puts "「HIGH」か「LOW」を入力してください"input = getswhile input != "HIGH" && input!= "LOW" #⇦ この部分を満たしている!?  puts "もう一度入力してください" #確認用出力  input getsendputs "繰り返し文を抜けました" #確認用出力今回、プレイヤーが「HIGH」としたのに、「もう一度入力してください」と表示されてしまいました。つまり、「while文の条件文を満たしている」と判定されてしまったことになりますね。つまるところ、プレイヤーの入力である変数「input」が「HIGH」という文字列と異なると判
0
カバー画像

情報を一時保存!プログラミングの重要テーマ「変数」を理解しよう!

こんにちは!現役システムエンジニア@育休中のtak_kです!😁本業でシステムエンジニアをしているかたわら、複業でプログラミング講師や、初学者向けにプログラミング学習をサポートする『メンター』をやっています!前回の振り返り前回の記事で、以下の話をしました。・いよいよプログラミング開始!Rubyという初心者向けのプログラミング言語を使用。・まずは画面に文字を表示!「こんにちは」の文字を出力できました!・ランダムな数字(乱数)を生成する方法を紹介!乱数を画面に表示させることができました!前回記事へは以下リンクからどうぞ!生成した乱数は一時的に保存が必要!前回、処理の流れ図(フローチャート)の最初の箱の部分で、乱数を生成するところまでをやりました。ただし、ここで生成した乱数は、ただ画面に表示して終わりではなく、後の処理で使うことになります。全体のフローチャートを再掲しますが、赤枠で囲んだ処理の後半の3か所で使われています。いずれも2番目に発生させた乱数との比較に使用していますね。実は、箱の中の「0〜9の乱数を生成 → ①」の太字部分には、生成した乱数に「①という名前を付ける」という意味が含まれています。ここで言う①のことを、「変数」と呼びます。「変数?どこかで聞いたことあるかも。。。」と言う方、さすがです。小学校の算数で習った「x」のことですね。こんな感じでしょうか。■例題1本60円の鉛筆を、何本か買おうとしています。鉛筆の本数をxとすると、合計金額は(60 × x)円で表すことができます。2本買う場合は、x=2を代入して → 合計金額は60 × 2 = 120円3本買う場合は、x=3
0
カバー画像

(リベンジ)未経験からの競技プログラミング2周目

うおおおお! やるぞabc258! 今週もやりますAtCoderBeginnersContest(abc258)この二週間はこの日のために生きてきたと言っても過言ではありません。 自分は書いて覚えたり考えたりする派なので こんな風にメソッドノートを作って覚えたり実際にプログラミングする時にはノートに書き込んで考えたりしていました。 そのほかにも、アルゴリズムとか、高校時代に置いてきた数学の知識をインプットするために 図書館から本を引っ張り出してきて、計算をノートに書き散らす そんな日々を送ってきました。 気付いたら書き散らかされた裏紙がたくさん溜まっていました。途中で腱鞘炎になって右手が使えなくなってしまったので、少し左手のパフォーマンスが向上したりもしました。 今回は、すごく自信があります! 前回の、勉強して挑んだのに一問も解けなかった雪辱を晴らしてやろうと思います。 結果 一問正解でした笑っちゃいますよね。 最初の、一番簡単な、A問題しか解けませんでした… 練習では、もっとできたんです 嘘じゃないです。 B問題までなら絶対に解けるというくらい、練習では本当に上手くいってたんです。 ですが、今回は本当にB問題の意味が分かりませんでした。 しばらく見て、ダメだと判断したので、すぐに次の問題であるC問題に挑んだのですがC問題は、何回やっても実行制限オーバー(At Coderでは実行に2秒以上の時間を掛けてはいけない)で何度やってもクリアできずに 慌てて挑んだD問題も、クリアできるはずなく あえなく一問正解でした。 どうして、こう上手くいかないのでしょうか。 このあと、ただでは転ぶ
0
カバー画像

(python)どうすれば初学者を脱退できるのか考察してみた。

どうもPython初学者の中川です。 いきなり説得力ゼロですが、初学者なりにどうすれば初学者を脱退できるのか考察してみました。どの言語においても共通して言えることかも知れませんがが、ほとんどのコードは クラス、関数、 if elif else などによる条件分岐、while for 文などによる繰り返し処理のなどのいずれかに含まれます。 この3ヶ月くらい、Pythonを学んで分かったことは、この基本文法さえ押さえていれば、その都度メソッドやモジュールを調べて使うことでどんなプログラミングコードだって書けるということです。 なので、基本的な文法知識さえあれば、それを自分のやりたいことに応用していくことで、一人前のパイソニスタになれるのではないかと考えました。・ifによる条件分岐まず、一番良く使うifによる条件分岐です。 if文は if 条件式①:    処理内容 elif 条件式②:  処理内容 else :     処理内容 のように記述します。例えば、簡単なものですが a = input()if a < 0:     print("負の値が入力されました。") elif a = 0:     print("0が入力されました。") else:     print("正の値が入力されました。") この条件分岐は、入力された値をaで受け取りそれをaの値によって分岐し、出力します。・繰り返し文while文 while文は繰り返し文といわれるように、指定の条件に当てはまる間、処理の実行を繰り返すというものです。 使い方としましては、while 条件: 処理内容  のように記述し
0
カバー画像

Raspberry PiでPython入門

ターミナルを使ってみるRaspberry Piのセットアップが完了して起動すると、デスクトップ画面が開きます。(デフォルトでは)左上にあるラズベリーのアイコンが、メニューでそれに続いてブラウザー、フォルダ、ターミナルのショートカットがあります。デスクトップ上でマウスを使ってGUI(Graphical User Interface)で作業をすることもできますが、せっかくなのでCUI(Character User Interface)にも少し触れてみましょう。慣れてくるとCUIのほうが作業が速くなるとかならないとか…。まずターミナルのアイコンでターミナルを開きます。または「Ctrl」+「ALT」+「t」でもターミナルを開くことが出来ます。ターミナルとはWindowsでいうコマンドプロンプトやPowershellに似たもので、キー入力によるコマンドで作業をするものです。Pythonスクリプトを作成し実行するまず、nano hello.pyと入力します。これを一般的に$ nano hello.pyと表記したりします。$から始まる行はこのようにターミナルに打ち込むコマンドを示します。「Enter」で実行するとnanoというデフォルトのテキストエディタで「hello.py」というファイルが作成され、その編集画面が開きます。ここに「print("Hello world!")」と入力し、「Ctrl」+「o」、「Enter」で保存します。「Ctrl」+「x」でnanoエディタを終了します。$ lsと入力するとhello.pyというファイルが作成されていることが分かります。次に$python3 h
0
カバー画像

【HTML】#1 Hyper Text Markup Language

HTMLシリーズを復習がてらに始めようと思います。これを見れば初心者の方でもプログラミングの基礎が学習できるように分かりやすく解説していきたいと思います。【htmlはマークアップ言語です】英語で「mark up~ = ~に印をつける」という意味ですが、ではプログラミングにおける印付とはなんなのでしょうか?プログラミングにおけるHTMLの役割は家で言うと骨組みみたいな役割です。と言ってもイメージが湧きにくいと思うので画像で見ていきましょう。色で囲っているところ(スペースや何を表示させるか)を定義するのがHTMLの役割です。もっとシンプルなhtmlのコードを見てみましょう⬇︎<!DOCTYPE html><html>  <head>   <title>タイトル</title>  </head>  <body>    <h1>見出し</h1>    <p>ここに何かしらの文章が入ります。</p>  </body></html>画面ではこう言うふうに表示されます⬇︎見出しここに何かしらの文章が入ります。<>で囲まれ部分をタグと言いますいろんなタグがありそのタグを使って組合せ、骨組みを作っていくのがHTMLの役割です。次回からは具体的にどのタグがどういう役割を果たすのかを見ていきたいと思います。ありがとうございました。
0
カバー画像

C言語課題14

課題1〜100までの数字を表示せよ。表示する前に1〜9の数字を入力し、入力された数字の倍数か入力された数字を表示するときはアホになれ。回答↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓#include <stdio.h>int main(void){    int a;    printf("1~9の数字を入力して下さい\r\n> ");    scanf("%d", &a);    for (int16_t i=0; i<=100; i++) {        if (ia == 0) {            printf("ポー\r\n");        }        else {            printf("%d\r\n", i);        }    }}解説今回のポイントは、アホになる。と言うところですかね。イメージはコウメ太夫です。もっと凝った作りにすることもできます。コウメ太夫より世界のナベアツ的に作ることも可能です。そうすると自作関数が便利かと思います。次は 自作関数でアホになる。ってのもありですかね。
0
カバー画像

よく聞くんですけど、「アルゴリズム」って何ですか?

ひさしぶりに再投稿します。バケツの問題のアルゴリズムを付け加えました。プログラミングの学習をしていると、必ず「アルゴリズム」という言葉を見たり、耳にする事はよくあると思います。例えば2月の最終日が28日ではなく29日になる年を「うるう年」といいますが、これは1年の日数を365日で単純に何年も累計していくとズレ(これをユリウス暦の問題点と呼び、平均で0.25日/年が少なくなります)が生じて来ます。それを是正して(調整して)くれるのが「うるう年」の年間で366日です。でも西暦何年が「うるう年」にあたるのか?が意外と単純ではないんですね。それでは、あなたへ「うるう年になる年数の出し方を説明してください。」と質問がされた時に、どのように答えますか?正解は、『西暦の年号が4で割り切れる年はうるう年としますが、例外として100で割り切れて400で割り切れない年は平年とします。』この条件が揃った時に「うるう年」と言えるんですね!西暦2000年は、4でも100でも割り切れるため原則では「平年」にあたりますが、400でも割り切れるので 2000年は「うるう年」でした。一方で1900年や2100年などは、4でも100でも割り切れるものの400では割り切れないので、「平年」になります。では2400年は、どちらでしょうか?正確な年月日を必要とするアプリケーションは、身の回りにたくさん存在します。もし「うるう年」がきちんと正確に計算できないと、とんでもないクズなアプリケーションになってしまいます。これが「アルゴリズム」ですね。でも、安心してください。昔と違って現在は正確にうるう年を計算する機能は、どのプ
0
カバー画像

スクリプト実行時の「承認」でびっくり!

確かに、わたしも、GASを初めたとき、びっくりしました。「なんじゃ、こりゃ?、こわー」みたいなよくよく考えると、わかるんですが、あまり見かけない忠告表示を、いきなり初っ端に浴びせかけられたら、誰でも驚きますよね!?Googleは、そのびっくりさせることも狙いらしいですよ。要は、本人が気づきもしないで、勝手に変なアプリケーションをインストールさせない為のものなんですよね。なかなか、強力な表現力だよなではでは、そのよくよくを考えてみるとですね・・・フリーソフト(個人で作ったカスタマイズプログラム)とかを、MacやWindows本体へダウンロードし、実行した際は、警告でるじゃないですか?「既知されていないプログラムであり、個人情報等だけでなく、本体PCに悪影響を及ぼす可能性がありますが、それでもインストールされますか?」的な内容あれと、文言は違えど、言いたい内容は、ほとんど一緒ですよね。ただ、あのGASの警告マーク、めっちゃ大きいから、余計恐怖あおりますよね。Dangerマーク!!!!!きちんと、デベロッパー(プログラム開発者)を知っていて、依頼作成したツールなら、安心して使ってもらいたいんですがね。お客様に納品し、後からこの「承認」について、大丈夫ですよって、説明しても、後付みたいになって信頼されないんじゃないかと思い、ここに事前に記載残しておこうと思います。 正直ワタシ的には、ローカルフォルダ(PC本体)に、わけのわからないカスタマイズプログラムをインストールする方が、怖いと思うんですよね。PC本体やられると、クラウドツールどころの騒ぎではなくなるんでね。 クラウドがセキュリティ
0
カバー画像

プログラマー(システムエンジニア)の仕事の楽しいところ

懐かしや会社員時代は、正直残業が多かったです。でも、楽しかったこともたくさんありました。書いてみたら、こんなに多かったっけ?と思うほど。プログラマーとかシステムエンジニアって適性がある人には、楽しいと思うんですよ。でも限りなくしんどい仕事でもある。それは本人次第。さて、では新社会人として入社から順を追うような形で書いていってみようと思います。ちょっと長いですがご一読いただければ幸いです。※ちなみに、あくまで私の場合はですので、その点ご了承ください。働く環境や会社が異なれば状況も異なります。//-------------------------------------自分のペースで技術が身につく//-------------------------------------完全文系の私が入社したSI会社では、まず最初の一ヶ月は本を使ってJavaという言語の学習をしました。勉強が不得意ではなかったので、毎日するすると覚えていきました。一日何ページくらい進める、と自分のペースで勉強していた気がします。その時はプログラミングは思ったよりも簡単だなって思ったものです。(もちろん実際はそんなこと無いんですけど)ごく稀に、全然適性の無い人もいますけど…。ある程度覚えてくると上司から課題を出されて解きました。パズルを解くような感じで、レビュー後褒められた時は嬉しかったものです。//-------------------------------------自分が成長できる//-------------------------------------これはどの仕事でもそうだと思いますが、技術が身につ
0
カバー画像

Three.jsで3Dモデルを表示!Meshyで作ったGLBをWebに組み込む方法

Three.jsで3Dモデルを表示!Meshyで作ったGLBをWebに組み込む方法最近話題の3Dモデル生成ツール「Meshy」を使って作成したGLBファイルを、Three.jsでWeb上に表示する方法を紹介します。Web制作初心者でも、HTML/CSS/JSの3ファイルで簡単に表示できます。🧾 用意するものMeshyで生成した .glb モデル(例:fantasy.glb)HTML/CSS/JavaScriptの3ファイルThree.js(ES Modules版)🧱 ファイル構成project/├── index.html├── style.css├── script.js└── assets/    └── fantasy.glb💡 ポイント解説✅ モジュール形式(ES Modules)でThree.jsを読み込むThree.jsはr150以降、従来の three.min.js は非推奨に。そのため、以下のようにモジュール形式で読み込みます:<script type="module" src="script.js"></script>✅ script.jsの構成Three.js本体、OrbitControls、GLTFLoaderを読み込むWebGLレンダラーを初期化カメラとライトを設置fantasy.glbを読み込んでシーンに追加アニメーションループで回転+操作可能に🧪 実行結果ブラウザ上でキャラクターが自動回転マウスで拡大・回転も自由自在GLBファイル1つで超軽量&高精度な3D表示!✍️ まとめThree.jsとMeshyを組み合わせることで、誰で
0
カバー画像

Python×Pygameで作る!スーパーの品出しゲーム制作記【ステージ編】

こんにちは!今回は、PythonとPygameを使って制作している「スーパーの品出しゲーム」の開発記録を紹介します!このゲームは、プレイヤーがスーパーの各売り場(精肉・ベーカリー・デイリー・青果・加工食品)に移動して、記憶した完成見本と同じように商品を並べるという記憶型パズルゲームです🛒🍞🥩🎮 ゲームの基本仕様全10ステージ構成各売り場はイラストや風の背景+アイテム画像で構成ゲーム開始時に完成見本を10秒間だけ表示プレイヤーは商品アイテムをドラッグして配置配置が完成したら「正解の位置と照合」してスコア判定!🧩 実装した機能(ここまで)main.py:ゲーム起動用mainface.py:メイン画面。売り場選択ボタン付き各売り場(meat.py, bakery.py, dairy.py, vegetable.py, dryfood.py)をクラス構造で構成各売り場の背景はオリジナル画像を使用(いらすとや風)アイテムは10種類、各売り場でドラッグ配置可能商品画像の読み込み失敗時には代替画像も表示タイマーやステージごとの正解判定の構想も進行中🖼 背景デザインもすべて自作!Pygameの構成にあわせて、各売り場の背景も手描きイラスト風で生成。リアルな棚や商品、オーブンや野菜など、それぞれの売り場らしさを出しています!✅ 今後の実装予定見本画像表示→ドラッグ配置→正解判定の流れを完成させるカート機能(ストック→配置)やスコアシステムを追加ステージセレクト画面の実装BGMやSEの追加(雰囲気UPを狙う)🔰 ゲーム制作を通じて学んだことPythonのクラス・関数・変数の使い方の整理画像の読み込
0
カバー画像

コーディングする前にあることをするだけで劇的に効率化される

初めまして。Webコーダーの山城拓己です。今回は、コーディングする前に「あること」をするだけで、作業が劇的に効率化されるという話をしていきたいと思います。皆さんは、コーディングの作業に入る前に、何かやっていることはありますか?「デザインカンプを見るくらい、、?必要なこと以外何もやってない」「相棒にコーヒーを用意することかな。。。」など、人によって作業する前にやることが違うと思います。しかし、より仕事などをこなすコーダーになってくると、コーディング前に行う作業が共通してきます。では、一体それは何の作業なのでしょうか?答えは、「全体像を把握する」です。もっと具体的にいうと、「デザインに直接どういうコードを書いていくかメモしておくこと。」です。「え?そんな面倒くさいことやってるの?逆に時間かからない?」そう思った人も多いかもしれません。しかし、実際には、この作業をするかしないかでコーディング作業の効率が劇的に変わるのです。考えてみてください。デザインカンプを見て、なんとなくコーディングを始めたけど、コーディングしていくうちに修正が必要になったことや、自分が思っているコード量よりも多くなってしまって、もっといい書き方がないか模索してしまう。こんなことありませんか?これは僕の経験ですが、コーディングで一番時間がかかるのは修正だと思います。どんなWebコーダーでも何かしら予想しなかった挙動やエラーは起こるはずです。ページ数やコードが複雑になってくるとなおさらです。そこで、修正に時間がかかるときは全体像が把握できていない時なのです。自分が書いたコードがどういう意図でどういう挙動をするのか、曖
0
カバー画像

そもそもプログラミングで何が出来るの?

今回は、初心者の方にも分かりやすいように、プログラミングで何ができるのかを具体的な例を挙げて説明します。1. ウェブサイトやブログの作成プログラミングの最も身近な例の一つが、ウェブサイトやブログの作成です。HTML、CSS、JavaScriptなどの言語を使うことで、自分だけのホームページを作成したり、ビジネスのためのウェブサイトを立ち上げることができます。例えば、簡単なブログサイトを作成して、記事をアップロードし、画像を追加したり、訪問者がコメントを残せるようにしたりすることが可能です。これによって、自分の趣味や知識を発信したり、商品やサービスを紹介する場を簡単に持つことができ、プログラミングの基礎を学ぶことで日常生活に役立つツールが手に入ります。2. ゲームの開発ゲームを作ることもプログラミングで可能です。例えば、初心者向けにはScratchというビジュアルプログラミング言語があり、子どもでも簡単にゲームを作ることができます。ゲームのキャラクターを動かしたり、ポイントを獲得したり、クリア条件を設定したりすることもできます。プログラミングを通じて、自分のアイデアを形にし、友達や家族と一緒に楽しめるオリジナルのゲームを作ることができるのは、大きな魅力の一つです。3. 自動化ツールの作成毎日手作業で行っているファイル整理や、複数のウェブサイトから情報を収集してまとめる作業などを、プログラミングで自動化することができます。Pythonというプログラミング言語を使えば、こうしたタスクを効率的に処理するスクリプトを作成することができます。例えば、毎日決まった時間に天気予報を自動的に取得
0
カバー画像

フロントエンドとバックエンドの違いを解説

プログラミングを学び始めると、「フロントエンド」と「バックエンド」という言葉をよく聞くことがあります。これらは、ウェブサイトやアプリを作る際に重要な役割を持つ部分ですが、少し分かりにくい部分でもあります。そこで、プログラミングに詳しくない方でも分かりやすいように、フロントエンドとバックエンドの違いについて説明します。フロントエンドとは?フロントエンドは、ユーザーが直接目にする部分、つまり「見える部分」を作る仕事です。具体的には、ウェブサイトやアプリを開いたときに表示される画面のデザインや、ボタンを押すとどう反応するかといった「見た目」と「動き」を担当します。フロントエンドの役割フロントエンド開発者は、次のような作業を行います。デザインの実装:デザイナーが考えた美しいレイアウトや色使いを、HTMLやCSSという言語を使ってウェブページに反映させます。これにより、画面が綺麗に見えるようになります。インタラクションの実装:ユーザーがボタンをクリックしたり、入力フォームに情報を入れたりするときの反応をJavaScriptという言語を使って作ります。例えば、送信ボタンを押すとメッセージが送られるなどです。フロントエンドの仕事は、主にユーザー体験(UX)を向上させるために、ウェブページを使いやすく、見やすくすることに焦点を当てています。オンラインショップなどのサイトにアクセスすると、商品画像やカートのボタンが見えると思います。このような表示される部分やボタンの動作は、すべてフロントエンド開発の成果です。バックエンドとは?バックエンドは、フロントエンドとは対照的に、「見えない部分」を作る仕事
0
カバー画像

小学生からプログラミングはすごすぎる

小学生からプログラミングを始める人が増えていて、本当にすごいなと感じています。かつては大学や専門学校で学ぶことが一般的だったプログラミングが、今では小学生の時点で触れることができる時代になりました。これは、子どもたちが将来の社会で必要とされるスキルを早い段階で身に付ける大きなチャンスとなっています。まず、プログラミングは論理的思考や問題解決能力を高めるのに非常に効果的です。子どもたちは自分のアイデアを形にするために、プログラムの構造を考えたり、エラーを解決したりします。この過程で、試行錯誤を通じて解決策を見つける力や、失敗しても諦めない姿勢が自然と身についていきます。さらに、プログラミングを学ぶことで、テクノロジーに対する理解が深まります。現代社会では、スマートフォンやコンピュータ、インターネットが日常生活に深く根ざしていますが、これらの技術の裏側でどのような仕組みが動いているのかを知ることは非常に価値があります。これにより、単なるユーザーとしてだけでなく、技術を創造し、活用する側に立つことができるのです。また、プログラミングは表現力を豊かにするツールでもあります。ScratchやMinecraftなどのツールを使って、自分のオリジナルの作品を作ることができるため、子どもたちは自分の創造力を発揮しやすくなります。こうした活動を通じて、デジタルアートやゲーム制作といった新たな表現方法にも触れることができるのです。最後に、小学生からプログラミングを始めることで、将来の選択肢が広がります。プログラミングは今後ますます需要が高まる分野であり、早いうちからスキルを磨いておくことで、将来的
0
カバー画像

 プログラミングスクールに150万円かけた体験

「プログラミングって何から学べば良いかわからない‥」「プログラミングスクールって高額過ぎて踏み出せない‥」そんな風に思っていませんか? 私もそうでした。私は4人子供を育てながら小学校で教員をしていましたご存知のように教員は超絶ブラック。子供に学びを教える喜びを味わいながらも、自分の働く環境について強く疑問を持つようになりました自分を変えたい、新しい技術を学びたい。プログラミングって興味あるけど、何から始めたらいいかすらわからない。独学は挫折の連続。スクールは高額で決心がつかず、迷って動けない時期がずっとありました結局貯金をはたいて、某有名プログラミングスクールに通うことに決めましたそこでの学びは私にとって本当に有意義でした。専属の先生が一つ一つの質問に丁寧に答えてくれて、安心して学ぶことができました。子育て仕事と苦労しながら先生の支えがあってなんとか卒業できましたしかし卒業後に、ある後悔をしました。それは、「スクールが即戦力のエンジニアまで専門性を高められるほどの環境」だからこそ、私のような「基礎基本もわからない初心者にとって無駄に高額すぎる環境」だという気づきです例えるなら初心者にとってスクールは【小学生が算数を学ぶのに大学に通う】ようなもの私はプログラミングを学んだ嬉しさと、どこか満足しきれない思いを抱えて卒業しました。もしこの話を聞いて少しでも興味を持っていただいた方には、私のような思いをさせないように、私がプログラミングスクールに150万円以上費やして学んだ知識・経験から、基礎基本の部分をまとめ、お子さんから大人まで初心者の方にも分かるように、安価な値段でお教えします。
0
カバー画像

プログラミング学習入門:初心者のための7つの助言

今回は、プログラミング学習を始める人に向けて、しっかりとスキルを身に付ける際に必要な7つの要素について、お伝えしたいと思います。1. 自分に合ったプログラミング言語を選ぶ プログラミング言語はたくさんありますが、すべての言語が自分に合っているとは限りません。自分の興味や目的に応じて、最適な言語を選ぶことが大切です。言語を選ぶためには、学習する目標・目的を明確にする必要があります。何故なら、プログラミングの言語の種類が多く、そもそも何を学ぶかを決めることが出来ず、また、プログラミングの学習は時間が掛かるからです。モチベーションを維持するためには、目標や目的に少しずつでも近づいていると思えることが重要です。ある程度のゴールも意識しながら学習を進められますので、まずは目的や目標を定めてから取り組むことをお勧めします。学ぶべきプログラミング言語の例では、ウェブ開発に興味があるなら、HTMLやCSS、JavaScriptなどの言語を学ぶと良いでしょう。ゲーム開発に興味があるなら、C#やUnityなどの言語やツールを学ぶと良いでしょう。自分に合った言語を選ぶことで、学習のモチベーションや効率が上がります。2. 基礎をしっかり身につける 言わずもがな、プログラミング学習では、基礎をしっかり身につけることが重要です。基礎とは、変数やデータ型、条件分岐や繰り返し、関数やクラスなどの概念や文法です。これらの基礎を理解していないと、より高度なプログラミングを行うことができません。これはプログラミングに限った話ではありません。基礎を身につけるためには、教科書やオンラインコースなどの資料を参考にしながら
0
カバー画像

プログラミング初心者に必要な3つの勉強法

はじめまして。くらもんと申します。ココナラで私の得意なスキルでお悩みをお持ちの方の問題を解決できるようなサービスを細々とご提供させていただいている者です。さて、ココナラのサービスを使ってブログというものを初めて書いてみようと思い立ってしまいました。今回は第1回ということで、普段私が仕事にしているプログラミングについて、初心者の方が勉強するために必要な勉強法を3つご紹介しようと思います。プログラミングを学ぶことは非常に興味深いものであり、多くの方がこ興味を持っているのではないでしょうか。しかし、プログラミングを学ぶことに抵抗を感じていたり、挫折したりした方は多いのかもしれません。初めてプログラミングを学ぶと、環境構築や多発するエラーなど多くの「壁」にぶち当たることがあります。この記事では、プログラミング初心者が効果的な勉強法を選ぶためのヒントとなるような情報をまとめました。大きく3つの勉強法にわけて、それぞれの方法によって学ぶことができるスキルやメリットを説明します。【目次】1. 基礎的な技術の理解 2. 実践を通じた学習 3. コミュニティとのネットワーク構築 1. 基礎的な技術の理解 プログラミングを学ぶ上で最初に基礎的な技術を理解することが必要です。例えば、アルゴリズムやデータ構造、プログラミング言語の概念などが挙げられます。これらを学ぶためには、書籍やオンラインのコースを利用することが有効です。 基礎的な技術の理解のために効果的な学習方法は主に次の3つが挙げられます。〇 書籍やオンラインのコースを利用する 基礎的な技術の理解には書籍やオンラインのサービスを利用することが効
0
カバー画像

Message Fom Program

ご覧いただきありがとうございます。特に独学でプログラミングを勉強しているとき、サンプル通りにコピペしていても、『なんだかよくわからないけど動かない!?』ということがあると思います。なにか、エラーメッセージが出ていませんか?なにかしらの開発環境では、日本語や英語で『何が悪いのか』を示すメッセージが表示されるはずです。ものによっては、画面ではなくログファイルに書かれることもあります。ただ困ったことに、メッセージを読んでみても、『何を言っているのか分からない』と感じてしまうような書き方になっているのではないでしょうか?どんなプログラミング環境のエラーメッセージでも、慣れてくると勘が働くようになるのですが、逆に言うと、慣れるまでは苦労します。『じゃあ、どうすればいいの?』と思いますよね。意外にも、エラーメッセージをコピペして検索すると、『このエラーがでたら、ソースコードのここが怪しいよ』というヒントが出てくることがあります。ズバリの正解も稀にあります。ただ、「ヒントになりそうな内容」が多いです。ある程度は検索結果のリンク先を精査しないと判断できないので、まあまあ時間もかかります。プログラミングを始める敷居は下がっているんですが、続けていくためには、やっぱり時間はかかるんじゃないかなあと思っています。技術を身に付けるというのは、一朝一夕には行かないものです。(あくまでも個人の見解です)
0
218 件中 1 - 60