プレーンテキストにタグをつけて、機械（コンピュータ）にも情報を理解出来るようにすること。変な形の場合は、「不思議マークアップ」と呼ばれる（ことがある）。
簡単に自己紹介します。 現在の仕事 新人エンジニア1年目です。 コロナ禍の2020年6月から、都内のスタートアップ企業で正社員Webエンジニアとして働いています。 普段は受託のスクラムチームでアジャイル型開発を行なっています。自社のサービスも持っている会社なので、社内副業としてそちらの開発をしていることもあります。 経験案件数は働き始めてから現在2件目で、2021年の3月まではずっと同じ会社さんの受託案件に参画していました。 コロナの影響もあり、現在はフルリモートで働いています。スクラムなので完全に自由とはいかないですが、フレックスタイムなので比較的自由が効く環境だと思います。 働く人も穏やか…
初めてblogを書きます。 自己紹介を軽く・・ 私は、2009年からマークアップエンジニアとしてweb業界に入りました。 2011年〜現在 フロントエンドエンジニアとしてクライアント先で開発のお手伝いをしております。 先月独立をしDECKという名前で法人成りをしたばかりです。 経験してきたプロダクトは「ソーシャルゲーム」「EC」「アパレル」「分析ツール」「グループウェア」で、ECの経験が多いです。 このブログでは「ECのUX考察」と、個人的に利用したサービスの「勝手にUXレビュー」と、UXテクニック周りの話をしていきたいと思います。 どうぞ、よろしくお願いいたします。 Twitterをしていま…
前書き 前回、こんな感じで要件定義をしました。 今回はUI設計・機能設計（処理内容・データ・操作)をやっていきます。 melheaven.hatenadiary.jp UI設計 必要最低限の画面は以下の3つ。加えてログイン画面・マイページ（パスワード変更など）とかですかね。 社員・学生メイン画面 個人ページ画面 個人ページ編集画面（Qiitaっぽく） 最低限のUI製作はFigmaを用いました。 www.figma.com 機能設計 1. 社員・学生メイン画面 機能名：「タグ別に登録個人ページを表示する」 【必要なデータ】 フォームで取得したい情報：タグ情報 タグ情報と個人記事のURL、タイトル…
「今の時代プログラミング 学んでおいた方が良いよね」 「ふむふむ。最初にすべきことは 言語の選択かー」 「別に何でもいいんだけどなー」 プログラミング学習の最初の門は 言語の選択です。 適当に決めると後で後悔するかもしれません。 これについてはちゃんと 考えて決めてください！！ こんにちは、ルイです。 前回は「Webエンジニアが足りない」 っていうのは嘘だよね という話をしました。 今回は最初の最初！ プログラミング言語の選択に ついて話していこうともいます。 プログラミング始めるにはまず 言語選択って言いますよね。 では言語って何基準で 選べばいいんでしょう？ 結論から言うと ・やりたいこと…
はじめに 何か作る時のマークアップで迷いがないように画面全体でローディング表示するときのサンプルを自分用にメモしておきます。 サンプルコード <template> <div class="fixed top-0 left-0 z-50 w-screen h-screen flex items-center justify-center" style="background: rgba(0, 0, 0, 0.3);"> <div class="bg-white border py-6 px-12 rounded-lg flex items-center flex-col"> <div class…
こちらの記事は、JR九州に設置されている券売機について路線ごとにまとめたものです。 更新情報(過去3か月分) 重要なお知らせ この記事の閲覧にあたっての注意点 情報提供のポイントと注意点 最近の撮影駅 券売機新情報 ☆NEW!☆訪問予定駅 情報募集駅 券売機駅別まとめ 鹿児島本線(門司港～八代) 鹿児島本線(川内～鹿児島) 指宿枕崎線 香椎線(海の中道線) 筑豊本線・篠栗線(福北ゆたか線・若松線・原田線) 筑肥線・唐津線 後藤寺線 長崎本線 佐世保線 大村線 三角線(あまくさみすみ線) 日田彦山線(城野～添田間) 日豊本線 宮崎空港線 豊肥本線(阿蘇高原線) 久大本線(ゆふ高原線) 肥薩線 吉…
変更に強いコードの記述 【目的】 ・JavaScriptの開発に必要な知識を学ぶ ・APIについて学ぶ 【学習概要（実装について大まかに何をしたか）】 今回は実装やコードの記述は無し、テキストを学習 ・アプリケーションの仕組み ・サーバーサイドとフロントエンドの分離の必要性 【学習の流れ】 アプリケーションの仕組み アプリケーションはAPI（別のアプリケーションにリクエストを送り情報を受け取る仕組み）でできている API Application Programming Interfaceの略 主にアプリケーション同士がデータをやり取りする場合に使用するルール・仕組みのこと 抽象的な意味で「この…
こんにちは。 キーボードショートカットキーの誤動作で、記事書きかけ中に公開してしまうという事実・・・。 さっそくやらかしました(笑)。 さて、ここ最近、ホムペ制作を本格的に始めました。 せっかく持っている技術を使わないのはもったいないという事で、ホムペ制作をしているのであります。 昔はPC向けにホムペ制作をしていたのですけどね。 スマホなんてなかったですから。 今はスマホが普及し、ホムペはスマホで見られる場合が多くなりました。 なので、ホムペはスマホに対応して当たり前のことになっているのです。 スマホに対応していないホムペだったら、スマホで表示させると見にくいですよね。 なので、スマホはスマホ…
前回の記事の続き。 tpatsumoritaira.hatenablog.com ■将来の法人課税のもう一つのあり方 前回の記事の論考①*1には、今後の法人課税のあり方として、仕向地主義課税とは別の方法も提示されている。このブログでも過去に言及したことのある「定式配賦」（フォーミュラ方式）である。以下は論考①の「Ⅲ. 定式配賦（Formula Apportionment, FA）」及び「定式配賦」を若干変形したような「Residual Profit Allocation」についての、本論考の要約メモである。 ■Ⅲ. 定式配賦（Formula Apportionment, FA） 法人税の向かう…
下記Qiita記事の転載です qiita.com 今回のテーマ とりあえずChrome拡張を作ってみる 自分が解決したい課題に取り組む 大きいものを最初から作ろうとしない 自己紹介 株式会社ROXXでサーバーサイドを主に開発しております コンテンツ 単なる作業報告・ソースコード添付な記事となります 似たようなことをやる／やりたい人の参考になればさいわいです 課題の所在 Amazonの商品ページ機能に関して、前々から下記を解決したいなと思っていました PC向けのページだと「シェアする」ボタンの挙動が「メーラーの起動」になっている slackとかdiscordとかにURLを貼りつけたいだけなときに…
HTMLの必要性 HTMLメールへのCSSの当て方 CSS埋め込み形式でのGmail そもそもCSSの形式とは CSSインライン形式でのGmail 結論 相変わらずContact Form 7の深い沼にハマったままのろくまんだ。 HTMLの必要性 Contact Form 7でもらった問い合わせはメールでウェブサイトの所有者なり管理人に届くわけだが、その問い合わせメールを印刷して保管したいという話もチラホラあったりする。 いわゆるお問い合わせ的な内容なら「名前」「メールアドレス」「問い合わせ内容」くらいで項目数も少ないからテキストメールを普通に印刷すれば事足りるが、「会員登録」的な内容となると…
今朝は、「詳細HTML基礎文法編」を#1から復習。 やはり、表の作り方がスラスラ行かなかったので、自分で表を作ってみた。 #15-#19は、リンク（外部、内部）と文章の構造マークアップ とくに悩むところはなかった。 ショートカットキーは使い慣れるしかないのだけど、Visual Studio Codeで行をいっぺんに右左に動かすショートカットキーに悩む。Shift+tabで左に動くんだね。 この講座は#22までなので、もう少しだ。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="discript…
自身のスキルを他者に説明する事は、そのスキルを身に付けるのと同じくらい重要であり、意味のある事です。 「htmlとcssが出来ます」だけでは無く、この6ヶ月で具体的にどういう事を学んだか、どういう事が出来るようになったか、をしっかりと説明しましょう。 html5 htmlの授業ではhtml5を中心に学習しました。HTMLはマークアップ言語であり文書構造（アウトライン）を示す物です。html5ではheader要素やnav要素といった新しい要素を使用する事で、より明確に文書構造を示すことができるようになりました。また、h1~h6を使用し、適切な見出しの設定も行いました。これらはW3Cの仕様に準拠し…
（原文：Jason Beres／翻訳：インフラジスティックス・ジャパン） 最近まで、C＃開発者がフロントエンドのコーディングをする多くの場合、最も使われているプログラミング言語であるJavaScriptを使用していました。しかし、Web開発の世界は急速に変化しており、開発者はもはやハイエンドのWebアプリ開発のためにJavaScriptに依存する必要はありません。 BlazorはWebAssemblyと呼ばれるテクノロジーのおかげで、アドオンやプラグインを使用せずにブラウザー上で.NETを実行できます。 本記事では、現在のBlazorの状況、その機能、本番レベルで利用可能であるかなどを詳しく見…
写真と文字が混ざった原稿があります。今書いている、この記事もそうですが、写真につけたキャプションよりは文章量が多い場合があります。本当は、写真とその説明を合わせて構造体に扱えればよいのですが、wordでは、テキストボックスを作って、その中に、写真と文字を入れ込む必要があります。LaTeXのように、図は、タイトルとキャプションのついた構造体として、定義されていれば、簡単なのですが、WYSIWYGでは、そうできないのでしょう。頭が、LaTeXやマークアップになれると、WYSIWYGは苦痛です。 さて、今回のテーマは、「『写真と文字が混ざった原稿』を印刷できるように編集する方法は何がよいか」というこ…
design.kayac.com
design.kayac.com
design.kayac.com
design.kayac.com
design.kayac.com
design.kayac.com
www.html5-memo.com
coliss.com
design.kayac.com
