きりんのきもち

Webプログラミング初心者のメモ

JavaScript、ゆくゆくはPythonも……?

2ヶ月ぶりににWin10起動してWindowsUpdateしたら設定起動しなくなった時のメモ

【症状】

スプラッシュ画面だけでて数秒後に落ちる症状がずっと続いていた

【役に立たなかったもの】

下記の方法3

https://sway.com/4tm6CJr0zowLImoa

【役に立ったもの】

下記

https://support.microsoft.com/ja-jp/help/10164/fix-windows-update-errors

【for19卒】今から就活動きたい人に紹介したいアイテム

夏のインターン行きましたか? 行ってない? [10/4追記]もうLINEの新卒採用エントリー受付始まってるらしいよ?第0タームの受付締切は明日朝10時まで。早くない??

特に今から頑張りたい方におすすめのアイテム(2つ)を超雑にまとめました。

 

業界地図

毎年8月9月ぐらいに更新されます。なので今が買い時

 

■ 日経業界地図

https://www.amazon.co.jp/dp/B075141FSYwww.amazon.co.jp

とにかく見やすい。あとグループ会社一覧とか財閥一覧とかがある

 

■ 「会社四季報」 業界地図

https://www.amazon.co.jp/dp/B074Z28XD6www.amazon.co.jp

就職?四季報とのページリンクあり。平均年収とか有休消化率とか3年後退職率とかちゃんと確認したい人は就職四季報を。

 

手帳

まあ結局使いこなせなかったけど、就活本番1年~半年前から使える手帳を3つほど紹介しときます。 詳しい説明は下記記事にお任せいたします。

my-best.com

syukatsu2016.com

 

■ (17年6月-19年3月まで)「メディア総研 就活生のための22ヶ月手帳」

就活手帳:就職活動におすすめの手帳:就活生のための22ヶ月手帳 http://mda.ne.jp/diary_st/

 

■ 17年10月から!19年3月まで「学研ステイフル 就職内定手帳」

www.amazon.co.jp

 

■ 12月から!2年後の3月まで「マークス 就活ダイアリー」

↓18卒用

http://www.online-marks.com/diary-2017%E6%89%8B%E5%B8%B3%E3%83%BB%E3%82%B9%E3%82%B1%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E5%B8%B3+%E3%82%A6%E3%82%A3%E3%83%BC%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%BB%E3%83%90%E3%83%BC%E3%83%81%E3%82%AB%E3%83%AB+2016%E5%B9%B412%E6%9C%88%E5%A7%8B%E3%81%BE%E3%82%8A+B6%E6%AD%A3%E5%AF%B8%EF%BC%88SK%EF%BC%89-%E5%B0%B1%E6%B4%BB%E3%83%80%E3%82%A4%E3%82%A2%E3%83%AA%E3%83%BC%E3%83%BB%E3%82%B8%E3%83%83%E3%83%97%E3%83%9D%E3%82%B1%E3%83%83%E3%83%88/brandproduct/diary/0/17WDR-SK02/?cat=&swrd=www.online-marks.com  

      以上!  

メモ:結局Mendeleyって何が便利なん?【気づいたら随時更新】

 

先行研究論文をブラウザ上で閲覧しているときに
  • ブラウザから論文を保存できる
    • いわゆる「論文のPDFを閲覧する1つ前のページ」で登録すると、著者情報とか全部保存してくれる。便利!(小並感)
  • タグ付けもできる

 

自分が自分の論文をWordで書いているときに
  • 参考文献情報をWordにすぐに追加できる
  • 参考文献番号も書き換わる。便利!

 
――
 
以上、随時更新のつもり。
 

【日記】ローカルに手っ取り早くRedmineを導入するための参考サイト

前書き

Trelloの階層構造の足りなさ(てか自分の整理能力のなさ)にうんざりしたので、
とりあえずローカル環境でRedmineを使えるようにしました。

Win10では1ヶ月前?に使えるようにして、実際活用してます。

本題:基本的に

www.redmine.org


の、一番下に書いてある

  • Bitnami
  • TurnKey

のどちらかを使いました。


以下、僕の場合を紹介します。

ほぼほぼCleanだったWindows10の場合

参考(多分)
WindowsにRedmine環境を簡単に構築する手順


