Web開発

どうも、まさとらん（@0310lan）です！今回は、インタラクティブ性の高いWebサイトやミニゲームなどを簡単に開発できる無料のWebサービスをご紹介します。一般的なWebサイトはもちろんのこと、ノーコードで高度なロジックを組み立てる機能も提供されているので、アイデアしだいでとてもユニークな作品を作れるのが特徴です。オリジナリティあふれるWeb作品を手軽に作りたい人はぜひ参考にしてください！ 【 Playful 】 ■「Playful」の使い方！ それでは、「Playful」をどのように使えばいいのか詳しく見ていきましょう！まずはサイトのトップページから【Sign Up】ボタンをクリックして、…

こんにちは！ スマレジ・テックファームのWebエンジニアやまてと申します。 はじめに 今回は、Webエンジニアとしての自己成長のための自習についての、これまで半年の振り返りと、これから半年の目標を書きます。 期間は下記の通り、スマレジの人事評価の上半期/下半期に合わせています。 上半期（2022/05/01~2022/10/31） → これまで半年 下半期（2022/11/01~2023/04/30） → これから半年 目次 はじめに 目次 これまで半年の振り返り 上半期の目標 Plan 1. DB設計の習得 上半期の実行 Do 検証 Check 改善 Act 2. PHPとオブジェクト指向の…

こんにちは！ スマレジ・テックファームのWebエンジニアやまてと申します。 はじめに Web関連の自習について、学習効率を高めることを目的として、月に１記事、振り返りのブログ記事を投稿しています。（2022.5〜） ryamate.hatenablog.com 半期目標 Goal 半期目標 Goal 自己成長についての半期（2022/05/01~2022/10/31）の目標ですが、以下の内容にしています。 1.DB設計の習得 2.PHPとオブジェクト指向の習得 3.Webアプリケーションのセキュリティの習得 「習得」のレベル感としては実務で求められる業務に食らいつけるくらいのイメージです。 読…

こんにちは！ スマレジ・テックファームのWebエンジニアやまてと申します。 はじめに 今回は、Web業界実務未経験での転職活動用にポートフォリオとして作成した『はじめてのWebアプリ開発を振り返る』記事です。 ※ 作成したポートフォリオは、絵本を読み聞かせしたことの記録・管理を、家族と共有できるWebアプリケーションです qiita.com 実装したオリジナルの機能の一つである「家族ユーザー招待」機能について、記事にします。 概要と基本設計 ryamate.hatenablog.com 詳細設計と実装 (1) 家族招待メール送信フォームの作成 (2) マイグレーションファイルからのテーブル作成…

