概要 プログラミングをする際には、APIリファレンスやソースコードのコメントなどを英語で読むことが求められます。場合によっては英語で関数名を付けたり、ちょっとしたマニュアルを書いたりする機会もあります。ただしプログラミング時に求められる英単語は、一般的な英語で求められる英単語とは異なります。 本必須英単語リストでは、プログラミング時に求められ、特に目にすることが多い英単語を以下のカテゴリーに分けて選定しています(注1)。プログラミング英語の学習や知識確認にご活用ください。
ShiShi Yamazaki シシヤマザキ Official Website Copyright © 2024 ShiShi Yamazaki, All Rights Reserved.
私たちはホームページ制作会社(株式会社ウェブ企画パートナーズ)ですので普段お客様の採用サイトを制作させていただく機会が多いのですが、今年見かけた「2020年度 新卒採用サイト」のうち、デザイン性やコンテンツに優れているサイトを19サイトピックアップしてみました。また最後に今年の傾向のまとめをご紹介しています。(順不同) ※2022年度版も公開しました! https://wk-partners.co.jp/homepage/blog/hpseisaku/webdesign/recruit2022/ 疾走感とエネルギッシュの融合(日清食品) https://www.nissin.com/jp/recruit/nissinfoods/index.html まずサクサクと流れていくムービーが目を引きます。単に職場の様子を撮影した動画などよりも効果的に思えますね。ムービーの終了後は疾走感のあるメッセ
マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか
Webページやスマホアプリで要素がビューポート内に入った時に、パララックスやさまざまなスクロールのエフェクトを実装できるJavaScriptライブラリを紹介します。 要素をスクロールに追従して表示させたり、視差効果を使ったパララックスやカーテン効果なども簡単に実装できます。 Locomotive Scroll Locomotive Scroll -GitHub Locomotive Scrollの特徴 Locomotive Scrollのデモ Locomotive Scrollの使い方 Locomotive Scrollの特徴 Locomotive ScrollはWebページやスマホアプリでビューポート内の要素検出と視差効果によるスムーズなスクロールを簡単に実装できるJavaScriptライブラリです。virtual-scrollにレイヤーとして構築され、要素がビューポート内に入った時にc
初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で70個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。(BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。) 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。(もしこの構図の正式名称とかあった
select要素にデフォルトで効いているCSSを解除し、自由なデザインに変更する方法について解説します。 この記事のポイント select要素の標準CSSをリセットする IEやFirefoxのselect要素に表示される矢印を消す select要素に好きなCSSを適用する プルダウンメニューを自由にデザインする フォームにプルダウンメニューとして設置するselect要素について、各ブラウザが適用している標準CSSをリセットした上で自由なデザインに変更していきます。 例えば、IEがselect要素に標準で表示する右側の矢印を消し、任意の画像に置き換えることができます。 IEでの表示例 iPhoneのSafariなどの標準CSSもリセットし、IEと同様に自由にデザインを変更します。 iPhone Safariでの表示例 select要素に適用するCSSは次のコードです。 CSSのコード例 se
私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初はこうしようと思っていた しかし、さまざまな可能性を試した結果、今までPhotoshopとIllustratorとAdobe XDの3つのアプリでおこなっていたことをたった1つのアプリで完結させることができ、しかもあらゆる作業をAdobe XD並みの速度でできる方法があるという事に気づきました。 たった1つのアプリで完結させることができるという事に気づいた ここ最近はたった1つのアプリでWebデザインを完結させるワーク
2018年8月6日 JavaScript, jQuery Webサイトのアクセントに、ちょっとした動きをつけたい時ってありますよね。一から作り込むのは大変ですが、プラグインを使えば意外と簡単に実装できますよ。夏らしい涼し気なデザインになりそうです。サンプルがうまく動かない時はデモ画面右上の「EDIT ON CODEPEN」をクリックして別タブで表示してみてください! ↑私が10年以上利用している会計ソフト! wavify See the Pen wavify Demo by Mana (@manabox) on CodePen. GitHub wavifyはjQueryのプラグイン。ふよふよと動く波を表現できます。jQueryとTweenMax、wavifyのファイルを読み込み、SVGコードを用意すればOK。 HTML <body> コンテンツ ・・・ <!-- SVG --> <svg
テーブルをメインに使用しているコンテンツをレスポンシブ対応する必要があるので、色々調べてみて実装してみました。 参考にしたサイトと実装デモ 色々見てみた中で、自分なりに一番しっくりしたレスポンシブ対応の参考サイトはこちら。 Responsive table layout · Matt Smith これを基に実装したテーブルのデモはこちらになります。 レスポンシブ対応 table デモ 各テーブルの説明は下記になります。 縦並びの見出しテーブル 参考サイトとは関係ありませんが、一応縦並びの見出しテーブルのレスポンシブ対応も実装してみました。 会社概要風のテーブル 会社概要とかでよく使われている感じの一般的なテーブルです。 通常 <table class="col-head-type1"> <tr> <th>見出し1</th> <td>コンテンツ</td> </tr> <tr> <th>見出し
こんにちは、Ryohei(@ityryohei)です! 本記事では、jQueryでオーバーレイメニューを実装する方法をご紹介しています。 では、解説していきます。 オーバーレイメニューとは オーバーレイとは「覆う」や「重ねる」といった意味を持つ単語で、何かの表面に他の要素を重ねて表示する場合などに使われる用語です。オーバーレイメニューというのは、画面上の表示の上に重ねる形で表示されるメニューのことで、最近では多くのWebサイトに取り入れられている手法です。モーダルメニューと呼ばれる場合もあります。 下記は本記事で作成するオーバーレイメニューのデモです。同じような表示を実装したい場合に参考にしていただければと思います。 See the Pen by ryohei (@intotheprogram) on CodePen. オーバーレイメニューの実装 HTMLでレイアウトを組んでいきます。必要
レジストリのバックアップ/リストアの操作はWindows 10だけではなく、全てのWindowsに共通するタイプの内容です。基本的に他のバージョンのWindowsでも利用可能です。 レジストリのバックアップ/リストアを行なう方法には大きく分けて2通りの手順があります。 一つはシステムの「復元ポイント」を利用する方法です。こちらは「Windows 10でシステムの復元を利用する方法(復元ポイントの作成/システムの復元)」の記事で手順をまとめていますので、そちらの記事を参照してください。 この記事ではもう一つの方法、レジストリエディタを使ってレジストリデータのバックアップ/リストアを行なう手順を紹介します。 まずレジストリのバックアップをレジストリエディタから行なう方法を説明します。 全レジストリデータのバックアップ レジストリエディタの起動は、Windowsキー+Rキーの同時押しで表示される
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く