ほぼほぼこれどおりで行けたはず。でも最初に言語選ぶところでEnglish選択した覚えがあります。


既にRubyとか色々入れてしまっていたMac

Bitnamiが"Access Redmine"って行ってるページは出るんですが、
"Access Redmine"を押すとページが見つかりませんと言われます。


そこでturnkeyとVirtualBoxを使ってRedmine環境を整えました。
参考サイトが丁寧なので、VirtualBox含め仮想OS自体に不慣れな自分でも無事構築できました
Design Recipe 別館 Blog - 手間要らずでプロジェクト管理ツール Redmine を導入する - VirtualBox 編 (その1)



注意点1

f:id:mega-ne0221:20170207130752p:plain

最初のturnkey-redmineのisoのダウンロードですが、最新版サイトでは"BUILDS:"の"493MB ISO"をダウンロードします。



注意点2

最後のプロンプトの"redmine login:"と出ているところには"root"と入力する。
ブラウザ上でのRedmineの "ログインID:" は "admin"


おまけ:Redmineの使い方で参考にさせていただいたページ

media.coach4pm.com



以上です。

WebStorm 2016.3.2 UIデザインを変える

まだメモ書き程度ですが|

白か黒か


Preferenceから……

f:id:mega-ne0221:20170110151322p:plain


AppearanceのThemeを設定

f:id:mega-ne0221:20170110151335p:plain




Editor部分をもう少し変えたい


f:id:mega-ne0221:20170110151346p:plain



文字の大きさ、幅


f:id:mega-ne0221:20170110151424p:plain




以上です。
 

Aviutlの導入方法を、Xenoさんの動画から書き起こしてみた

ちなみに僕もWindows10でやってみました。

以下、目次。

以上、目次。

アンインストール

フォルダ消すだけ
detail.chiebukuro.yahoo.co.jp



ダウンロード

参考

www.youtube.com


(続きは下をクリック)

L-SMASH Works r804

aviやmp4以外の多種多様なファイルを読み込むためのヤツ。後述する「優先度」の変更を怠らないように。

aviutl.info

L-SMASH Works r921 -- RePOPn




Lanczos 3-lobed

リサイズ用

www.marumo.ne.jp


解凍する

実はlzhも標準エクスプローラーで解凍できるのか。知らなかった・・・・・・
www.keisan-navi.com
まあ元々Lhaplus入れてたわ俺。。




インストール

参考

www.youtube.com

  1. aviutl100フォルダはC直下がよかったはずなのでaviutl100フォルダを移動させる。このaviutl100フォルダにいろいろつっこんでく
  2. L-SMASHフォルダ直下の.au*の拡張子ファイル4つをaviutl100フォルダ直下に移動
  3. Lanczos 3もaufをaviutl100フォルダ直下に移動

x264

  1. auto_setup.exeをダブルクリック
  2. インストール完了したらaviutl.exeのファイルがあるフォルダを指定

gyazo.com



拡張編集は一旦放っておいて、起動

環境設定→システムの設定

「再生ウィンドウの動画再生をメインウィンドウに表示する」にチェック

*** LargeAddressAwareを有効にする にチェック。←64bit対応+認識メモリ量も増える?

「OK」

いったん閉じて拡張編集をインストール

「exedit92」内の全ファイルを、「aviutl100」フォルダ直下に移動

これで起動すると、「設定」→「拡張編集の設定」が表示されるようになる


もしうまく動かなかったら

aviutl.exeを右クリック→「プロパティ」→「互換性(compatiblity)」→「互換モード」をイジるといけるかも



あとは「夏版」の動画の後半でいろいろQ&Aしてくださってます。

「mp3もaviも読み込みません!」

「コーデックを追加してみてはいかがでしょうか? コーデックで検索!」
……wavも読み込まなかったのでさすがにおかしいと思ってたら、L-Smashの優先度設定が低かったらしい。
ぼくは優先度一番上に持っていきましたね
aviutl.info

12/23追記

.movや.mtsが読み込まなかったので、exedit.iniを編集しました。
下記ページ内の「読み込める拡張子を増やす」を参照
denno-sekai.com



「音声エンコードに失敗します!」