Emacs 上でSQLを実行する方法です 設定方法 sql-mode を使います． init.el などで初期設定をしておきます (use-package sql :hook ((sql-mode) . sqlind-minor-mode)) SQLの書式(インデントやtabサイズ）の設定，DBへの接続情報は，init.el に書くよりも .dir-locals.el に書く方が便利です．つまりプロジェクト用のディレクトリを用意して，そこに .dir-locals.el を置いておけば，プロジェクトごとにsql-modeの設定を切り替えることができます具体的には以下の内容で .dir-loca…

こんにちは！ スマレジ・テックファームのWebエンジニアやまてと申します。 はじめに 今回は、Web業界実務未経験での転職活動用にポートフォリオとして作成した『はじめてのWebアプリ開発を振り返る』記事です。 ※ 作成したポートフォリオは、絵本を読み聞かせしたことの記録・管理を、家族と共有できるWebアプリケーションです qiita.com 実装したオリジナルの機能の一つである「家族ユーザー招待」機能について、記事にします。 概要と基本設計 ryamate.hatenablog.com 詳細設計と実装 (1) 家族招待メール送信フォームの作成【今回】 (2) マイグレーションファイルからのテー…

Lit公式ドキュメントまとめ 01 最近アサインされたプロジェクトがLitを使うプロジェクトだったので、Litを使い始めました。 最初はなんでReactじゃないんだろうと思って少々不満でしたが、1ヶ月も使うとだいぶ馴染んできて、いい感じになってきました。 コンポーネントの再レンダリングなんかはLitが自動でやってくれるので、Reactより良いなと思える部分が増えてきました！ Litとは Googleが提供しているWeb Componentを簡単に作れるライブラリ。 Web ComponentはWeb標準技術なので、他のあらゆるWebライブラリ/フレームワークから呼び出すことができます。 導入 …

こんにちは！株式会社フォトラクションでWEB開発をしている下川原です。 Photoruction Advent Calendar 2022の4日目の記事になります。 はじめに どんな人がこの記事を読むと幸せになるか。 AWS Lambdaで開発を進めてる人（言語問わず） AWS Lambdaのソースをコピーして検証環境・本番環境を作っちゃってる人 AWS Lambdaを環境ごとに分ける！ 1. 下準備 まずは、検証用、本番用にする直前のLambda関数ができていることが重要！ 2.バージョンを作成する(AWS CLIで行う場合） aws lambda publish-version --fun…

こんにちは。松江市在住でエンジニアやってます。 普段はリモートでWEBアプリケーションを開発しています。 こちらは「山陰 Advent Calendar 2022 - Adventar」の4日目の記事です。 何を話すか IT業界は便利なツールが毎日のように開発されています。 その中から快適な開発環境のために、購入して利用中のものを幾つか紹介します。 ※ Mac専用のものが含まれます 1. JetBrains製IDE各種 [オススメ度 : ★★☆] www.jetbrains.com What is it ? 書いてる通りIDEです 有名なものだと IntelliJ IDEA - Java と …

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥27,800 → ¥2,200 92%OFF!! ⭐ ⭐ ⭐ ⭐ （19,151件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,800 → ¥2,000 …

理由 今使ってるPCのメモリは元々16GBでした。 購入当時は、ネットサーフィンとゲームと動画編集だけだったのでこれで足りていましたが、Web開発をするようになりメモリが頻繁に足りなくなるようになったので増やすことにしました。 Linuxをメインで使っているのですが、WindowsでWSLとか使うと16GBでは余裕で足りません。 とは言いつつ、実は開発とは関係なくブラウザのタブ管理が苦手でメモリが足りなくなることはよくありましたｗ 換装 購入したメモリは、こちらを4枚で計64GBで27,938円でした。 Amazon | CORSAIR DDR4 デスクトップPC用 メモリモジュール VENG…

概要 Web アプリを開発している皆さんの中には、SVG ファイルを使用してアプリを開発したいという方は少なくないのではないでしょうか？ 実際自分も、ズームした際も綺麗に画像が表示される SVG ファイルを使用して画像ファイルを添付したいなと思っていた時があります。 SVG ファイルとは Scalable Vector Graphics と呼ばれる画像フォーマットの一種で、XML に準拠しているためにテキストエディタで画像を編集することができるものになります。 ベクタ形式の画像のため、画像や文字などの 2 次元情報を数値化して記録しており、ブラウザがその場で描画してくれることもあり、解像度を気…

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥27,800 → ¥2,400 91%OFF!! ⭐ ⭐ ⭐ ⭐ （19,151件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,800 → ¥2,200 …

まあまあ使ったことある気がするのにnth-child系はクラス名を起点に使えることを知らなくて衝撃を受けた。いかにこれまで雰囲気で使ってたかがよくわかる… CSSの :nth-child、:nth-of-type などにクラス名を使う落とし穴 | PisukeCode - Web開発まとめ Cではmax()min()といったような関数はない Cでは\0を末尾につけることで文字列がそこで終わりになるので、改行コードを削除したいときは改行コードのアドレスを取得してそこにこれを足す Cではファイルを開く際fgetsで一行ずつ取得ができるが、このとき格納する変数を先に用意しておく必要があり、さらにその…

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥27,800 → ¥1,900 93%OFF!! ⭐ ⭐ ⭐ ⭐ （19,147件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,800 → ¥1,800 …

Webページのチェックはブラウザー(Firefox)でブックマークしてFirefox Syncで同期しているのですが、それの棚卸しをしよう、という企画です。 以下のエントリーでryuzeeさんが次のとおり言及されていたのにヒントを得ています。 ryuzee: 毎日メンテナンスしておくこと、これに尽きます。メンテナンスしておいた内容はすぐに取り出して活用できるようになります。 クリップツールやメモツールは無数にあるんですが、メンテナンスしないでWebページをクリップし続けると、ゴミ箱になって2度と見なくなります（笑）。ナレッジベースは常にメンテナンスするのが大事です。 engineers.ntt…

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥27,800 → ¥1,200 96%OFF!! ⭐ ⭐ ⭐ ⭐ （19,125件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,800 → ¥1,200 …

たくさん書いて、エラーして、改善して、やったー！って身につくしかないと思う。 やる気のある方の参考になりますように。 どこぞと比べて良心的な価格だし、カリキュラムも高品質だと思う。羨ましい。 ①フィヨルドブートキャンプ bootcamp.fjord.jp Web開発。Ruby。手をたくさん動かしそう。カリキュラムも実務寄りだし、エンジニアの方々が実名。 ②Recursion recursionist.io ソフトウェア開発を、コンピュータサイエンス(CS)という基礎から、実際に何かを作るまでできるようにカリキュラムが組まれている。開発者の方はシリコンバレー出身。最近、Recursionの開発一…