Reportage Pickup Report

投稿

9月, 2024の投稿を表示しています

9月 22, 2024

UIアーキテクチャ･パターン 3階層アーキテクチャ https://images.app.goo.gl/64sARzbfVYQiB9jT8 4階層アーキテクチャ https://images.app.goo.gl/gekFfLDyX9JSETbr6 「MVCの勘違い」について、もう一度考えてみる https://at-grandpa.hatenablog.jp/entry/2013/11/01/072636 開発者が知っておくべき、6つのUIアーキテクチャ・パターン https://atmarkit.itmedia.co.jp/fdotnet/chushin/greatblogentry_10/greatblogentry_10_01.html

9月 21, 2024

プログラミング言語人気ランキング現在バックエンドにおいて素のPHPの案件は減少傾向にあるらしいですが、PHP系フレームワークの「CakePHP」は人気があるらしいです(「CakePHP」は「Ruby on Rails」の概念を取り入れているらしいので、それが人気の秘訣だと思われる)。なお WordPressで当然 PHPを使いますが、これはフロントエンドの話です。参考 CakePHPとは？基礎知識とできることをわかりやすく解説 https://hnavi.co.jp/knowledge/blog/cakephp/ >PHPのプログラム言語で使用するフレームワークは、機能の拡張性に優れるLaravel（ララベル）や、処理速度の速さに定評のあるCodeigniter（コードイグナイター）など、バリエーションに富んだフレームワークが数多く存在します。令和の現代においては、Laravelがシェアを伸ばしつつありますが、国内人気や汎用性の高さに関しては、CakePHPが依然として人気を集めています。ネットでは「Laravel」が1番人気があるなどと書かれていますが、それはアマチュアの世界の話しで、Web系(のプロの世界)では「CakePHP」が1番人気が有るようです。なお「CakePHP」だけでは不安なら「Laravel」も勉強すると良いでしょう。 Web系は即戦力が求められます。 (Web系は即戦力が求められるので)Web系では資格は意味無いらしいです(他のIT系では資格が評価される場合も有るようですが)。 Web系はフリーランスが基本で、奇跡でも起こらない限り就職は無理と思って下さい。 3DゲームにおいてはUnity(3Dゲームエンジン)がメジャーです。 Unityはプログラミング言語ではなく、ザックリと言うとライブラリです。ゲームに必要な当たり判定や衝突した場合の反射などの処理が簡単にできるらしいです。 Unity用の開発言語はC#らしいので、Unityを使いたいならC#が必須になります。プログラミング言語利用実態調査2023 https://xtech.nikkei.com/atcl/nxt/column/18/02670/112900001/ プログラミング言語利用実態調査2022 https://xtech.nikkei.com...

9月 21, 2024

フロントエンドエンジニアの必須スキルコーダーとは？コーダーの業務と求められる能力 https://www.webstaff.jp/guide/jobcategory/coder/%E3%82%B3%E3%83%BC%E3%83%80%E3%83%BC%E3%81%AE%E4%BB%95%E4%BA%8B%E3%81%A8%E3%82%B9%E3%82%AD%E3%83%AB/ Webデザイナーとコーダーの違いとは？Web制作の職種を役割ごとに紹介 https://ktsuyoshi.com/web-design-designer-corder-difference 駆け出しマークアップエンジニアのためのWebサイト制作フロー - Qiita https://qiita.com/AkiHamano/items/917c5b1ac50425bfcf95 ※↑SEO対策も常識ですが、現在のSEO対策は昔とは全く別モノになってます。フロントエンドエンジニアとは？フロントエンジニアの仕事内容・スキル・将来性 https://www.bigdata-navi.com/aidrops/1692/ Photoshop、Illustrator、XDからのコーディングに慣れよう！ https://note.com/haniwaman/n/nefa48db83682 データベースの基礎知識　WordPressとは https://wp-exp.com/blog/database-kiso/ フロントエンドエンジニアには「HTML、CSS、レスポンシブ･デザイン、クロスブラウザ、Vanilla JS、jQuery、Vue.js、React、SCSS、 CMS(Contents Management System)：「WordPress自体、PHP、SQL(データベース言語)」、Ajax、Next.js(React)、Nuxt.js(Vue.js)、SPA(Single Page Application)、SSR(Server Side Rendering)、サーバ－サイドJavaScript(Node.js、Deno)、TypeScript」あたりの知識が必要になると思われます。プロは通常はBootstrapなんぞ使いませんが、既にBootstrapで作られているコードの改...

9月 18, 2024