「音声」の「エンコード」を「qaac」から「NeroAacEnc」に変えましょう!←ミラーサイトを自己責任で探すしかない……


あれ?再生ウィンドウが……

detail.chiebukuro.yahoo.co.jp

KNPの読み方

↓原文↓

すもももももももものうちである。
僕はトムと梅田に本を買いに行った。


↓knp↓

# S-ID:1 KNP:4.11-CF1.1 DATE:2016/12/01 SCORE:-18.26236
* 1P <文頭><モ><助詞><体言><係:未格><並キ:名:&ST:2.5&&モ><区切:1-4><並列タイプ:AND><格要素><連用要素><正規化代表表記:すもも/すもも><主辞代表表記:すもも/すもも><並列類似度:6.289><並結句数:2><並結文節数:1>
+ 1P <文頭><モ><助詞><体言><係:未格><並キ:名:&ST:2.5&&モ><区切:1-4><並列タイプ:AND><格要素><連用要素><正規化代表表記:すもも/すもも>
すもも すもも すもも 名詞 6 普通名詞 1 * 0 * 0 "自動獲得:テキスト 疑似代表表記 代表表記:すもも/すもも" <自動獲得:テキスト><疑似代表表記><代表表記:すもも/すもも><正規化代表表記:すもも/すもも><文頭><かな漢字><ひらがな><名詞相当語><自立><内容語><タグ単位始><文節始><文節主辞>
も も も 助詞 9 副助詞 2 * 0 * 0 NIL <品曖><ALT-も-も-も-9-3-0-0-NIL><品曖-副助詞><品曖-接続助詞><かな漢字><ひらがな><付属>
* 3D <モ><モ~><助詞><体言><係:未格><並キ:名:&ST:2.5&&モ><区切:1-4><並列タイプ:AND><格要素><連用要素><正規化代表表記:桃/もも?股/もも><主辞代表表記:桃/もも?股/もも><並列類似度:-100.000>
+ 3D <モ><モ~><助詞><体言><係:未格><並キ:名:&ST:2.5&&モ><区切:1-4><並列タイプ:AND><格要素><連用要素><正規化代表表記:桃/もも?股/もも><解析格:ガ>
もも もも もも 名詞 6 普通名詞 1 * 0 * 0 "代表表記:桃/もも 漢字読み:訓 カテゴリ:植物;人工物-食べ物 ドメイン:料理・食事" <代表表記:桃/もも><漢字読み:訓><カテゴリ:植物;人工物-食べ物><ドメイン:料理・食事><正規化代表表記:桃/もも?股/もも><品曖><ALT-もも-もも-もも-6-1-0-0-"代表表記:股/もも カテゴリ:動物-部位"><品曖-普通名詞><原形曖昧><かな漢字><ひらがな><名詞相当語><自立><内容語><タグ単位始><文節始><文節主辞>
も も も 助詞 9 副助詞 2 * 0 * 0 NIL <品曖><ALT-も-も-も-9-3-0-0-NIL><品曖-副助詞><品曖-接続助詞><かな漢字><ひらがな><付属>
* 3D <モ~><助詞><連体修飾><体言><係:ノ格><区切:0-4><正規化代表表記:桃/もも?股/もも><主辞代表表記:桃/もも?股/もも>
+ 3D <モ~><助詞><連体修飾><体言><係:ノ格><区切:0-4><係チ:非用言格解析||用言&&文節内:T解析格-ヲ><正規化代表表記:桃/もも?股/もも>
もも もも もも 名詞 6 普通名詞 1 * 0 * 0 "代表表記:桃/もも 漢字読み:訓 カテゴリ:植物;人工物-食べ物 ドメイン:料理・食事" <代表表記:桃/もも><漢字読み:訓><カテゴリ:植物;人工物-食べ物><ドメイン:料理・食事><正規化代表表記:桃/もも?股/もも><品曖><ALT-もも-もも-もも-6-1-0-0-"代表表記:股/もも カテゴリ:動物-部位"><品曖-普通名詞><原形曖昧><かな漢字><ひらがな><名詞相当語><自立><内容語><タグ単位始><文節始><文節主辞>
の の の 助詞 9 接続助詞 3 * 0 * 0 NIL <かな漢字><ひらがな><付属>
* -1D <文末><形副名詞><外の関係><句点><体言><用言:判><レベル:C><区切:5-5><ID:(文末)><裸名詞><係:文末><提題受:30><主節><格要素><連用要素><正規化代表表記:うち/うち><主辞代表表記:うち/うち>
+ -1D <文末><形副名詞><外の関係><句点><体言><用言:判><レベル:C><区切:5-5><ID:(文末)><裸名詞><係:文末><提題受:30><主節><格要素><連用要素><正規化代表表記:うち/うち><用言代表表記:うち/うち><格関係1:ガ:もも><格解析結果:うち/うち:判4:ガ/N/すもも/0/0/1;ガ/N/もも/1/0/1;外の関係/U/-/-/-/->
うち うち うち 名詞 6 副詞的名詞 9 * 0 * 0 "代表表記:うち/うち" <代表表記:うち/うち><正規化代表表記:うち/うち><かな漢字><ひらがな><名詞相当語><形副名詞><自立><内容語><タグ単位始><文節始><文節主辞>
である である だ 判定詞 4 * 0 判定詞 25 デアル列基本形 15 NIL <表現文末><かな漢字><ひらがな><活用語><付属>
。 。 。 特殊 1 句点 1 * 0 * 0 NIL <文末><英記号><記号><付属>
EOS
# S-ID:2 KNP:4.11-CF1.1 DATE:2016/12/01 SCORE:-50.53700
* 5D <文頭><一人称><SM-主体><SM-人><ハ><助詞><体言><一文字漢字><係:未格><提題><区切:3-5><主題表現><格要素><連用要素><正規化代表表記:僕/ぼく><主辞代表表記:僕/ぼく>
+ 5D <文頭><一人称><SM-主体><SM-人><ハ><助詞><体言><一文字漢字><係:未格><提題><区切:3-5><主題表現><格要素><連用要素><正規化代表表記:僕/ぼく><解析格:ガ>
僕 ぼく 僕 名詞 6 普通名詞 1 * 0 * 0 "代表表記:僕/ぼく 漢字読み:音 カテゴリ:人" <代表表記:僕/ぼく><漢字読み:音><カテゴリ:人><正規化代表表記:僕/ぼく><文頭><一人称><漢字><かな漢字><名詞相当語><自立><内容語><タグ単位始><文節始><文節主辞>
は は は 助詞 9 副助詞 2 * 0 * 0 NIL <かな漢字><ひらがな><付属>
* 4D <人名><ト><助詞><体言><係:ト格><並キ:名:&ST:3.0><区切:1-4><並列タイプ:AND><格要素><連用要素><正規化代表表記:トム/とむ><主辞代表表記:トム/とむ><並列類似度:1.258>
+ 4D <人名><ト><助詞><体言><係:ト格><並キ:名:&ST:3.0><区切:1-4><並列タイプ:AND><格要素><連用要素><正規化代表表記:トム/とむ><解析格:ト>
トム とむ トム 名詞 6 人名 5 * 0 * 0 "人名:外国 疑似代表表記 代表表記:トム/とむ" <人名:外国><疑似代表表記><代表表記:トム/とむ><正規化代表表記:トム/とむ><記英数カ><カタカナ><名詞相当語><自立><内容語><タグ単位始><文節始><固有キー><文節主辞>
と と と 助詞 9 格助詞 1 * 0 * 0 NIL <品曖><ALT-と-と-と-9-3-0-0-NIL><品曖-格助詞><品曖-接続助詞><かな漢字><ひらがな><付属>
* 4D <人名疑><地名疑><ニ><助詞><体言><係:ニ格><区切:0-0><格要素><連用要素><正規化代表表記:梅田/うめだ><主辞代表表記:梅田/うめだ>
+ 4D <人名疑><地名疑><ニ><助詞><体言><係:ニ格><区切:0-0><格要素><連用要素><正規化代表表記:梅田/うめだ><解析格:ニ>
梅田 うめだ 梅田 名詞 6 人名 5 * 0 * 0 "人名:日本:姓:138:0.00164 疑似代表表記 代表表記:梅田/うめだ" <人名:日本:姓:138:0.00164><疑似代表表記><代表表記:梅田/うめだ><正規化代表表記:梅田/うめだ><品曖><ALT-梅田-うめだ-梅田-6-4-0-0-"代表表記:梅田/うめだ 地名:日本:大阪府:地区"><地名:日本:大阪府:地区><品曖-人名><品曖-地名><漢字><かな漢字><名詞相当語><自立><内容語><タグ単位始><文節始><固有キー><文節主辞>
に に に 助詞 9 格助詞 1 * 0 * 0 NIL <品曖><ALT-に-に-に-9-3-0-0-NIL><品曖-格助詞><品曖-接続助詞><かな漢字><ひらがな><付属>
* 4D <ヲ><助詞><体言><一文字漢字><係:ヲ格><区切:0-0><格要素><連用要素><正規化代表表記:本/ほん><主辞代表表記:本/ほん>
+ 4D <ヲ><助詞><体言><一文字漢字><係:ヲ格><区切:0-0><格要素><連用要素><正規化代表表記:本/ほん><解析格:ヲ>
本 ほん 本 名詞 6 普通名詞 1 * 0 * 0 "代表表記:本/ほん 漢字読み:音 カテゴリ:人工物-その他;抽象物" <代表表記:本/ほん><漢字読み:音><カテゴリ:人工物-その他;抽象物><正規化代表表記:本/ほん><漢字><かな漢字><名詞相当語><自立><内容語><タグ単位始><文節始><文節主辞>
を を を 助詞 9 格助詞 1 * 0 * 0 NIL <かな漢字><ひらがな><付属>
* 5D <ニ><助詞><用言:動><係:連用><レベル:A><区切:0-5><ID:~に><連用要素><連用節><正規化代表表記:買う/かう><主辞代表表記:買う/かう>
+ 5D <ニ><助詞><用言:動><係:連用><レベル:A><区切:0-5><ID:~に><連用要素><連用節><正規化代表表記:買う/かう><用言代表表記:買う/かう><格関係1:ト:トム><格関係2:ニ:梅田><格関係3:ヲ:本><格解析結果:買う/かう:動1:ガ/U/-/-/-/-;ヲ/C/本/3/0/2;ニ/C/梅田/2/0/2;ト/C/トム/1/0/2;デ/U/-/-/-/-;カラ/U/-/-/-/-;ヨリ/U/-/-/-/-;マデ/U/-/-/-/-;ヘ/U/-/-/-/-;時間/U/-/-/-/-;外の関係/U/-/-/-/-;修飾/U/-/-/-/-;ノ/U/-/-/-/-;ガ2/U/-/-/-/-;トスル/U/-/-/-/-;ニヨル/U/-/-/-/-;ニツク/U/-/-/-/-;ニカンスル/U/-/-/-/-;トイウ/U/-/-/-/-;ニムケル/U/-/-/-/->
買い かい 買う 動詞 2 * 0 子音動詞ワ行 12 基本連用形 8 "代表表記:買う/かう ドメイン:家庭・暮らし;ビジネス 反義:動詞:売る/うる" <代表表記:買う/かう><ドメイン:家庭・暮らし;ビジネス><反義:動詞:売る/うる><正規化代表表記:買う/かう><かな漢字><活用語><自立><内容語><タグ単位始><文節始><文節主辞>
に に に 助詞 9 格助詞 1 * 0 * 0 NIL <かな漢字><ひらがな><付属>
* -1D <文末><時制-過去><句点><用言:動><レベル:C><区切:5-5><ID:(文末)><係:文末><提題受:30><主節><格要素><連用要素><正規化代表表記:行く/いく?行う/おこなう><主辞代表表記:行く/いく?行う/おこなう>
+ -1D <文末><時制-過去><句点><用言:動><レベル:C><区切:5-5><ID:(文末)><係:文末><提題受:30><主節><格要素><連用要素><正規化代表表記:行く/いく?行う/おこなう><用言代表表記:行く/いく?行う/おこなう><格関係0:ガ:僕><格解析結果:行く/いく:動22:ガ/N/僕/0/0/2;ニ/U/-/-/-/-;時間/U/-/-/-/-;外の関係/U/-/-/-/-;ノ/U/-/-/-/->
行った いった 行く 動詞 2 * 0 子音動詞カ行促音便形 3 タ形 10 "代表表記:行く/いく 付属動詞候補(タ系) ドメイン:交通 反義:動詞:帰る/かえる" <代表表記:行く/いく><付属動詞候補(タ系)><ドメイン:交通><反義:動詞:帰る/かえる><正規化代表表記:行く/いく?行う/おこなう><品曖><ALT-行った-おこなった-行う-2-0-12-10-"代表表記:行う/おこなう"><品曖-動詞><原形曖昧><表現文末><移動動詞><かな漢字><活用語><自立><内容語><タグ単位始><文節始><文節主辞><用言曖昧性解消>
。 。 。 特殊 1 句点 1 * 0 * 0 NIL <文末><英記号><記号><付属>
EOS

 
 
 
 
 
 

