読み込み中...
プログラミング・AI・Web開発・エンジニアキャリアなど、実践的な技術記事をお届けします
Web開発や主にフロントエンドを触れている方、HTMLを触ったことある方は多分一度は思ったことあると思うのですが、 ・divとか、頭と終わりで挟むのダルい ・なんか動かんと思ったら閉じタグ消えてた ・開始タグ消しても、閉じタグがキモい感じで...
プログラミングの学習において成功するためには、効果的な勉強法を理解することが不可欠です。 この章では、特に初心者が押さえるべきポイント、独学のメリットとデメリット、そして基本的な学習ステップに焦点を当てます。 初めてプログラミングに取り組...
VScodeの拡張機能ってなにか？ VScodeでは、もともとなかった機能を"後付け"で機能を追加することができる。それが拡張機能です。機能を追加して、より自分が使いやすいコードエディタにすることができます。 拡張機能を入れる(インストー...
大学生にとってプログラミングは未知の領域かもしれません。 今まで学んできた数学、経済学などとは全く違う、何もかもが初めての世界です。 ですが、プログラミングができるようになると「将来エンジニアになれる」以外にも、「論理的思考力がつく」「世の...
ここ最近、エンジニアという職業に注目が集まりつつあります。実際、IT関連の技術が日々進化しており企業のエンジニア需要もどんどん増加しており、さらには多くの業界の企業がDXに取り組み出したことでITやデジタル技術の導入・提供できるようなエンジ...
テレビや新聞でよく目にするようになった「ビックデータ」。直訳すれば「おっきい情報」ですがそれでもどゆこと？だと思います。 今回は、なんかちょくちょく出てくるビックデータって結局なんなのか、なぜそんなみんな使いたがるのかなどを解説できればなと思います。「ビッグデータ」とは、 人間では全体を把握することが困難な巨大なデータ群のことです。 もっと身近に考えると、パソコンやスマホなどあらゆるデバイスから得られる膨大な情報のことです。情報通信技術が発達したことで今まで収集・蓄積ができない・困難だったものが簡単にできるようになった。そこで得られるようになった多種多様なデータの集まりが「ビックデータ」となります。 例えば、一昔前では会員登録時に入力した"性別"や"年齢"ぐらいしかデータとして得られなかったが、最近ではそれに加えて、"行動情報"、"書き込み履歴"、"音や動画"、"位置情報"...etcなどなどあらゆる情報が収集でき、統計・解析できるようになりました。ありとあらゆる膨大な情報がビックデータとして取り扱うことができると解説しました。ではそのビックデータは何に使うのか？を大まかに解説します。 ぶっちゃけて言うと"何にでも使える"です。どういうことかというと？ 先ほど、ビックデータの中で「行動情報」がありました。人の行動パターンを分析してサービスを最適化することができます。 例えば、ショップの「来店時間」と「客の行動情報」を分析し、「●時頃では■の場所に人が集まりやすい。そこに売りたい商品▲を配置し売上UP」みたいに売上改善策を出すことができます。 なのでビックデータは、困ったことに関して"いろんな情報をかき集めてパターン化・分析"し解決の道を探し出す、
2023年に行われたイーロン・マスク氏のX(旧Twitter)改革の一部で、XのAPI制限、つまりXにかかる負荷を軽くするためにツイートやフォローなどの機能を制限する措置をしました。その制限を超えると、「API呼び出しの回数制限を超えました...
仕事で使っているマニュアルがたくさんありすぎたり、変更されすぎたりで「何がどこにあるかわからん状態」ってありません？ ChatPDFに読み込ませることで、そんな文書から知りたい内容を速攻検索して、さらに分かりやすく説明してくれるので効率UP...
前回の記事では、YouTubeの動画詳細ページを作りました。 ・tileの使い方 ・各構造の見方 この部分を重点的に解説しました。今回はYouTubeのチャンネルページ(https://www.youtube.com/channel/●●...
前回の記事では、YouTubeのトップページを作りました。 といっても、 ・ヘッダー ・サイドメニュー ・トップページのメイン部分 と、全体で共通する部分を作りました。今回はYouTubeの動画のページ(https://www.youtub...
今回はYouTubeのよく見るトップページを、Nuxt3で実装してみました。 この記事を見れば、 ・Webサイトのページがどんなふうにできるのか ・Htmlから作るのとNuxtでやる時の違い ・10分で１ページできてしまうぐらいのNuxt ...
よくTikTokやYouTubeなどで「ピッタしに止めるとえっ●な画像が見える」やつとか「絵がゆっくり動いてるようなやつ」をみる方も多いんではないでしょうか？あとはTwitterの広告で出てくる「オ●恋(Otakoi)→美女とデブなおっさん...
去年(2022年末)から急激に話題も精度も上がっているAIチャットサービスがChatGptです。 ですが、よくよく考えてみると「これってなにに使えるの？」「僕たちの日常・仕事に使えるの？」と思った方も多いでしょう。なんか色々できるって聞くけ...
コンポーネントとは、いわゆる「部品」です。ちょっと難しく言うと「独立した、再利用可能な部品」のことです。 例えば、プログラミングから離れますが「ハンコ」をイメージしてください。自分の名前が入ったハンコです。署名のとき、毎回手書きでサインする...
前回は、お問合せフォームを作りましたね。よくある、お名前や生年月日、自由記述欄があって、それを送信する、みたいなやつですね。 でも、今までのはただの1ページだけのものなんですよね。普通のWebサイトって、Topページの他にもプロフィールやa...
前回は、軽くNuxt(Vue)について解説しました。簡単に電卓を作ってVueの仕組みについて解説しました。 なので今回はちょっと応用して、1ページ完結の"簡単なWebアプリ"を作っていきましょう！今回作るもの１つ目は、「お問合せフォーム」で...
#2では、サイト立ち上げから1ページの編集までやりました。index.vueを編集すれば、自分好みのWebサイト・アプリが作れるまでいきました！ ですがそもそも「Vue」ってなんだ？ フロントの処理ってどうやるんだ？って方が多いかなと思いま...
CSSというと蕁麻疹が出る方は結構いるのではないでしょうか？僕もその一人です。 思ったような見た目にならなかったり、ちゃんと書いてるはずなのに表示が変になったり。思い通りにならないってところがCSSの難しいところですよね。 「書いたのに反映...
本記事は以下の方に特に読んでいただきたいです。 ・いいアイデアが浮かばなくて困っている ・自分とは違った視点の意見が欲しい ・今までにない独創的なものを見つけたい 一般的にはアイデア出しとは、ほぼ才能が求められるというイメージがあります。...
#1では、Nuxt3をインストールして実際にWebサイトを立ち上げるところまでやりました。お絵描きでいうところの「画用紙を買ってきた」状態ですね。笑 なので今回はこのサイトに肉付けして"なんか実際にありそうな"Webページを一つ作っていきま...
Webサイトを作成する、となると真っ先の思い浮かぶのはHTML,CSS,jsが一番に思い浮かぶと思います。「まず、!DOCTYPE htmlして、headとbodyの中身作ったらcssファイルつくって更新して、その後htmlファイルをリロー...
