JS로 기분을 읽을 수 있는 기호를 만들었어요.

개막사


Kso app 2Advent Calendar 2019((-~[]+[]+-~[]>>-~[])+(-~[]<<-~[]))다음날
기호 프로그래밍을 좋아한다고파벌!
솔직한 마음을 전하기가 좀 그렇고...
그러면 조금 어려운 모양으로 만들어주세요!!
그래서 했어요. 임의의 글을 JS의 기호로 바꾸는 최고의 스팸 프로그램
가능하면 놀러오세요=>https://s17001.github.io/okimotiToKigou/dist/

애플리케이션 프로필


임의의 문자를 입력한 후, js 기호로 프로그래밍된 WEB 프로그램으로 변환합니다

원래 문장을 복원해야 한다
• 브라우저 콘솔에 직접 부착
・eval (eval 시 변수를 사용하지 않는 모드를 선택하십시오!)
이렇게 하면 원래의 문장을 쓸 수 있다
이 앱으로 메세지를 보내고 신경 쓰는 그 아이에게 기호를 보내라!!
생성된 글자 수가 많기 때문에 기본적으로 트위터를 할 수 없다

기술적인 담화


쓰던 물건

  • Vue.js
  • 보관소: https://github.com/s17001/okimotiToKigou

    기호 이야기


    기본적으로 자바스크립트의 스텔스 변환을 많이 사용했어요.

    숫자 주위

    ~[] // -1 からの配列をビット反転して数字にする
    -~[] // 1 頭に - をつけて負の符号を打ち消す
    -~[] + -~[] // 2 これらの足し算
    

    문자 주위

    ![]+[] // "false" falseをString型へ変換させる
    (![]+[])[-~[]] // "a" falseの1番目をとってくる
    
    예컨대 제 이름은 다음과 같습니다.
    (!![]+[])[-~[]]+(-~[]/[]+[])[((-~[]+[]+-~[]>>-~[])+(-~[]<<-~[]))]+([][""]+[])[-[]] // ryu
    
    기호로 구성된 문자와 숫자는 모두 다음과 같다
    true, false, undefined, infinity, NaN, Object,
    1, 2, 3, 4, 5, 6, 7, 8, 9, 0
    
    위의 문자에서 찾을 수 없는 문자는 유니코드 호출을 통해 기호로 표현할 수 있다

    그림 문자와 유니코드 이야기


    기호로 emoji를 표현할 때 문제는 salo gate가 조합한 그림 문자가 엉망진창으로 변한다는 것이다
    '🤔'.charCodeAt().toString(16) // "d83e"
    "\ud83e" // "�"
    
    대상 문자length에 대응하는 기호 코드 생성
    대응하는 곳
    // charCode単位でイテレートする
    for (let i = 0, l = '🤔'.length; i < l; ++i) {
      const parsedArr = [...(input.charCodeAt(i).toString(16) + [])]
      const flamedArr = parsedArr.map(いい感じに記号にする関数)
      /* 以下いい感じの処理たち
      */
    }
    

    트위터를 위해서.


    트위터 화면의 쿼리 매개 변수에 +를 포함하지 않기 위해 따뜻하고 솔직한 코드를 썼어요
    <div>
        <a class="tweet" :href="'https://twitter.com/intent/tweet?text='+twitter+'&hashtags=kuso_app_2019'" target="_blank">ついーとするためのボタン</a>
    </div>
    
    computed:{
      twitter(){
        return encodeURI(this.tweetText).split('+').join("%2B")
      }
    }
    

    매우 참고 가치가 있는 보도 + @


    javascript
    https://qiita.com/acid_chicken/items/eeb0b42a1ecbba0c49e3
    php
    https://qiita.com/phpfucker/items/581a7f06c054472fbab1
    외람된 제 슬라이드입니다.
    https://speakerdeck.com/s17001/ji-hao-puroguramingufalseji-da-cheng

    총결산


    이 앱을 만들기 전에 변수가 어떤 유형인지 어느 정도 알 수 있다!!!
    여러분도 기호 프로그래밍을 해서 인간 컴파일러가 되세요!자!!!!!!!!
    생각나는 앱을 마음대로 만들 수 있는 것이 가장 즐겁다. 더 좋은 기사로 정리할 수 있는 기회가 있기 때문에 쓰레기 앱인 advent 달력은 매우 좋은 문화라고 생각한다.
    여기까지 읽어주셔서 감사합니다!!!!
    남은 2019년도 좋은 하루 보내자.그럼 새해 복 많이 받으세요.

    좋은 웹페이지 즐겨찾기