".knp"出力結果の読み方

https://gyazo.com/460c5c16fcc886975a9d1a1651be898d


f:id:mega-ne0221:20161201172046p:plain


0D:「すももも」→1P(PARA)にかかる
1D:「ももも」→1P(PARA)にかかる
2D:「ももの」→3Dにかかる
3D:「うちである」


0D:「僕は」→5Dにかかる
1D:「トムと」→4Dにかかる
2D:「梅田に」→4Dにかかる
3D:「本を」→4Dにかかる
4D:「買いに」→5Dにかかる
5D:「行った」


記号の意味
  • 「*」 文節
  • 「+」 基本句


――――
以上。
――――

JavaScriptで配列を連番CSV出力


 
以前の記事

meganeo.hatenablog.com


で配列からCSVを出力しましたが、ただ単にループ回して連番CSV出力しますた。

face.forEach(()=>{
  //Array2CSVここから
  console.log(number);

  var file_name = 'face.csv.'+number;
  var csv_array = face[number];
  
  //中略

  //Array2CSVここまで

  number++;
});

 


Chromeで実行する際は、Chromeの設定→詳細設定→ダウンロードの、「ダウンロード前に各ファイルの保存場所を確認する」のチェックを外しておくこと!

 


HTMLのdiv要素同士の回り込みってか、折り返しさせたくない話