CSSデモ集 CSS3ではプログラムと見紛うばかりの表示が可能になりました。 CSSデモ／Commentary001 http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+000002AD&tsn+000002AD&bts+2022/01/15%2016%3A44%3A52& CSSデモ／吹き出し http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+00000206&tsn+00000206&bts+2021/10/15%2018%3A56%3A05& CSSデモ／タブ http://pleiades.vs.land.to/utf8/smt.cgi?r+sara/&bid+000003A5&tsn+000003A5&bts+2020/09/27%2018%3A34%3A30& CSSデモ／タブ(005) http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+0000032A&tsn+0000032A&bts+2022/05/06%2000%3A45%3A03& CSSデモ／タブリンク使用 003 http://pleiades.vs.land.to/utf8/smt.cgi?r+sara/&bid+00000470&tsn+0000057F&bts+2021/03/27%2023%3A31%3A38& CSSデモ／タブ3Dエフェクト(027) http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+00000336&tsn+00000336&bts+2022/05/26%2005%3A38%3A45& CSSデモ／アコーディオン･メニュー012 http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+000002CB&tsn+000002CB&bts+2022/02/0...

9月 18, 2024

JavaScriptデモ集 JavaScriptデモ／CheckQuiz015 http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+000001BE&tsn+000001BE&bts+2021/08/17%2014%3A00%3A19& JavaScriptデモ／Quiz087 http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+000002A7&tsn+000002A7&bts+2022/01/13%2019%3A27%3A31& JavaScriptデモ／StopWatch002 http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+0000018C&tsn+0000018C&bts+2021/07/24%2008%3A55%3A37& JavaScriptデモ／Timer001 http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+000001C0&tsn+000001C0&bts+2021/08/22%2011%3A56%3A01& JavaScriptデモ／Canvas「色相(Hue)カラーパレット」 http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+0000047C&tsn+0000047C&bts+2024/01/05%2016%3A58%3A23& JavaScriptデモ／CanvasBound002 http://pleiades.vs.land.to/utf8/smt.cgi?r+sara/&bid+000003B0&tsn+000003B0&bts+2020/10/05%2010%3A34%3A19& JavaScriptデモ／CanvasMouseDraw087 http://pleiades.vs.land.to/utf8/smt.cgi?r+tw...

9月 17, 2024

完全コピペで表示を確認して下さい。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <style> .Border { border: thin solid black; } header, nav, footer, .Float-Box_000 { height: 150px; } header, nav, footer, aside, .Float-Box_000>* { box-sizing: border-box; border: thin solid black; } .LefWing { width: 74.4%; } .Container {} nav, main, footer { margin-top: 5px; } aside { float: right; width: 24.8%; height: 1080px; } main {} main>* { margin-top: 5px; } main>*:first-child { margin-top: 0px; } .Float-Box_000 {} .Box_Item-Size_001 { ...

9月 15, 2024

Javaデモ：オブジェクト指向プログラミングオブジェクト指向プログラミングの基本は、ザックリと言うとクラスが設計図、インスタンスが実体です。オブジェクト指向プログラミングの基本概念を自動車で喩えると、設計図(クラス)から自動車の実体(インスタンス)を10台でも100台でも作れると考えるとイメージしやすいでしょう。クラス型･変数と中身のインスタンスの型が違う場合が有り、クラス型・変数の(継承上の)子孫型のインスタンスが入っている場合が有ります。ミッキーで喩えると、クラス型・変数が「ミッキーの着ぐるみ」で、インスタンスが「中の人」と言うイメージです。オブジェクト指向プログラミングの基本概念には継承もありますが、それらの基本概念だけではオブジェクト指向プログラミングの本当のメリットは生かされません。オブジェクト指向プログラミングの肝は多態性(ポリモーフィズム)です(大抵は抽象化(アブストラクション)と言う概念も必要になるでしょう)。なので多態性(ポリモーフィズム)が理解できてないなら、オブジェクト指向プログラミングが理解できてないと言って良いです。下記はJavaデモですが、実際に動かすことで、プログラムの理解に役立つでしょう。多態性(ポリモーフィズム)の勉強には下記で勉強すると良いでしょう。一旦スレッドの無い状態(静止した状態)に改造すれば、オブジェクト指向の部分が明確化するでしょう。 Javaデモ／Swingグラフィック「Figure、Thread」(2) オブジェクト指向プログラミング http://pleiades.vs.land.to/utf8/smt.cgi?r+sara/&bid+0000045B&tsn+0000063D&bts+2021/03/10%2022%3A24%3A19& 下記はJavaScriptデモですが、実際に動かすことで、プログラムの理解に役立つでしょう。このデモなら多態性(ポリモーフィズム)を(見た感じで)イメージしやすいでしょう。「ラミー、魔法陣、宝石、宝箱」は外面的にFigure_Bottomとして扱えるようにクラス設計しているので、取り扱いが楽になります、それが多態性(ポリモーフィズム)のメリットです。ただし多態性(ポリモーフィズム)を具現化するためのクラス設計は初心者には難...

CPUのバグ

9月 09, 2024

「Intel Core」CPUの第13/14世代で不具合--不可逆的損傷が発生との報告も https://japan.zdnet.com/article/35222295/ また、Intel CPU第11世代以下ではセキュリティホール「Spectre、Meltdown」があり、パッチを適応するとパフォーマンスが悪化します(下記参照)。 IT業界を根幹から揺るがした脆弱性「Spectre、Meltdown」はCPUのパフォーマンスにどんな爪痕を残したのか？ https://gigazine.net/news/20210107-meltdown-spectre-cpu-security/ Intel CPU第12世代以降に新たな脆弱性が発見されたようです、今後パッチが出てどうなるのか？最新のIntel CPUに新たな脆弱性が発見、「Indirector」攻撃により機密データ漏洩の可能性 https://xenospectrum.com/latest-intel-cpus-may-leak-sensitive-data-due-to-indirector-attacks/ AMD製CPUに脆弱性『Sinkclose』報告深刻な影響 https://www.youtube.com/watch?v=OPvYK2CewTs 【速報】ほぼ全てのAMD製CPUに危険な脆弱性が見つかる！急いで修正パッチをダウンロードしよう。 https://youtu.be/rYG14bjiyAA?si=yDi8R5mQoRJI5PzV

9月 09, 2024

スマホ・ページ概念的には下記のようになります。コードを参照してみると良いでしょう、なおダウンロードすると(ブラウザ？によって)コードが改変されてしまう場合があるので、必ず開発者ツール(デベロッパー･ツール)で参照して下さい。 http://xd305417.html.xdomain.jp/responsive/002 参考 SEO対策 https://rara.jp/sphinx1335/page8 ※ガチのSEO対策には、(フロントエンド)セミプロ・レベルの勉強が必要になります。それは本気で(フロントエンド)セミプロ・レベルを勉強する気が無いなら無理だと言う意味です。下記のようなクソみたいな欠陥Webページだと、当然 SEO的にマイナスになります。 >下の画像のページが表示されたら、このWebページ作ったヤツはアホだろと思ってブラウザ・バックしますよね？ >https://drive.google.com/file/d/1znyw4kX9m4I4enroA931c7tyZ1wq8A91/view?usp=sharing PCのみ対応のWebページなら約「1000px～3000px」解像度ぐらい、モバイルも対応のレスポンシブ･デザインなら約「300px～3000px」解像度ぐらいをChromeモバイル･エミュレーターでチェックして下さい。フロントエンド(プロ)だと6k解像度モニターぐらいは使ってるかもしれませんから、ポートフォリオを作成するならChromeモバイル･エミュレーターで約「280px～6000px」解像度ぐらいのチェックが必要になるので、Chromeモバイル･エミュレーターぐらい使えないようではフロントエンド(プロ)は無理と思って下さい。フロントエンド(プロ)を目指さない場合でも「欠陥Webページ、レスポンシブ･デザイン」のチェックにはChromeモバイル･エミュレーターが必要になるので、とりあえずChromeモバイル･エミュレーターぐらい使えるようにして下さい。【重要】その『Chromeモバイル・エミュレーターの使い方』は中高生レベルの読解力が有れば、何回か読めば理解できる程度の難易度なのに、なぜか【ダメダメ･デモ】をChromeモバイル･エミュレーターでチェックする人は殆どいないんですよね(その程度の事ぐらい真面目にやっ...

9月 06, 2024

CSSデモ／(簡易)日本地図

9月 01, 2024

実際のページ http://xd305417.html.xdomain.jp/demo/Nippon.htm <!DOCTYPE html> <html> <head> <meta charset='UTF-8'>  <TITLE></TITLE>  <style> body { background-color: #7fa; } .Position_Relative { position: relative; } .Position_Absolute { position: absolute; } .WordBreak_BreakAll { word-break: break-all; } .WhiteSpace_Nowrap { white-space:nowrap; } .TextAlign_Center { text-align:center; } .MouseCursor_Pointer { cursor: pointer; } .UserSelect_None { user-select: none; } .Border_Solid_Thin_000{ ...