もともと1個目のdivで要素

<div style="float:left"></div>

だけしてて2個目の

折り返さずに1コメのdivの横に並んでてくれてたんやけど、
たぶんHTMLかCSSの仕様変更で回り込まんくなってたね……



必死こいて色々試した結果、

CSSで要素を横並びにする方法まとめ | HALAWATA.NET

こちらの方法1で落ち着きました。引用させていただくと:

<div class="boxContainer">
	<div class="box">BOX1</div>
	<div class="box">BOX2</div>
	<div class="box">BOX3</div>
</div>

に対して、CSS

.box {
	float: left;
}

.boxContainer {
	overflow: hidden;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}

てな感じでOK。


同サイトの方法2とかが、ほかのサイトでも載ってたんやけど(display:inline;とか)

結局うまく行かんかったね……


やっとまともにjQuery使えた……




http://dotinstall.com/lessons/basic_jquery_v2/25202dotinstall.com



使いたい

<script>hogehoge</script>

の前に

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

つけるだけだったのね……これをもう少し早く知っていれば。



ちな、これをやるためにやりました(語彙貧弱)

qiita.com





余談:

上記のソースコードの記法がやりたくて、はてなブログ始めたんです(にわか)

yu-ya4.hatenablog.com
ソースコードを色付けして記述する(シンタックス・ハイライト) - はてなダイアリーのヘルプ











16/7/25追記:







■自分が昔なぜできなかったのかわかりました。jQueryEcmaSCRIPT6に導入したかったからです。
この場合導入方法が違います。

参考:
qiita.com


コマンドプロンプト

$ npm install --save-dev jquery

してから、

jQueryの$マーク使ってるsrc内の各jsファイルの冒頭で

import $ from 'jquery';

と書けばOKです!





■あと、AtomとかでESlint(性的検証。売ってる間に間違い見つけてくれる)使ってる人は、設定変えないとjQueryやES6・ES2015でエラーメッセージ出すかと思います。

ES6・ES2015の人はその.eslintignore該当箇所の変更さえすれば、jQuery単体の.eslintignore該当箇所の変更は要らないかと思います。


参考サイト:

qiita.com